@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center; }

.layer-1, .hero .hero-container .search, #about .box-container .box, .region-spot, .parking-detail-title,
.parking-detail-status,
.parking-detail-cartype,
.parking-detail-carsize,
.parking-detail-info,
.parking-detail-review,
.parking-detail-other,
.parking-tologin,
.parking-ad,
.parking-reserve, .parking-detail-photo .photo-body .item img, .spot-totop, #coupon-register .box, #coupon-list .box, #preorder-about, #preorder-target .box, #preorder-pickup .box, #preorder-caution .box, #preorder-more-akippa .box, #preorder-register .box, #preorder-register-complete .box, #preorder-rule .box, #preorder-info .box, #preorder-history .box, #preorder-leave-title, #preorder-leave-confirm .box, #preorder-leave .box, #preorder-leave-complete .box, #login .box, #register .box, #register-google .box, #register-facebook .box, #register-sendmail .box, #register-complete .box, #suggest-preorder .box, #guide-start-suggest-preorder .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10; }

.review.review-star0 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-0.svg) no-repeat left center/80px 16px; }

.review.review-star1 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-1.svg) no-repeat left center/80px 16px; }

.review.review-star2 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-2.svg) no-repeat left center/80px 16px; }

.review.review-star3 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-3.svg) no-repeat left center/80px 16px; }

.review.review-star4 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-4.svg) no-repeat left center/80px 16px; }

.review.review-star5 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-5.svg) no-repeat left center/80px 16px; }

.review.review-star6 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-6.svg) no-repeat left center/80px 16px; }

.review.review-star7 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-7.svg) no-repeat left center/80px 16px; }

.review.review-star8 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-8.svg) no-repeat left center/80px 16px; }

.review.review-star9 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-9.svg) no-repeat left center/80px 16px; }

.review.review-star10 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(../images/icon/review-10.svg) no-repeat left center/80px 16px; }

.review.review-point, .review.review-amount {
  display: inline-block;
  font-size: 12px;
  line-height: normal;
  vertical-align: top; }

.review.review-comment {
  height: 150px;
  margin: 8px -16px;
  overflow-y: scroll;
  padding: 0 16px; }

.review.review-info {
  color: #898896;
  text-align: right; }

.review.review-parking {
  border: 1px solid #f0f0f2;
  border-radius: 4px;
  background: #f0f0f2;
  display: flex;
  align-items: flex-start;
  padding: 16px 16px 6px; }

.review.parking-image {
  width: 60px;
  height: 60px;
  min-width: 60px;
  max-width: 60px;
  margin-right: 16px; }
  .review.parking-image img {
    max-width: 100%; }

.review.parking-info {
  min-width: 0; }
  .review.parking-info p {
    margin: 0 0 10px;
    width: 100%;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .review.parking-info p.parking-address {
      font-size: 10px; }
    .review.parking-info p.parking-detail a {
      color: #1f94c1; }

#review {
  overflow: hidden;
  margin-bottom: 32px; }
  #review .box-container {
    margin: 0 auto; }
    #review .box-container h2 {
      font-weight: 600;
      margin-top: 0;
      text-align: center; }
    #review .box-container .card-container .card.card-review {
      padding: 16px; }

@media screen and (max-width: 767px) {
  #review {
    margin-bottom: 16px; }
    #review .box-container h2 {
      margin-top: 16px; } }

input[type=text],
input[type=password],
input[type=search],
input[type=tell],
input[type=number],
input[type=checkbox],
input[type=radio],
select,
textarea {
  border: none;
  border-radius: 4px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; }
  input[type=text]::placeholder,
  input[type=password]::placeholder,
  input[type=search]::placeholder,
  input[type=tell]::placeholder,
  input[type=number]::placeholder,
  input[type=checkbox]::placeholder,
  input[type=radio]::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: #d1d7da; }
  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=tell]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=checkbox]::-webkit-input-placeholder,
  input[type=radio]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #d1d7da; }
  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=tell]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=checkbox]::-moz-placeholder,
  input[type=radio]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #d1d7da; }
  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=tell]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=checkbox]:-ms-input-placeholder,
  input[type=radio]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #d1d7da; }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tell]:focus,
  input[type=number]:focus,
  input[type=checkbox]:focus,
  input[type=radio]:focus,
  select:focus,
  textarea:focus {
    outline: 0; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield !important; }

select::-ms-expand {
  display: none; }

input[type=text],
input[type=password],
input[type=search],
input[type=tell],
input[type=number] {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d1d7da;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  width: 100%; }
  input[type=text].error,
  input[type=password].error,
  input[type=search].error,
  input[type=tell].error,
  input[type=number].error {
    background: #ffe1df;
    border-color: #FF6366;
    color: #383850; }
  input[type=text]:disabled,
  input[type=password]:disabled,
  input[type=search]:disabled,
  input[type=tell]:disabled,
  input[type=number]:disabled {
    background: #f0f0f2;
    color: #d1d7da;
    border: 1px solid #d1d7da;
    opacity: 1; }

select {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d1d7da;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  width: 100%;
  background: #ffffff url(../images/icon/down.svg) no-repeat right 8px center/24px 24px;
  cursor: pointer;
  padding-right: 40px;
  text-indent: .01px; }
  select.error {
    background: #ffe1df url(../images/icon/down.svg) no-repeat right 8px center/24px 24px;
    border-color: #FF6366;
    color: #383850; }
  select:disabled {
    background: #f0f0f2 url(../images/icon/down.svg) no-repeat right 8px center/24px 24px;
    color: #d1d7da;
    border: 1px solid #d1d7da;
    opacity: 1; }

textarea {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #d1d7da;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  width: 100%;
  padding: 16px;
  min-height: 150px; }
  textarea.error {
    background: #ffe1df;
    border-color: #FF6366;
    color: #383850; }
  textarea:disabled {
    background: #f0f0f2;
    color: #d1d7da;
    border: 1px solid #d1d7da;
    opacity: 1; }

input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  line-height: normal; }

.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label,
  .radio label {
    display: table;
    min-height: 20px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer; }
  .checkbox input[type=checkbox],
  .checkbox input[type=radio],
  .radio input[type=checkbox],
  .radio input[type=radio] {
    display: table-cell;
    vertical-align: top; }
  .checkbox input[type=checkbox],
  .radio input[type=checkbox] {
    background: url(../images/icon/checkbox-off.svg) no-repeat left top/24px 24px;
    height: 24px;
    overflow: hidden;
    top: 0;
    transition: 0s;
    width: 24px; }
    .checkbox input[type=checkbox]:checked,
    .radio input[type=checkbox]:checked {
      background: url(../images/icon/checkbox-on.svg) no-repeat left top/24px 24px;
      transition: 0s; }
  .checkbox input[type=radio],
  .radio input[type=radio] {
    background: url(../images/icon/radio-off.svg) no-repeat left top/24px 24px;
    height: 24px;
    overflow: hidden;
    top: 0;
    transition: 0s;
    width: 24px; }
    .checkbox input[type=radio]:checked,
    .radio input[type=radio]:checked {
      background: url(../images/icon/radio-on.svg) no-repeat left top/24px 24px;
      transition: 0s; }
  .checkbox .text,
  .radio .text {
    display: table-cell;
    padding-left: 8px;
    vertical-align: top; }

.form-group {
  margin-bottom: 8px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%; }
  .input-group input[type=text],
  .input-group input[type=password],
  .input-group input[type=search],
  .input-group select {
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: table-cell;
    vertical-align: top;
    width: 100%; }
  .input-group .input-group-button {
    display: table-cell;
    vertical-align: top; }
    .input-group .input-group-button .button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.credit .credit-item {
  border-bottom: 1px solid #d1d7da;
  margin: 0;
  padding: 16px; }

.credit .credit-new {
  margin: 0;
  padding: 16px 16px 0; }

.credit .credit-input {
  padding: 16px; }
  .credit .credit-input .number {
    align-items: center;
    display: flex;
    margin-bottom: 16px; }
    .credit .credit-input .number .title {
      width: 80px; }
    .credit .credit-input .number .detail {
      width: calc(100% - 80px); }
  .credit .credit-input .period {
    align-items: center;
    display: flex;
    margin-bottom: 16px; }
    .credit .credit-input .period .title {
      width: 80px; }
    .credit .credit-input .period .detail {
      align-items: center;
      display: flex; }
      .credit .credit-input .period .detail select {
        width: 80px; }
  .credit .credit-input .name {
    align-items: center;
    display: flex; }
    .credit .credit-input .name .title {
      width: 80px; }
    .credit .credit-input .name .detail {
      width: calc(100% - 80px); }

.number-input {
  background: #f0f0f2;
  border: 1px solid #d1d7da;
  border-radius: 8px;
  max-width: 400px;
  padding: 16px; }
  .number-input .upper {
    display: flex;
    justify-content: center;
    margin-bottom: 8px; }
    .number-input .upper input,
    .number-input .upper select {
      margin: 0 8px;
      width: 100px; }
  .number-input .bottom {
    align-items: flex-end;
    display: flex; }
    .number-input .bottom .left {
      width: 80px; }
    .number-input .bottom .right {
      font-size: 20px;
      height: auto;
      margin-left: 8px;
      padding: 16px;
      width: calc(100% - 80px); }

button {
  outline: none; }

.button {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  line-height: 1;
  padding: 15px;
  text-decoration: none;
  text-align: center;
  width: 100%; }
  .button img {
    display: block; }
  .button:hover {
    text-decoration: none; }
  .button:disabled {
    background: #f0f0f2;
    color: #d8d7dd;
    border: 1px solid #f0f0f2;
    opacity: 1; }
    .button:disabled:hover {
      background: #f0f0f2;
      color: #d8d7dd;
      border: 1px solid #f0f0f2;
      opacity: 1; }
  .button.with-icon {
    align-items: center;
    display: flex;
    justify-content: center; }
    .button.with-icon .icon {
      margin-right: 4px;
      width: 24px; }

.button-cta-campaign-primary {
  color: #ffffff;
  background: #f95332;
  border: 1px solid #f95332; }
  .button-cta-campaign-primary:hover {
    color: #ffffff;
    background: #f8482a;
    border: 1px solid #f8482a; }

.button-cta-campaign-secondary {
  color: #ffffff;
  background: #ffffff;
  border: 1px solid #f95332; }
  .button-cta-campaign-secondary:hover {
    color: #ffffff;
    background: #f95332;
    border: 1px solid #f95332; }

.button-cta-primary {
  color: #ffffff;
  background: #00b893;
  border: 1px solid #00b893; }
  .button-cta-primary:hover {
    color: #ffffff;
    background: #009e78;
    border: 1px solid #009e78; }

.button-cta-secondary {
  color: #00b893;
  background: #ffffff;
  border: 1px solid #00b893; }
  .button-cta-secondary:hover {
    color: #ffffff;
    background: #00b893;
    border: 1px solid #00b893; }

.button-std-primary {
  color: #30b1c6;
  background: #ffffff;
  border: 1px solid #30b1c6; }
  .button-std-primary:hover {
    color: #ffffff;
    background: #30b1c6;
    border: 1px solid #30b1c6; }

.button-std-secondary {
  color: #898896;
  background: #ffffff;
  border: 1px solid #898896; }
  .button-std-secondary:hover {
    color: #ffffff;
    background: #00b893;
    border: 1px solid #00b893; }

.button-disabled {
  color: #ffffff;
  background: #d8d7dd;
  border: 1px solid #d8d7dd; }
  .button-disabled:hover {
    color: #ffffff;
    background: #d8d7dd;
    border: 1px solid #d8d7dd; }

.button-pink-primary {
  color: #ffffff;
  background: #FF6366;
  border: 1px solid #FF6366; }
  .button-pink-primary:hover {
    color: #ffffff;
    background: #FF7D80;
    border: 1px solid #FF7D80; }

.button-pink-secondary {
  color: #FF6366;
  background: #ffffff;
  border: 1px solid #FF6366; }
  .button-pink-secondary:hover {
    color: #ffffff;
    background: #FF6366;
    border: 1px solid #FF6366; }

.button-favorite {
  color: #383850;
  background: #ffffff;
  border: 1px solid #d1d7da;
  padding: 12px 8px !important; }
  .button-favorite:hover {
    color: #383850;
    background: #ffffff;
    border: 1px solid #d1d7da; }
  .button-favorite .with-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    .button-favorite .with-icon .icon {
      margin-right: 4px;
      width: 24px; }

@media screen and (min-width: 768px) {
  .button-favorite:hover {
    background: #f0f0f2; } }

.button-share {
  color: #383850;
  background: #ffffff;
  border: 1px solid #d1d7da;
  padding: 12px 8px !important; }
  .button-share:hover {
    color: #383850;
    background: #f0f0f2;
    border: 1px solid #d1d7da; }
  .button-share .with-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    .button-share .with-icon .icon {
      margin-right: 4px;
      width: 24px; }

.slide-container .card-container {
  margin: 0 12px; }
  .slide-container .card-container .card {
    border-radius: 4px;
    margin: 0 4px;
    min-width: calc(100vw - 32px);
    max-width: calc(100vw - 32px); }
    .slide-container .card-container .card .pr {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }

@media screen and (min-width: 768px) {
  .slide-container {
    position: relative; }
    .slide-container .card-container {
      margin: 0 48px; }
      .slide-container .card-container .card {
        margin: 0 16px 0 0;
        min-width: 357px;
        max-width: 357px; }
    .slide-container .slide-controller {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
      pointer-events: none;
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%; }
      .slide-container .slide-controller .slide-button {
        margin: 0 32px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.16);
        position: relative;
        z-index: 20;
        pointer-events: auto;
        cursor: pointer;
        border-radius: 50%;
        background: #30b1c6;
        padding: 12px;
        text-align: center;
        line-height: 1; }
        .slide-container .slide-controller .slide-button img {
          height: 24px;
          width: 24px; }
        .slide-container .slide-controller .slide-button:first-child {
          margin-right: auto; }
        .slide-container .slide-controller .slide-button:last-child {
          margin-left: auto; }
    .slide-container .slide-items {
      transition: 20ms ease-in-out; } }

.card-container {
  display: flex; }
  .card-container.vertical {
    flex-flow: column;
    margin-top: 0; }
    .card-container.vertical .card {
      margin: 0 0 16px;
      max-width: 100%; }
      .card-container.vertical .card .parking-info {
        width: auto; }

.card {
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  color: #383850;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  .card-container {
    margin: 16px 32px; }
    .card-container.vertical .card {
      margin: 0 0 16px; }
  .card {
    margin: 0 0 0 16px; } }

.label {
  border-radius: 2px;
  line-height: 1;
  padding: 4px 8px; }
  .label.label-small {
    padding: 4px;
    font-size: 12px; }
  .label.label-large {
    font-size: 16px; }
  .label.label-green {
    background: #00e0b5;
    color: #ffffff; }
  .label.label-light-green {
    background: #e4f8ef;
    color: #193645; }
  .label.label-green-cta {
    background: #00b893;
    color: #ffffff; }
  .label.label-blue {
    background: #64d2d2;
    color: #ffffff; }
  .label.label-light-blue {
    background: #389BD7;
    color: #ffffff; }
  .label.label-yellow {
    background: #f4e921;
    color: #ffffff; }
  .label.label-pink {
    background: #FF6366;
    color: #ffffff; }
  .label.label-gray {
    background: #898896;
    color: #ffffff; }
  .label.label-red {
    background-color: #Ef0000;
    color: #ffffff; }
  .label.label-light-red {
    background-color: #ffe1df;
    color: #Ef0000; }
  .label.label-out {
    background: #A4B0B4;
    color: #ffffff; }
  .label.label-close {
    background: #A4B0B4;
    color: #ffffff; }
  .label.label-open {
    background: #006AB8;
    color: #ffffff; }
  .label.label-rounded {
    border-radius: 4px;
    margin-left: 4px;
    padding: 4px; }
  .label.label-rounded-white {
    color: #ffffff;
    border: 1px solid #ffffff; }

.modal-background {
  background: rgba(42, 46, 44, 0.8);
  position: fixed;
  z-index: 49;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

@media screen and (max-width: 767px) {
  .modal-background {
    overflow-y: scroll; } }

.modal {
  display: flex;
  height: 100%;
  max-height: none;
  pointer-events: none; }
  .modal > div {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 8px 6px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 50;
    display: flex;
    flex-flow: column;
    pointer-events: auto;
    background: #ffffff;
    overflow: hidden;
    width: calc(100% - 32px);
    max-width: 640px;
    height: auto;
    max-height: calc(100% - 32px);
    border-radius: 4px;
    margin: auto; }
  .modal .dialog-header {
    align-items: center;
    border-bottom: 1px solid #bfbfbf;
    box-sizing: border-box;
    display: flex;
    height: 48px;
    margin-right: auto;
    min-height: 48px;
    overflow: hidden;
    padding: 16px;
    width: 100%; }
    .modal .dialog-header h2 {
      margin-right: auto; }
    .modal .dialog-header .action-modal-close img {
      display: block;
      height: 24px;
      width: 24px; }
  .modal .dialog-content {
    box-sizing: border-box;
    padding: 16px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .modal .dialog-content h2 {
      color: #282838; }
      .modal .dialog-content h2:first-child {
        margin-top: 0; }
    .modal .dialog-content h3 {
      color: #282838;
      font-size: 20px;
      margin: 0 0 16px; }
    .modal .dialog-content h4 {
      color: #282838;
      font-size: 16px;
      margin: 16px 0 8px; }
    .modal .dialog-content input,
    .modal .dialog-content select {
      margin-bottom: 8px; }
    .modal .dialog-content .button {
      margin: 0 0 8px; }
    .modal .dialog-content .error {
      margin: 0 0 8px; }
    .modal .dialog-content.content-only {
      height: 100%; }
  .modal .dialog-footer {
    display: flex;
    height: 48px;
    min-height: 48px; }
    .modal .dialog-footer .button {
      border-radius: 0;
      border-top: 1px solid #bfbfbf;
      border-left: 1px solid #bfbfbf;
      color: #1f94c1;
      cursor: pointer;
      background: #ffffff;
      text-decoration: none; }
      .modal .dialog-footer .button:last-child {
        border-left: none; }
  @media screen and (max-width: 767px) {
    .modal .dialog-content section:first-child {
      margin-top: 0; }
    .modal > .fullscreen {
      width: 100%;
      height: 100%;
      margin: 0;
      max-height: 100%;
      border-radius: 0; }
      .modal > .fullscreen .dialog-header {
        min-height: 48px;
        height: 48px; }
        .modal > .fullscreen .dialog-header .action-modal-close .icon-close {
          color: #282838;
          font-size: 24px;
          vertical-align: middle; }
      .modal > .fullscreen .dialog-content {
        flex-grow: 2;
        padding-bottom: 72px; } }
  @media screen and (min-width: 768px) {
    .modal {
      display: flex;
      align-items: center; }
      .modal > div {
        width: auto;
        min-width: 500px;
        max-width: 500px;
        height: auto;
        border-radius: 4px; } }

@media screen and (max-width: 320px) {
  #modal-register-dialog .agree-privacy {
    display: block;
    padding: 0 0 0  32px;
    text-align: left;
    width: calc(100% - 32px); }
    #modal-register-dialog .agree-privacy label {
      padding: 9px 0; } }

.select-date {
  position: relative; }
  .select-date input {
    background: #ffffff url(../images/icon/calendar.svg) no-repeat right 8px center/24px 24px; }
    .select-date input::placeholder {
      color: #383850; }
    .select-date input::-webkit-input-placeholder {
      color: #383850; }
    .select-date input::-moz-placeholder {
      color: #383850; }
    .select-date input:-ms-input-placeholder {
      color: #383850; }
    .select-date input.error {
      background: #ffe1df url(../images/icon/calendar.svg) no-repeat right 8px center/24px 24px;
      border-color: #FF6366;
      color: #383850; }
  .select-date.focus {
    margin-bottom: 12px; }
    .select-date.focus input {
      border-color: #30b1c6; }
    .select-date.focus:after {
      box-sizing: border-box;
      height: 12px;
      width: 16px;
      content: '';
      border-top: 0 solid transparent;
      border-bottom: 12px solid #30b1c6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      display: block;
      position: absolute;
      overflow: hidden;
      left: calc(50% - 8px); }

.calendar-content {
  background: #ffffff;
  width: 100%;
  border-collapse: separate; }
  .calendar-content .calendar-head {
    text-align: center;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf; }
    .calendar-content .calendar-head:first-child {
      border-top-left-radius: 4px; }
    .calendar-content .calendar-head:last-child {
      border-right: 1px solid #bfbfbf;
      border-top-right-radius: 4px; }
  .calendar-content .calendar-day {
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer;
    width: 14.285%;
    text-align: center;
    padding: 0.5em 0; }
    .calendar-content .calendar-day:last-child {
      border-right: 1px solid #bfbfbf; }
    .calendar-content .calendar-day.disabled {
      color: #d8d7dd;
      background: #f0f0f2; }
    .calendar-content .calendar-day.selected {
      color: #ffffff;
      background: #30b1c6; }
  .calendar-content tr:last-child :first-child {
    border-bottom-left-radius: 4px; }
  .calendar-content tr:last-child :last-child {
    border-bottom-right-radius: 4px; }

.balloon {
  display: inline-block;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 8px;
  padding: 0 16px;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 0; }
  .balloon:after {
    border-style: solid;
    border-width: 8px 8px 0 8px;
    bottom: -8px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0; }
  .balloon.green-cta {
    background: #00b893;
    color: #ffffff; }
    .balloon.green-cta:after {
      border-color: #00b893 transparent transparent transparent; }
  .balloon.yellow {
    background: #f4e921;
    color: #193645; }
    .balloon.yellow:after {
      border-color: #f4e921 transparent transparent transparent; }
  .balloon.orange {
    background: #ff6b3d;
    color: #ffffff; }
    .balloon.orange:after {
      border-color: #ff6b3d transparent transparent transparent; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 8px !important; }

.m-2 {
  margin: 16px !important; }

.m-3 {
  margin: 24px !important; }

.m-4 {
  margin: 32px !important; }

.m-5 {
  margin: 40px !important; }

.m-6 {
  margin: 48px !important; }

.m-7 {
  margin: 56px !important; }

.m-8 {
  margin: 64px !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mx-1 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.mx-2 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.mx-3 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.mx-4 {
  margin-left: 32px !important;
  margin-right: 32px !important; }

.mx-5 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.mx-6 {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.mx-7 {
  margin-left: 56px !important;
  margin-right: 56px !important; }

.mx-8 {
  margin-left: 64px !important;
  margin-right: 64px !important; }

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.my-1 {
  margin-bottom: 8px !important;
  margin-top: 8px !important; }

.my-2 {
  margin-bottom: 16px !important;
  margin-top: 16px !important; }

.my-3 {
  margin-bottom: 24px !important;
  margin-top: 24px !important; }

.my-4 {
  margin-bottom: 32px !important;
  margin-top: 32px !important; }

.my-5 {
  margin-bottom: 40px !important;
  margin-top: 40px !important; }

.my-6 {
  margin-bottom: 48px !important;
  margin-top: 48px !important; }

.my-7 {
  margin-bottom: 56px !important;
  margin-top: 56px !important; }

.my-8 {
  margin-bottom: 64px !important;
  margin-top: 64px !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 8px !important; }

.mt-2 {
  margin-top: 16px !important; }

.mt-3 {
  margin-top: 24px !important; }

.mt-4 {
  margin-top: 32px !important; }

.mt-5 {
  margin-top: 40px !important; }

.mt-6 {
  margin-top: 48px !important; }

.mt-7 {
  margin-top: 56px !important; }

.mt-8 {
  margin-top: 64px !important; }

.mr-0 {
  margin-right: 0 !important; }

.mr-1 {
  margin-right: 8px !important; }

.mr-2 {
  margin-right: 16px !important; }

.mr-3 {
  margin-right: 24px !important; }

.mr-4 {
  margin-right: 32px !important; }

.mr-5 {
  margin-right: 40px !important; }

.mr-6 {
  margin-right: 48px !important; }

.mr-7 {
  margin-right: 56px !important; }

.mr-8 {
  margin-right: 64px !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 8px !important; }

.mb-2 {
  margin-bottom: 16px !important; }

.mb-3 {
  margin-bottom: 24px !important; }

.mb-4 {
  margin-bottom: 32px !important; }

.mb-5 {
  margin-bottom: 40px !important; }

.mb-6 {
  margin-bottom: 48px !important; }

.mb-7 {
  margin-bottom: 56px !important; }

.mb-8 {
  margin-bottom: 64px !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 8px !important; }

.ml-2 {
  margin-left: 16px !important; }

.ml-3 {
  margin-left: 24px !important; }

.ml-4 {
  margin-left: 32px !important; }

.ml-5 {
  margin-left: 40px !important; }

.ml-6 {
  margin-left: 48px !important; }

.ml-7 {
  margin-left: 56px !important; }

.ml-8 {
  margin-left: 64px !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 8px !important; }

.p-2 {
  padding: 16px !important; }

.p-3 {
  padding: 24px !important; }

.p-4 {
  padding: 32px !important; }

.p-5 {
  padding: 40px !important; }

.p-6 {
  padding: 48px !important; }

.p-7 {
  padding: 56px !important; }

.p-8 {
  padding: 64px !important; }

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

.px-1 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.px-2 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.px-3 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.px-4 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.px-5 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.px-6 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.px-7 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

.px-8 {
  padding-left: 64px !important;
  padding-right: 64px !important; }

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.py-1 {
  padding-bottom: 8px !important;
  padding-top: 8px !important; }

.py-2 {
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

.py-3 {
  padding-bottom: 24px !important;
  padding-top: 24px !important; }

.py-4 {
  padding-bottom: 32px !important;
  padding-top: 32px !important; }

.py-5 {
  padding-bottom: 40px !important;
  padding-top: 40px !important; }

.py-6 {
  padding-bottom: 48px !important;
  padding-top: 48px !important; }

.py-7 {
  padding-bottom: 56px !important;
  padding-top: 56px !important; }

.py-8 {
  padding-bottom: 64px !important;
  padding-top: 64px !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 8px !important; }

.pt-2 {
  padding-top: 16px !important; }

.pt-3 {
  padding-top: 24px !important; }

.pt-4 {
  padding-top: 32px !important; }

.pt-5 {
  padding-top: 40px !important; }

.pt-6 {
  padding-top: 48px !important; }

.pt-7 {
  padding-top: 56px !important; }

.pt-8 {
  padding-top: 64px !important; }

.pr-0 {
  padding-right: 0 !important; }

.pr-1 {
  padding-right: 8px !important; }

.pr-2 {
  padding-right: 16px !important; }

.pr-3 {
  padding-right: 24px !important; }

.pr-4 {
  padding-right: 32px !important; }

.pr-5 {
  padding-right: 40px !important; }

.pr-6 {
  padding-right: 48px !important; }

.pr-7 {
  padding-right: 56px !important; }

.pr-8 {
  padding-right: 64px !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 8px !important; }

.pb-2 {
  padding-bottom: 16px !important; }

.pb-3 {
  padding-bottom: 24px !important; }

.pb-4 {
  padding-bottom: 32px !important; }

.pb-5 {
  padding-bottom: 40px !important; }

.pb-6 {
  padding-bottom: 48px !important; }

.pb-7 {
  padding-bottom: 56px !important; }

.pb-8 {
  padding-bottom: 64px !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-1 {
  padding-left: 8px !important; }

.pl-2 {
  padding-left: 16px !important; }

.pl-3 {
  padding-left: 24px !important; }

.pl-4 {
  padding-left: 32px !important; }

.pl-5 {
  padding-left: 40px !important; }

.pl-6 {
  padding-left: 48px !important; }

.pl-7 {
  padding-left: 56px !important; }

.pl-8 {
  padding-left: 64px !important; }

.no-content-suggest {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 48px; }
  .no-content-suggest .not-found {
    align-items: center;
    border-bottom: 1px solid #d1d7da;
    display: flex;
    padding: 16px 32px; }
    .no-content-suggest .not-found .content {
      width: 100%; }
      .no-content-suggest .not-found .content h2 {
        font-size: 16px; }
    .no-content-suggest .not-found .img img {
      display: block;
      margin: 0 auto;
      width: 200px; }
  .no-content-suggest .suggest {
    padding: 32px; }
    .no-content-suggest .suggest .suggest-title {
      background: #f0f0f2;
      border-radius: 4px;
      margin: 0 auto;
      padding: 8px;
      position: relative;
      text-align: center;
      max-width: 400px; }
      .no-content-suggest .suggest .suggest-title:after {
        border-color: #f0f0f2 transparent transparent transparent;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        bottom: -8px;
        content: "";
        display: block;
        height: 0;
        left: 50%;
        margin-left: -8px;
        position: absolute;
        width: 0; }
    .no-content-suggest .suggest .merit {
      display: flex;
      margin: 24px 0; }
      .no-content-suggest .suggest .merit .merit-box {
        border-right: 1px solid #d1d7da;
        padding: 0 16px;
        text-align: center;
        width: 33%; }
        .no-content-suggest .suggest .merit .merit-box:last-child {
          border: none; }
        .no-content-suggest .suggest .merit .merit-box .title {
          align-items: center;
          display: flex;
          justify-content: center; }
          .no-content-suggest .suggest .merit .merit-box .title .badge {
            align-items: center;
            background: #f4e921;
            border-radius: 50%;
            display: flex;
            font-weight: 600;
            height: 60px;
            width: 60px; }
            .no-content-suggest .suggest .merit .merit-box .title .badge div {
              display: block;
              font-size: 10px;
              margin: 0 auto; }
              .no-content-suggest .suggest .merit .merit-box .title .badge div span {
                display: block;
                font-size: 20px;
                line-height: 1; }
          .no-content-suggest .suggest .merit .merit-box .title .text {
            border-bottom: 1px solid #f4e921;
            font-size: 16px;
            margin: 0 8px;
            padding: 4px;
            text-align: left; }
        .no-content-suggest .suggest .merit .merit-box .content {
          margin-top: 8px; }
    .no-content-suggest .suggest .cta {
      margin: 0 auto;
      max-width: 400px; }

@media screen and (max-width: 767px) {
  .no-content-suggest {
    border-radius: 0;
    margin: 16px 0;
    text-align: center; }
    .no-content-suggest .not-found {
      display: block;
      padding: 16px; }
      .no-content-suggest .not-found .content {
        padding: 0; }
        .no-content-suggest .not-found .content h2 {
          font-size: 16px;
          margin-bottom: 16px; }
      .no-content-suggest .not-found .img img {
        max-width: 300px;
        width: 80%; }
    .no-content-suggest .suggest {
      padding: 16px; }
      .no-content-suggest .suggest .merit {
        display: block; }
        .no-content-suggest .suggest .merit .merit-box {
          border: none;
          margin-bottom: 16px;
          padding: 0;
          width: 100%; }
          .no-content-suggest .suggest .merit .merit-box:last-child {
            margin: 0; } }

html, body {
  color: #383850;
  background-color: #f0f0f2;
  font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"MS PGothic",sans-serif;
  font-size: 14px;
  line-height: 1.8;
  width: 100%;
  word-break: break-all; }

* {
  transition-duration: 200ms; }

p {
  margin: 0 0 0.5em; }

.error {
  color: #FF6366; }

hr {
  margin: 8px 0;
  border: none;
  border-top: 1px solid #bfbfbf; }

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

.border-top {
  border-top: 1px solid #bfbfbf; }

.border-bottom {
  border-bottom: 1px solid #bfbfbf; }

.under-line {
  border-bottom: 1px solid #bfbfbf; }

a {
  color: #1f94c1;
  cursor: pointer;
  text-decoration: none;
  transition: .2s; }
  a:hover {
    text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  color: #282838;
  margin: 0;
  font-weight: normal;
  line-height: 1.4; }

h1 {
  font-size: 20px; }

h2 {
  font-size: 16px; }

h3, h4 {
  font-size: 14px; }

h5, h6 {
  font-size: 12px; }

.small {
  font-size: 10px; }

.medium {
  font-size: 14px; }

.large {
  font-size: 16px; }

.huge {
  font-size: 20px; }

.container {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

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

.text-right {
  text-align: right; }

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

.text-bold {
  font-weight: 600; }

.text-heavy {
  font-weight: 900; }

.help-block {
  color: #898896;
  font-size: 10px; }
  .help-block.alert {
    color: #FF6366; }

section {
  margin: 32px 0; }
  section.box-container {
    margin: 32px auto;
    max-width: 1200px; }
    section.box-container .box {
      border-radius: 4px; }
    section.box-container .col {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      background: #ffffff;
      border-radius: 4px;
      margin: 0 48px; }
    section.box-container h2 {
      font-size: 20px;
      margin: 48px 48px 24px; }
      section.box-container h2 a {
        padding: 6px 0; }
    section.box-container .more-url {
      margin: 24px 48px; }
    @media screen and (max-width: 767px) {
      section.box-container .box {
        border-radius: 0; }
      section.box-container .col {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
        position: relative;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 10;
        border-radius: 0;
        margin: 0; }
      section.box-container h2 {
        margin: 16px; }
      section.box-container .more-url {
        margin: 16px; } }
  section:last-child {
    margin-bottom: 0; }

.hidden {
  display: none !important; }

.fade-in {
  opacity: 1.0;
  transition: .2s; }

.fade-out {
  opacity: 0;
  transition: .2s; }

@media screen and (max-width: 767px) {
  .hidden-mobile {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  .hidden-tablet {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .slide-mobile {
    margin-top: -100vh !important; } }

@media screen and (min-width: 1024px) {
  .hidden-laptop {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hidden-desktop {
    display: none !important; } }

.description {
  position: relative; }
  .description .context {
    max-height: 300px;
    overflow: hidden; }
  .description .more {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
    padding: 32px 0 16px;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }

.inline-block {
  display: inline-block; }

.disabled {
  color: #d8d7dd; }

.section-title {
  font-size: 20px;
  margin: 32px 16px 16px; }

@media screen and (min-width: 768px) {
  .section-title {
    margin: 48px 48px 24px; } }

.section {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  margin: 16px 0 32px; }

@media screen and (min-width: 768px) {
  .section {
    border-radius: 4px;
    margin: 24px 48px 48px; } }

.text-orange {
  color: #ff6b3d; }

.text-pink {
  color: #FF6366; }

.text-red {
  color: #Ef0000; }

.text-blue-cta {
  color: #30b1c6; }

.text-white {
  color: #ffffff; }

.text-small {
  font-size: 12px; }

.text-xsmall {
  font-size: 10px; }

.text-large {
  font-size: 16px; }

.text-xlarge {
  font-size: 20px; }

.text-xxlarge {
  font-size: 28px; }

.text-xxxlarge {
  font-size: 42px; }

.text-xxxxlarge {
  font-size: 56px; }

.bg-white {
  background: #ffffff; }

.bg-light-gray {
  background: #f0f0f2; }

.bg-pastel-green {
  background: #DEEFEE; }

.bg-green {
  background: #00e0b5; }

.bg-blue {
  background: #64d2d2; }

.bg-yellow {
  background: #f4e921; }

.border {
  border: 1px solid #bfbfbf; }

.border-top {
  border-top: 1px solid #bfbfbf; }

.border-right {
  border-right: 1px solid #bfbfbf; }

.border-bottom {
  border-bottom: 1px solid #bfbfbf; }

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

.with-illust {
  align-items: center;
  display: flex;
  padding: 16px; }
  .with-illust img {
    display: block;
    width: 200px; }
  .with-illust .text {
    padding-left: 16px;
    width: calc(100% - 150px - 16px); }
    .with-illust .text h3 {
      font-size: 20px; }

@media screen and (max-width: 767px) {
  .with-illust {
    display: block;
    padding: 16px 16px 32px; }
    .with-illust img {
      margin: 0 auto 16px; }
    .with-illust .text {
      padding: 0;
      text-align: center;
      width: 100%; } }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-align-center {
  align-items: center; }

.col3-container {
  display: flex;
  margin: 0 36px; }
  .col3-container .col3-container-left {
    margin: 0 12px;
    width: 33%; }
  .col3-container .col3-container-center {
    margin: 0 12px;
    width: 33%; }
  .col3-container .col3-container-right {
    margin: 0 12px;
    width: 33%; }

@media screen and (max-width: 767px) {
  .col3-container {
    display: block;
    margin: 0; }
    .col3-container .col3-container-left {
      margin: 0 0 16px;
      width: 100%; }
    .col3-container .col3-container-center {
      margin: 0 0 16px;
      width: 100%; }
    .col3-container .col3-container-right {
      margin: 0;
      width: 100%; } }

.icon img {
  display: block; }

/*
 * 駐車場属性のアイコン画像サイズの定義
 */
.parking-attribute .icon img {
  height: 14px;
  width: 14px; }

.border-top {
  border: 0 solid #bfbfbf;
  border-top-width: 1px; }

.border-bottom {
  border: 0 solid #bfbfbf;
  border-bottom-width: 1px; }

.social {
  display: flex;
  text-decoration: none;
  align-items: center;
  border-radius: 3px; }
  .social .logo {
    display: block;
    padding: 12px;
    width: 24px;
    height: 24px; }
  .social .login {
    text-align: center;
    flex-grow: 10;
    font-size: 16px;
    padding: 0 16px; }
  .social .share {
    text-align: center;
    flex-grow: 10;
    font-size: 16px;
    padding: 0 16px; }
  .social.google {
    background: #fff;
    border: 1px solid #d8d7dd;
    color: #757575; }
    .social.google .logo {
      border-right: 1px solid #d8d7dd; }
  .social.facebook {
    background: #4267B2;
    color: #ffffff; }
    .social.facebook .logo {
      border-right: 1px solid #23458c; }
  .social.twitter {
    background: #2AA2EF;
    color: #ffffff; }
    .social.twitter .logo {
      border-right: 1px solid #2282c0; }
  .social.line {
    background: #00C300;
    color: #ffffff; }
    .social.line .logo {
      border-right: 1px solid #00b300; }
  .social:hover {
    color: #ffffff;
    text-decoration: none; }
    .social:hover.google {
      background: #f0f0f2;
      border: 1px solid #d8d7dd;
      color: #757575; }
      .social:hover.google .logo {
        border-right: 1px solid #d8d7dd; }
    .social:hover.facebook {
      background: #324d8b;
      color: #ffffff; }
      .social:hover.facebook .logo {
        border-right: 1px solid #1d3b7f; }
    .social:hover.twitter {
      background: #2396ec;
      color: #ffffff; }
      .social:hover.twitter .logo {
        border-right: 1px solid #1c75b6; }
    .social:hover.line {
      background: #00b300;
      color: #ffffff; }
      .social:hover.line .logo {
        border-right: 1px solid #009800; }

header.global {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 30;
  background-color: #ffffff;
  border-bottom: 1px solid #f0f0f2;
  margin: 0 auto;
  box-sizing: border-box;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }
  header.global .container {
    margin: 0 auto;
    max-width: 1200px;
    overflow: visible; }
    header.global .container h1 {
      background-color: #ffffff;
      height: 70px;
      box-sizing: border-box;
      margin: 0;
      padding: 0; }
      header.global .container h1 img {
        height: 70px; }
    header.global .container menu {
      background-color: #ffffff;
      margin: 0;
      padding: 0; }
      header.global .container menu ul {
        list-style: none;
        margin: 0;
        padding: 0; }
      header.global .container menu a {
        display: block;
        color: #383850;
        text-decoration: none; }

@media screen and (min-width: 1024px) {
  #global-header-container {
    height: 70px; }
  header.global .container {
    align-items: center;
    display: flex; }
    header.global .container h1 {
      margin: 0 auto 0 32px; }
    header.global .container #action-global-menu-open,
    header.global .container #global-menu-bg {
      display: none; }
    header.global .container menu {
      margin: 0 32px 0 0; }
      header.global .container menu h2 {
        padding: 16px 8px;
        margin: 0;
        line-height: 1;
        font-size: 14px;
        color: #282838;
        cursor: pointer; }
      header.global .container menu ul {
        align-items: center;
        display: flex; }
      header.global .container menu li {
        margin: 0; }
      header.global .container menu .item a {
        line-height: 1;
        padding: 16px 8px; }
        header.global .container menu .item a:hover {
          color: #00e0b5; }
      header.global .container menu .item.preorder a {
        padding: 7px 16px; }
        header.global .container menu .item.preorder a img {
          display: block;
          height: 56px; }
        header.global .container menu .item.preorder a:hover {
          opacity: .8; }
      header.global .container menu > ul > .item,
      header.global .container menu .drop-down {
        padding: 0;
        position: relative;
        float: left; }
        header.global .container menu > ul > .item .item,
        header.global .container menu .drop-down .item {
          padding: 0;
          border-bottom: 1px solid #bfbfbf; }
          header.global .container menu > ul > .item .item a,
          header.global .container menu .drop-down .item a {
            padding: 16px; }
          header.global .container menu > ul > .item .item:last-child,
          header.global .container menu .drop-down .item:last-child {
            border: none; }
        header.global .container menu > ul > .item .drop-down-toggle:after,
        header.global .container menu .drop-down .drop-down-toggle:after {
          background: url(../images/icon/down.svg) no-repeat right center/14px 14px;
          content: '';
          display: inline-block;
          height: 14px;
          margin-left: 4px;
          vertical-align: top;
          width: 14px; }
        header.global .container menu > ul > .item .drop-down-list,
        header.global .container menu .drop-down .drop-down-list {
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
          position: relative;
          transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
          z-index: 10;
          display: none;
          position: absolute;
          background-color: #ffffff;
          border-radius: 4px;
          right: 0;
          top: 40px;
          width: 250px; }
        header.global .container menu > ul > .item:hover .drop-down-list,
        header.global .container menu .drop-down:hover .drop-down-list {
          display: block; }
      header.global .container menu .item {
        white-space: nowrap; }
      header.global .container menu .close {
        display: none; } }

@media screen and (max-width: 1200px) {
  #global-header-container {
    width: 100vw; } }

@media screen and (max-width: 1023px) {
  #global-header-container {
    height: 48px; }
  header.global .container {
    display: flex;
    height: 48px;
    margin: 0;
    padding: 0; }
    header.global .container h1 {
      height: 48px;
      padding: 0 8px;
      top: 0;
      width: 100%;
      box-sizing: border-box; }
      header.global .container h1 img {
        height: 48px;
        padding: 0; }
    header.global .container #action-global-menu-open {
      height: 24px;
      padding: 12px;
      transition: .0s;
      width: 24px; }
    header.global .container #global-menu-bg {
      background: rgba(0, 0, 0, 0.8);
      display: none;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 31; }
    header.global .container menu {
      background-color: #ffffff;
      height: 100%;
      max-width: 350px;
      overflow-y: scroll;
      padding: 0;
      position: fixed;
      right: -350px;
      top: 0;
      transform: translate3d(0, 0, 0);
      width: 80%;
      z-index: 32; }
      header.global .container menu ul {
        display: flex;
        flex-flow: column nowrap;
        padding: 0 0 80px 0; }
        header.global .container menu ul h2 {
          font-size: 20px;
          margin: 0;
          padding: 32px 16px 16px;
          border-bottom: 1px solid #bfbfbf; }
        header.global .container menu ul li {
          order: 4;
          padding: 0; }
          header.global .container menu ul li ul {
            padding: 0; }
        header.global .container menu ul .item {
          padding: 0;
          border-bottom: 1px solid #bfbfbf; }
          header.global .container menu ul .item a {
            padding: 12px 16px; }
            header.global .container menu ul .item a:after {
              background: url(../images/icon/follow-right.svg) no-repeat right center/16px 16px;
              content: '';
              display: block;
              float: right;
              height: 16px;
              padding: 4px 0;
              width: 16px; }
          header.global .container menu ul .item.about {
            border-top: 1px solid #bfbfbf;
            margin-top: 32px;
            order: 2; }
          header.global .container menu ul .item.register {
            order: 3; }
          header.global .container menu ul .item.login {
            order: 3; }
          header.global .container menu ul .item.upgrade {
            order: 3; }
          header.global .container menu ul .item.preorder {
            border: none;
            order: 1; }
            header.global .container menu ul .item.preorder a {
              padding: 16px 16px 0; }
              header.global .container menu ul .item.preorder a:after {
                display: none; }
              header.global .container menu ul .item.preorder a img {
                display: block;
                width: 100%; }
              header.global .container menu ul .item.preorder a:hover {
                opacity: .8; }
        header.global .container menu ul .close {
          order: 1;
          padding: 12px; }
          header.global .container menu ul .close img {
            display: block;
            float: right;
            height: 24px;
            width: 24px; } }

.before-footer .box-container {
  margin: 0 auto; }

.before-footer .owned-media-link {
  margin: 0 48px 48px; }
  .before-footer .owned-media-link ul {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0; }
    .before-footer .owned-media-link ul li {
      display: inline-block;
      margin-right: 32px;
      width: calc(50% - 16px); }
      .before-footer .owned-media-link ul li:last-child {
        margin-right: 0; }
      .before-footer .owned-media-link ul li img {
        width: 100%; }
        .before-footer .owned-media-link ul li img:hover {
          opacity: 0.8; }

footer.global {
  background-color: #00e0b5;
  position: relative; }
  footer.global .graphic-element-orange,
  footer.global .graphic-element-yellow {
    position: absolute;
    top: 0; }
  footer.global .graphic-element-orange {
    left: 0; }
    footer.global .graphic-element-orange .orange-shape img {
      height: 400px;
      width: auto; }
  footer.global .graphic-element-yellow {
    right: 0; }
    footer.global .graphic-element-yellow .yellow-shape img {
      height: 400px;
      width: auto; }
  footer.global #global-footer-content {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    position: relative; }
    footer.global #global-footer-content h2 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 16px; }
    footer.global #global-footer-content ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      footer.global #global-footer-content ul li {
        margin: 0 8px 8px 0; }
        footer.global #global-footer-content ul li a {
          color: #383850;
          text-decoration: underline; }
        footer.global #global-footer-content ul li:last-child {
          margin: 0; }
      footer.global #global-footer-content ul#download-app li a img {
        width: 150px; }
    footer.global #global-footer-content .title-sns {
      margin-top: 16px; }
    footer.global #global-footer-content #sns-share li {
      display: inline-block; }
      footer.global #global-footer-content #sns-share li img {
        width: 40px; }
  footer.global .copyright {
    background-color: #383850;
    color: #ffffff;
    margin-top: 16px;
    padding: 16px;
    position: relative;
    text-align: center; }

@media screen and (min-width: 768px) {
  footer.global #global-footer-content {
    padding: 48px 0; }
    footer.global #global-footer-content .global-footer-body {
      display: table;
      padding: 0 48px;
      width: calc(100% - 96px); }
      footer.global #global-footer-content .global-footer-body section {
        display: table-cell;
        width: 33%; }
  footer.global #download-app li {
    display: inline-block; } }

@media screen and (max-width: 767px) {
  .before-footer {
    margin-bottom: 32px; }
    .before-footer .owned-media-link {
      margin: 0px;
      padding: 16px; }
      .before-footer .owned-media-link ul li {
        display: block;
        margin: 0 auto;
        width: 100%; }
        .before-footer .owned-media-link ul li:last-child {
          margin: 16px auto 0; }
  footer.global {
    overflow: hidden;
    width: 100%; }
    footer.global .graphic-element-orange {
      left: 0;
      position: absolute;
      top: 0; }
      footer.global .graphic-element-orange .orange-shape img {
        height: auto;
        max-height: 300px;
        width: 100%; }
    footer.global .graphic-element-yellow {
      bottom: 0;
      left: 0;
      position: absolute;
      right: auto;
      top: auto; }
      footer.global .graphic-element-yellow .yellow-shape img {
        height: auto;
        max-height: 300px;
        width: 100%; }
    footer.global #global-footer-content {
      padding: 16px; }
      footer.global #global-footer-content .global-footer-body {
        display: block;
        padding: 0; }
        footer.global #global-footer-content .global-footer-body section {
          display: block;
          width: 100%; } }

@keyframes show {
  0% {
    opacity: 0; }
  17% {
    opacity: 1; }
  33% {
    opacity: 1; }
  50% {
    opacity: 0; } }

.hero {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  position: relative; }
  .hero .hero-slider {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .hero .hero-slider ul {
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative; }
      .hero .hero-slider ul li {
        animation: show 15s infinite;
        height: 600px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1; }
        .hero .hero-slider ul li.hero1 {
          animation-delay: 0s;
          background: url(../images/hero/hero_pc_1.png) no-repeat center center/cover; }
        .hero .hero-slider ul li.hero2 {
          animation-delay: 5s;
          background: url(../images/hero/hero_pc_2.png) no-repeat center center/cover; }
        .hero .hero-slider ul li.hero3 {
          animation-delay: 10s;
          background: url(../images/hero/hero_pc_3.png) no-repeat center center/cover; }
  .hero .hero-container {
    max-width: 900px;
    position: relative;
    width: 100%;
    z-index: 2; }
    .hero .hero-container .introduction {
      text-align: center; }
      .hero .hero-container .introduction h1 {
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 32px;
        text-shadow: 0 1px 2px #383850; }
    .hero .hero-container .search {
      border-radius: 4px; }
      .hero .hero-container .search .search-pin {
        left: 0;
        position: absolute;
        top: 0; }
  .hero.logged-in {
    background: #383850;
    position: relative;
    padding: 24px 16px;
    z-index: 10; }
    .hero.logged-in .hero-container {
      margin: 0;
      padding: 0; }
      .hero.logged-in .hero-container .search {
        max-width: 800px;
        margin: auto; }

#regular-suggest {
  padding: 16px; }
  #regular-suggest a {
    display: block;
    margin: 0 auto;
    max-width: 500px; }
    #regular-suggest a img {
      display: block;
      width: 100%; }

@media screen and (min-width: 768px) {
  .hero .hero-slider {
    height: 400px; }
    .hero .hero-slider ul li {
      height: 400px; }
  .hero .hero-container {
    margin-top: -32px;
    padding: 0 48px; }
    .hero .hero-container .introduction h1 {
      font-size: 28px; }
      .hero .hero-container .introduction h1 br {
        display: none; }
    .hero .hero-container .search {
      margin: 0 auto;
      width: 600px; }
      .hero .hero-container .search .input-group .search-pin {
        height: 48px;
        padding: 8px;
        width: 48px; }
      .hero .hero-container .search .input-group input {
        background-size: 48px 48px;
        height: 64px;
        padding-left: 64px; }
      .hero .hero-container .search .input-group .input-group-button button {
        height: 64px;
        padding: 16px; }
        .hero .hero-container .search .input-group .input-group-button button img {
          height: 32px;
          width: 32px; }
  .hero.guest {
    height: 400px; }
  #regular-suggest {
    display: none; } }

@media screen and (min-width: 1024px) {
  .hero .hero-slider {
    height: 450px; }
    .hero .hero-slider ul li {
      height: 450px; }
  .hero .hero-container {
    margin-top: -48px; }
    .hero .hero-container .introduction h1 {
      font-size: 42px; }
    .hero .hero-container .search {
      width: 800px; }
  .hero.guest {
    height: 450px; } }

@media screen and (min-width: 1200px) {
  .hero .hero-slider {
    height: 600px; }
    .hero .hero-slider ul li {
      height: 600px; }
  .hero .hero-container {
    margin-top: -64px; }
  .hero.guest {
    height: 600px; } }

@media screen and (min-width: 1400px) {
  .hero .hero-slider {
    height: 656px; }
    .hero .hero-slider ul li {
      height: 656px; }
  .hero.guest {
    height: 656px; } }

@media screen and (min-width: 1600px) {
  .hero .hero-slider {
    height: 750px; }
    .hero .hero-slider ul li {
      height: 750px; }
  .hero.guest {
    height: 750px; } }

@media screen and (min-width: 1800px) {
  .hero .hero-slider {
    height: 844px; }
    .hero .hero-slider ul li {
      height: 844px; }
  .hero.guest {
    height: 844px; } }

@media screen and (max-width: 767px) {
  .hero {
    align-items: flex-start; }
    .hero .hero-slider {
      height: 800px; }
      .hero .hero-slider ul li {
        height: 800px; }
        .hero .hero-slider ul li.hero1 {
          background: url(../images/hero/hero_sp_1.png) no-repeat center center/cover; }
        .hero .hero-slider ul li.hero2 {
          background: url(../images/hero/hero_sp_2.png) no-repeat center center/cover; }
        .hero .hero-slider ul li.hero3 {
          background: url(../images/hero/hero_sp_3.png) no-repeat center center/cover; }
    .hero .hero-container {
      margin: 16px 0 0;
      padding: 0 16px; }
      .hero .hero-container .introduction {
        padding: 16px 0;
        text-align: center; }
        .hero .hero-container .introduction h1 {
          font-size: 36px;
          line-height: 1.4;
          margin-bottom: 8px; }
      .hero .hero-container .search {
        margin: 0 auto;
        width: auto; }
        .hero .hero-container .search .search-pin {
          height: 32px;
          padding: 8px;
          width: 32px; }
        .hero .hero-container .search .input-group input {
          background-size: 32px 32px;
          padding-left: 48px; }
    .hero.guest {
      height: 800px; }
    .hero.logged-in {
      padding: 16px; }
      .hero.logged-in h1 {
        margin-bottom: 32px; }
      .hero.logged-in .search {
        max-width: 100%;
        width: 100%;
        margin: auto; } }

@media screen and (max-width: 420px) {
  .hero .hero-slider {
    height: 626px; }
    .hero .hero-slider ul li {
      height: 626px; }
  .hero .hero-container .introduction h1 {
    font-size: 32px; }
    .hero .hero-container .introduction h1 br {
      display: block; }
  .hero.guest {
    height: 626px; } }

@media screen and (max-width: 380px) {
  .hero .hero-slider {
    height: 567px; }
    .hero .hero-slider ul li {
      height: 567px; }
  .hero.guest {
    height: 567px; } }

@media screen and (max-width: 320px) {
  .hero .hero-slider {
    height: 484px; }
    .hero .hero-slider ul li {
      height: 484px; }
  .hero .hero-container .introduction h1 {
    font-size: 28px; }
  .hero.guest {
    height: 484px; } }

#about .box-container {
  margin: 0 auto; }
  #about .box-container .box {
    background: #ffffff;
    text-align: center; }
    #about .box-container .box h2 {
      font-weight: 600;
      margin: 0 0 16px; }
    #about .box-container .box .about-container {
      margin-bottom: 16px; }
      #about .box-container .box .about-container .about-box img {
        display: block;
        margin: 0 auto;
        max-width: 250px;
        width: 100%; }
      #about .box-container .box .about-container .about-box p {
        margin: 16px 0 0; }
        #about .box-container .box .about-container .about-box p span {
          display: block;
          font-size: 10px;
          font-weight: 400; }
    #about .box-container .box .about-more .button {
      display: block;
      margin: 0 auto;
      max-width: 300px; }

#about-guest #about {
  margin-bottom: 0;
  margin-top: 0; }

@media screen and (min-width: 768px) {
  #about {
    margin: 48px 0; }
    #about .box-container .box {
      margin: 0 48px;
      padding: 24px; }
      #about .box-container .box .about-container {
        align-items: flex-start;
        display: flex; }
        #about .box-container .box .about-container .about-box {
          width: 33%; }
      #about .box-container .box .about-more {
        margin-top: 24px; }
  #about-guest {
    margin-top: -64px; } }

@media screen and (max-width: 767px) {
  #about {
    margin: 32px 0; }
    #about .box-container .box {
      padding: 16px;
      text-align: center; }
      #about .box-container .box .about-container .about-box {
        align-items: center;
        display: flex;
        margin-bottom: 16px; }
        #about .box-container .box .about-container .about-box img {
          max-width: 45%; }
        #about .box-container .box .about-container .about-box p {
          margin: 0;
          padding-left: 16px;
          text-align: left;
          width: 100%; }
      #about .box-container .box .about-more {
        margin-top: 16px; } }

@media screen and (min-width: 768px) {
  #spot-list section.box-container {
    margin: 48px auto; } }

.card-parking {
  background: #ffffff; }
  .card-parking.open {
    border: 2px solid #ff6b3d; }
  .card-parking.close {
    border: 2px solid #bfbfbf; }
  .card-parking.active {
    background: #DEEFEE;
    border: 1px solid #00e0b5; }
  .card-parking .pr {
    background: #FFFBE0; }
    .card-parking .pr .text {
      font-size: 12px;
      font-weight: bold;
      display: inline-block; }
  .card-parking .main {
    padding: 8px 16px;
    width: calc(100% - 32px); }
    .card-parking .main .cta {
      align-items: center;
      border-bottom: 1px dotted #d1d7da;
      display: flex;
      padding-bottom: 8px; }
      .card-parking .main .cta .price {
        align-items: center;
        display: flex;
        width: calc(100% - 130px); }
        .card-parking .main .cta .price .vacancy {
          writing-mode: vertical-rl; }
          .card-parking .main .cta .price .vacancy .label {
            font-size: 12px;
            height: 40px;
            margin-right: 8px;
            padding: 0 4px;
            text-align: center; }
        .card-parking .main .cta .price .fee {
          font-size: 12px;
          font-weight: bold;
          line-height: 1.4; }
          .card-parking .main .cta .price .fee .display {
            color: #Ef0000;
            font-size: 16px; }
      .card-parking .main .cta .buttons {
        width: 130px; }
        .card-parking .main .cta .buttons .button {
          font-size: 14px;
          height: 40px;
          padding: 13px 4px; }
        .card-parking .main .cta .buttons .button-favorite {
          display: none;
          padding: 8px 4px !important; }
    .card-parking .main .content {
      padding-top: 8px; }
      .card-parking .main .content .description {
        display: flex;
        width: 100%; }
        .card-parking .main .content .description .detail {
          width: calc(100% - 40px); }
          .card-parking .main .content .description .detail .name {
            margin: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
        .card-parking .main .content .description .favorite {
          height: 40px;
          width: 40px; }
          .card-parking .main .content .description .favorite .favorite-trigger {
            background: none;
            border: none;
            padding: 0 !important;
            width: 40px; }
            .card-parking .main .content .description .favorite .favorite-trigger .icon {
              margin: 0;
              width: 100%; }
            .card-parking .main .content .description .favorite .favorite-trigger .text {
              display: none; }
      .card-parking .main .content .bywalk {
        font-size: 12px;
        margin: 6px 0 0; }
      .card-parking .main .content .labels {
        margin-top: 6px; }
        .card-parking .main .content .labels .parking-attribute {
          background: #f0f0f2;
          display: inline-block;
          padding: 4px; }
          .card-parking .main .content .labels .parking-attribute .text {
            font-size: 10px;
            line-height: 14px; }

@media screen and (min-width: 768px) {
  .card-parking {
    border-radius: 4px; }
    .card-parking .pr {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      .card-parking .pr .text {
        font-size: 14px; }
    .card-parking .main .cta .price {
      width: calc(100% - 150px); }
      .card-parking .main .cta .price .vacancy .label {
        font-size: 12px;
        height: 40px;
        padding: 2px 4px; }
      .card-parking .main .cta .price .fee {
        font-size: 14px; }
        .card-parking .main .cta .price .fee .display {
          font-size: 20px; }
    .card-parking .main .cta .buttons {
      width: 150px; } }

@media screen and (min-width: 1024px) {
  #search-parking .card-parking {
    margin: 0 auto 16px !important;
    max-width: 800px !important;
    min-width: auto !important;
    width: 100% !important; }
    #search-parking .card-parking .main {
      align-items: center;
      display: flex;
      flex-direction: row-reverse; }
      #search-parking .card-parking .main .cta {
        border: none;
        border-left: 1px dotted #d1d7da;
        padding: 0; }
        #search-parking .card-parking .main .cta .price {
          display: block;
          text-align: center;
          padding: 0 16px;
          width: 150px; }
          #search-parking .card-parking .main .cta .price .vacancy {
            writing-mode: inherit; }
            #search-parking .card-parking .main .cta .price .vacancy .label {
              display: inline-block;
              height: auto;
              width: 50px; }
        #search-parking .card-parking .main .cta .buttons {
          border-left: 1px dotted #d1d7da;
          padding-left: 16px;
          width: 180px; }
          #search-parking .card-parking .main .cta .buttons .button-favorite {
            display: block;
            margin-bottom: 8px; }
      #search-parking .card-parking .main .content {
        padding: 0 16px 0 0;
        width: calc(100% - 396px); }
        #search-parking .card-parking .main .content .description .detail {
          width: 100%; }
        #search-parking .card-parking .main .content .description .favorite {
          display: none; } }

#favorite-content .card-parking,
#history-content .card-parking,
#reservation-content .card-parking {
  margin: 0 0 16px !important; }

@media screen and (min-width: 1024px) {
  #favorite-content .card-parking,
  #history-content .card-parking,
  #reservation-content .card-parking {
    margin: 0 auto 16px !important;
    max-width: 800px !important;
    min-width: auto !important;
    width: 100% !important; }
    #favorite-content .card-parking .main,
    #history-content .card-parking .main,
    #reservation-content .card-parking .main {
      align-items: center;
      display: flex;
      flex-direction: row-reverse; }
      #favorite-content .card-parking .main .cta,
      #history-content .card-parking .main .cta,
      #reservation-content .card-parking .main .cta {
        border: none;
        border-left: 1px dotted #d1d7da;
        padding: 0; }
        #favorite-content .card-parking .main .cta .price,
        #history-content .card-parking .main .cta .price,
        #reservation-content .card-parking .main .cta .price {
          display: block;
          text-align: center;
          padding: 0 16px;
          width: 150px; }
          #favorite-content .card-parking .main .cta .price .vacancy,
          #history-content .card-parking .main .cta .price .vacancy,
          #reservation-content .card-parking .main .cta .price .vacancy {
            writing-mode: inherit; }
            #favorite-content .card-parking .main .cta .price .vacancy .label,
            #history-content .card-parking .main .cta .price .vacancy .label,
            #reservation-content .card-parking .main .cta .price .vacancy .label {
              display: inline-block;
              height: auto;
              width: 50px; }
        #favorite-content .card-parking .main .cta .buttons,
        #history-content .card-parking .main .cta .buttons,
        #reservation-content .card-parking .main .cta .buttons {
          border-left: 1px dotted #d1d7da;
          padding-left: 16px;
          width: 180px; }
          #favorite-content .card-parking .main .cta .buttons .button-favorite,
          #history-content .card-parking .main .cta .buttons .button-favorite,
          #reservation-content .card-parking .main .cta .buttons .button-favorite {
            display: block;
            margin-bottom: 8px; }
      #favorite-content .card-parking .main .content,
      #history-content .card-parking .main .content,
      #reservation-content .card-parking .main .content {
        padding: 0 16px 0 0;
        width: calc(100% - 396px); }
        #favorite-content .card-parking .main .content .description .detail,
        #history-content .card-parking .main .content .description .detail,
        #reservation-content .card-parking .main .content .description .detail {
          width: 100%; }
        #favorite-content .card-parking .main .content .description .favorite,
        #history-content .card-parking .main .content .description .favorite,
        #reservation-content .card-parking .main .content .description .favorite {
          display: none; } }

#today-reservations .card-parking .main {
  padding-bottom: 16px; }
  #today-reservations .card-parking .main .content {
    padding: 0; }
  #today-reservations .card-parking .main .info {
    margin-top: 8px; }
    #today-reservations .card-parking .main .info ul {
      border: 1px solid #d1d7da; }
      #today-reservations .card-parking .main .info ul li {
        align-items: flex-start;
        border-bottom: 1px solid #d1d7da;
        display: flex;
        font-size: 12px; }
        #today-reservations .card-parking .main .info ul li .title {
          color: #898896;
          padding: 8px;
          width: 30px; }
        #today-reservations .card-parking .main .info ul li .text {
          padding: 8px; }
          #today-reservations .card-parking .main .info ul li .text br {
            display: none; }
        #today-reservations .card-parking .main .info ul li:last-child {
          border: none; }
  #today-reservations .card-parking .main .reservation-buttons {
    margin-top: 16px; }

.region-spot {
  background: #ffffff;
  margin: 0 48px 48px; }
  .region-spot h4 {
    color: #383850;
    font-size: 20px;
    font-weight: 600;
    font-weight: bold;
    padding-top: 16px;
    text-align: center; }

.spot-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 8px 8px 0; }
  .spot-list .spot-item {
    display: block;
    text-decoration: none;
    color: #383850;
    white-space: nowrap;
    margin: 8px; }
    .spot-list .spot-item h5 {
      font-size: 14px; }
    .spot-list .spot-item a {
      border: 1px solid #bfbfbf;
      border-radius: 4px;
      display: block;
      padding: 8px 16px;
      text-decoration: none;
      color: #383850; }
      .spot-list .spot-item a:hover {
        background: #00e0b5;
        border: 1px solid #00e0b5;
        color: #ffffff; }

.spot-more a {
  display: block;
  padding: 16px;
  text-align: center; }

@media screen and (max-width: 767px) {
  .region-spot {
    margin: 0 0 32px; }
    .region-spot h4 {
      font-size: 15px; } }

#akichan {
  background-color: #DD752C; }
  #akichan .box-container {
    margin-bottom: 0; }
  #akichan .box {
    border-radius: 0;
    color: #ffffff;
    display: flex;
    margin: 0 auto;
    max-width: 1104px;
    padding: 32px 48px 0; }
    #akichan .box .content {
      flex: 1;
      align-items: flex-end; }
      #akichan .box .content h2 {
        color: #ffffff;
        font-weight: 600; }
      #akichan .box .content .link {
        padding: 32px; }
    #akichan .box .screenshot {
      flex: 1;
      overflow: hidden; }
      #akichan .box .screenshot img {
        display: block;
        max-width: 100%; }
    #akichan .box .button {
      color: #ffffff;
      border-color: #ffffff;
      background-color: #ECB888; }
    @media screen and (max-width: 767px) {
      #akichan .box {
        padding: 16px 16px 0;
        flex-direction: column; }
        #akichan .box .content {
          padding-bottom: 16px; }
          #akichan .box .content h2 {
            margin: 16px 0; }
          #akichan .box .content .link {
            padding: 16px 0; }
        #akichan .box .screenshot img {
          margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #akichan .box .content {
        padding-right: 16px; }
        #akichan .box .content h2 {
          margin: 24px 0;
          text-align: left; }
        #akichan .box .content p {
          margin-left: 0;
          text-align: left; }
        #akichan .box .content .link {
          padding-left: 0; }
      #akichan .box .screenshot {
        max-height: 300px; }
        #akichan .box .screenshot img {
          float: right; } }

#mail-magazine {
  background-color: #ffffff;
  margin-bottom: 48px; }
  #mail-magazine .box-container {
    margin-top: 0; }
  #mail-magazine .box {
    display: flex;
    margin: 0 auto;
    max-width: 1104px;
    padding: 32px 48px; }
    #mail-magazine .box .content {
      flex: 1; }
      #mail-magazine .box .content h2 {
        font-weight: 600; }
      #mail-magazine .box .content .link {
        padding: 32px; }
    #mail-magazine .box .screenshot {
      flex: 1;
      overflow: hidden; }
      #mail-magazine .box .screenshot img {
        display: block;
        max-width: 100%; }
    #mail-magazine .box .magazine-form {
      margin-top: 16px; }
      #mail-magazine .box .magazine-form .hbspt-form .hs-form-field label {
        display: none; }
      #mail-magazine .box .magazine-form .hbspt-form .input {
        padding-bottom: 16px; }
        #mail-magazine .box .magazine-form .hbspt-form .input input[type=email] {
          background-color: #ffffff;
          box-sizing: border-box;
          border: 1px solid #d1d7da;
          border-radius: 4px;
          height: 48px;
          padding: 0 16px;
          width: 100%;
          padding: 0 16px; }
      #mail-magazine .box .magazine-form .hbspt-form .hs_submit input[type=submit] {
        background-color: #ffffff;
        box-sizing: border-box;
        border: 1px solid #d1d7da;
        border-radius: 4px;
        height: 48px;
        padding: 0 16px;
        width: 100%;
        color: #ffffff;
        background: #00b893;
        border: none; }
        #mail-magazine .box .magazine-form .hbspt-form .hs_submit input[type=submit]:hover {
          background: #009e78; }
    @media screen and (min-width: 768px) {
      #mail-magazine .box .content {
        padding-right: 16px; }
        #mail-magazine .box .content h2 {
          margin: 24px 0;
          text-align: left; }
        #mail-magazine .box .content p {
          margin-left: 0;
          text-align: left; }
        #mail-magazine .box .content .link {
          padding-left: 0; }
      #mail-magazine .box .screenshot img {
        float: right; }
      #mail-magazine .box .magazine-form .hbspt-form .input input[type=email] {
        padding: 0 16px; } }
    @media screen and (max-width: 767px) {
      #mail-magazine .box {
        padding: 16px;
        flex-direction: column; }
        #mail-magazine .box .content {
          padding-bottom: 16px; }
          #mail-magazine .box .content .link {
            padding: 0; }
        #mail-magazine .box .screenshot img {
          margin: 0 auto; }
        #mail-magazine .box .magazine-form .hbspt-form .input input[type=email] {
          padding: 0 16px; } }

#dialog-light-box {
  max-width: calc(100vw - 32px);
  min-width: 300px; }
  #dialog-light-box .dialog-content img {
    width: 100%;
    max-width: 100%; }

.parking-detail-title,
.parking-detail-status,
.parking-detail-cartype,
.parking-detail-carsize,
.parking-detail-info,
.parking-detail-review,
.parking-detail-other,
.parking-tologin,
.parking-ad,
.parking-reserve {
  background: #ffffff; }

.parking-detail-title .box-container {
  margin: 0 auto; }
  .parking-detail-title .box-container .parking-title-section {
    padding: 16px; }
    .parking-detail-title .box-container .parking-title-section .title p {
      margin: 0; }
    .parking-detail-title .box-container .parking-title-section .title h2 {
      margin: 0 0 8px; }
    .parking-detail-title .box-container .parking-title-section .info .detail .parking-price {
      font-size: 12px;
      font-weight: 600;
      line-height: 1.4;
      margin: 0; }
      .parking-detail-title .box-container .parking-title-section .info .detail .parking-price .parking-fee {
        color: #Ef0000;
        font-size: 20px; }
    .parking-detail-title .box-container .parking-title-section .info .buttons {
      align-items: center;
      display: flex;
      margin-top: 16px; }
      .parking-detail-title .box-container .parking-title-section .info .buttons .button-favorite {
        font-size: 14px;
        margin-right: 8px;
        width: 50%; }
        .parking-detail-title .box-container .parking-title-section .info .buttons .button-favorite .with-icon .icon {
          width: 20px; }
      .parking-detail-title .box-container .parking-title-section .info .buttons .button-share {
        font-size: 14px;
        width: 50%; }
        .parking-detail-title .box-container .parking-title-section .info .buttons .button-share .with-icon .icon {
          width: 20px; }

.parking-detail-photo {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding: 0; }
  .parking-detail-photo .photo-body {
    display: flex;
    overflow: visible;
    padding: 0 16px; }
    .parking-detail-photo .photo-body .item {
      display: inline-block;
      padding-right: 8px;
      overflow: hidden;
      width: 250px;
      min-width: 250px; }
      .parking-detail-photo .photo-body .item img {
        border-radius: 4px;
        cursor: pointer;
        display: block;
        width: 100%; }

.parking-detail-status-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 16px 16px 8px; }
  .parking-detail-status-list .status-item .icon {
    display: inline-block;
    vertical-align: top; }
    .parking-detail-status-list .status-item .icon img {
      display: block;
      height: 32px;
      width: 32px; }
  .parking-detail-status-list .status-item p {
    display: inline-block;
    line-height: 1;
    margin: 0 0 8px;
    padding: 9px 0;
    vertical-align: top;
    width: 118px; }

.parking-detail-list {
  display: flex;
  flex-flow: column;
  list-style: none;
  margin: 0;
  padding: 0; }
  .parking-detail-list li {
    border-bottom: 1px solid #bfbfbf; }
  .parking-detail-list:last-child {
    border-bottom: none; }
  .parking-detail-list .item {
    padding: 16px; }
    .parking-detail-list .item .icon {
      display: inline-block;
      vertical-align: top; }
      .parking-detail-list .item .icon img {
        display: block;
        height: 24px;
        width: 24px; }
    .parking-detail-list .item p {
      display: inline-block;
      line-height: 1;
      margin: 0;
      padding: 5px 0;
      vertical-align: top; }
      .parking-detail-list .item p.disabled {
        color: #d8d7dd; }
      .parking-detail-list .item p.record {
        float: right;
        font-size: 10px;
        padding: 7px 0; }
      .parking-detail-list .item p.value {
        float: right; }

.parking-detail-info .address {
  display: table;
  padding: 16px;
  width: calc(100% - 32px); }
  .parking-detail-info .address p {
    display: table-cell;
    margin: 0; }
  .parking-detail-info .address .label {
    color: #898896;
    padding: 0;
    width: 100px; }

.parking-detail-info .google-map {
  background: #f0f0f2;
  height: 150px; }

.parking-detail-info .open {
  display: table;
  padding: 16px;
  width: calc(100% - 32px); }
  .parking-detail-info .open p {
    display: table-cell;
    margin: 0; }
  .parking-detail-info .open .label {
    color: #898896;
    padding: 0;
    width: 100px; }

.parking-detail-info .description {
  border-top: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 16px; }
  .parking-detail-info .description p {
    margin: 0; }
  .parking-detail-info .description .label {
    color: #898896;
    margin-bottom: 8px;
    padding: 0; }
  .parking-detail-info .description .more {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.parking-detail-review-average {
  border-bottom: 1px solid #bfbfbf;
  padding: 16px 16px 8px; }
  .parking-detail-review-average .rating-table {
    display: inline-block;
    width: 280px; }
    .parking-detail-review-average .rating-table .parking-review .label {
      color: #898896;
      display: inline-block;
      margin-right: 8px;
      padding: 0;
      width: 80px; }

.parking-detail-review-list {
  list-style: none;
  padding: 0; }
  .parking-detail-review-list .review-contents {
    border-bottom: 1px solid #bfbfbf;
    padding: 16px; }
    .parking-detail-review-list .review-contents .user {
      color: #898896;
      margin: 0;
      text-align: right; }
  .parking-detail-review-list .readmore {
    padding: 16px;
    text-align: center; }
  .parking-detail-review-list .no-review p {
    margin: 0;
    padding-bottom: 14px; }

.tab2 {
  display: table;
  position: relative;
  width: 100%;
  z-index: 11; }
  .tab2 .tab2-left,
  .tab2 .tab2-right {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    display: table-cell;
    width: 50%; }
    .tab2 .tab2-left p,
    .tab2 .tab2-right p {
      font-size: 16px;
      margin: 0;
      padding: 16px 0;
      text-align: center; }
    .tab2 .tab2-left.active,
    .tab2 .tab2-right.active {
      cursor: auto; }
  .tab2.primary {
    border-bottom: 4px solid #30b1c6; }
    .tab2.primary .tab2-left p,
    .tab2.primary .tab2-right p {
      color: #30b1c6; }
    .tab2.primary .tab2-left.active,
    .tab2.primary .tab2-right.active {
      background: #30b1c6; }
      .tab2.primary .tab2-left.active p,
      .tab2.primary .tab2-right.active p {
        color: #ffffff; }
  .tab2.secondary {
    border-bottom: 4px solid #898896; }
    .tab2.secondary .tab2-left p,
    .tab2.secondary .tab2-right p {
      color: #898896; }
    .tab2.secondary .tab2-left.active,
    .tab2.secondary .tab2-right.active {
      background: #898896; }
      .tab2.secondary .tab2-left.active p,
      .tab2.secondary .tab2-right.active p {
        color: #ffffff; }

.section-reservation-tabs {
  border-bottom: 4px solid #30b1c6;
  display: table;
  width: 100%; }
  .section-reservation-tabs .regular {
    background: #ff6b3d;
    border-bottom: 4px solid #30b1c6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    display: table-cell;
    width: 100px; }
    .section-reservation-tabs .regular p {
      color: #ffffff;
      font-size: 16px;
      margin: 0;
      padding: 16px 0;
      text-align: center; }
    .section-reservation-tabs .regular:hover {
      background: #fa7863;
      text-decoration: none; }

.parking-tologin {
  padding: 16px; }
  .parking-tologin .button-cta-primary {
    margin-bottom: 16px; }

.parking-ad-description {
  margin: -16px 16px 0.5em; }

.parking-ad {
  margin-bottom: 32px; }
  .parking-ad .label {
    color: #898896;
    margin-bottom: 8px;
    padding: 0; }
  .parking-ad .parking-ad-price {
    padding: 16px; }
  .parking-ad .parking-ad-more-price {
    border-top: 1px solid #bfbfbf; }
    .parking-ad .parking-ad-more-price #ad-special-price-info-link {
      display: block;
      line-height: 1;
      padding: 16px;
      text-align: center; }
    .parking-ad .parking-ad-more-price #ad-special-price-info {
      padding: 16px; }

.parking-reserve .introduction {
  padding: 16px; }
  .parking-reserve .introduction p {
    margin: 0; }
  .parking-reserve .introduction .event-red {
    color: #FF6366; }
  .parking-reserve .introduction div {
    background-color: #f0f0f2;
    border-radius: 6px;
    padding: 15px 10px 15px 15px; }
    .parking-reserve .introduction div .event-title {
      margin: 0;
      border-radius: 6px; }
    .parking-reserve .introduction div .event-title-close {
      background: #f0f0f2 url(../images/icon/follow-down.svg) no-repeat right center/16px 16px; }
    .parking-reserve .introduction div .event-title-open {
      background: #f0f0f2 url(../images/icon/follow-up.svg) no-repeat right center/16px 16px; }
    .parking-reserve .introduction div table {
      padding: 0;
      margin: 10px 0 0 0; }
      .parking-reserve .introduction div table tr {
        margin: 0 0 10px 10px;
        text-align: left; }
        .parking-reserve .introduction div table tr td {
          padding: 0 10px 0 0;
          margin: 0;
          font-size: 12px; }

.parking-reserve .reserve-daily-list {
  border-top: 1px solid #bfbfbf;
  list-style: none;
  margin: 0;
  padding: 0; }
  .parking-reserve .reserve-daily-list .reserve-daily-list-section {
    border-bottom: 1px solid #bfbfbf;
    margin: 0; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section label {
      display: table;
      padding: 16px;
      width: calc(100% - 32px); }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section label input {
        margin-top: 0;
        display: table-cell;
        width: 24px;
        height: 24px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section label .label-event-wrap {
        display: table-cell; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section label p {
        display: inline-block;
        margin: 0; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section label p.day .saturday {
          color: #30A5EB; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section label p.day .holiday,
        .parking-reserve .reserve-daily-list .reserve-daily-list-section label p.day .sunday {
          color: #ff827d; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section label p.price {
          color: #Ef0000;
          font-weight: 600;
          padding-left: 8px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section label .label-event-layout {
        display: table-cell;
        height: auto;
        vertical-align: middle;
        margin-left: 10px; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section .full {
      padding: 16px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section .full p {
        color: #d8d7dd;
        display: inline-block;
        margin: 0; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section .full p.label {
          font-size: 16px;
          font-weight: 600;
          line-height: 1;
          padding: 0;
          text-align: center;
          width: 24px; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section .full p.cancel-alert-trigger {
          float: right; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section .close {
      padding: 16px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section .close p {
        color: #d8d7dd;
        display: inline-block;
        margin: 0; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section .close p.label {
          font-size: 16px;
          font-weight: 600;
          line-height: 1;
          padding: 0;
          text-align: center;
          width: 24px; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section .close p.price {
          font-weight: 600;
          padding-left: 8px; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder {
      padding: 16px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder p {
        color: #d8d7dd;
        display: inline-block;
        margin: 0; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder p.label {
          font-size: 16px;
          font-weight: 600;
          line-height: 1;
          padding: 0;
          text-align: center;
          width: 24px; }
        .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder p.price {
          font-weight: 600;
          padding-left: 8px; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder-description {
      padding-left: 28px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder-description p {
        color: #d8d7dd;
        margin: 0; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder-suggest {
      background: #f0f0f2;
      margin-top: 16px;
      padding: 16px 16px 8px; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder-suggest img {
        display: block;
        width: 100%; }
      .parking-reserve .reserve-daily-list .reserve-daily-list-section .reserve-preorder-suggest a {
        display: block;
        margin: 0 auto;
        padding: 8px;
        text-align: center; }
    .parking-reserve .reserve-daily-list .reserve-daily-list-section .more {
      display: block;
      text-align: center; }

.parking-reserve .reserve-hourly-form {
  margin: 0 16px 16px; }
  .parking-reserve .reserve-hourly-form .reserve-hourly-start,
  .parking-reserve .reserve-hourly-form .reserve-hourly-end {
    display: table;
    margin-bottom: 8px;
    width: 100%; }
    .parking-reserve .reserve-hourly-form .reserve-hourly-start .label,
    .parking-reserve .reserve-hourly-form .reserve-hourly-end .label {
      display: table-cell;
      padding: 0;
      vertical-align: top; }
      .parking-reserve .reserve-hourly-form .reserve-hourly-start .label p,
      .parking-reserve .reserve-hourly-form .reserve-hourly-end .label p {
        color: #898896;
        padding-top: 12px; }
    .parking-reserve .reserve-hourly-form .reserve-hourly-start .input,
    .parking-reserve .reserve-hourly-form .reserve-hourly-end .input {
      display: table-cell;
      vertical-align: top;
      width: 244px; }
      .parking-reserve .reserve-hourly-form .reserve-hourly-start .input select,
      .parking-reserve .reserve-hourly-form .reserve-hourly-end .input select {
        display: inline-block; }
        .parking-reserve .reserve-hourly-form .reserve-hourly-start .input select.date,
        .parking-reserve .reserve-hourly-form .reserve-hourly-end .input select.date {
          margin-right: 4px;
          width: 130px; }
        .parking-reserve .reserve-hourly-form .reserve-hourly-start .input select.time,
        .parking-reserve .reserve-hourly-form .reserve-hourly-end .input select.time {
          width: 105px; }

.parking-reserve .notification-mail-trigger {
  margin: 16px; }
  .parking-reserve .notification-mail-trigger a {
    display: block;
    text-align: right; }

.parking-reserve .price-total {
  background: #FFFBE0;
  border: 1px solid #f4e921;
  border-radius: 4px;
  margin: 16px;
  padding: 16px; }
  .parking-reserve .price-total .price {
    display: table;
    width: 100%; }
    .parking-reserve .price-total .price .label {
      display: table-cell;
      font-size: 16px;
      padding: 0; }
    .parking-reserve .price-total .price .value {
      color: #Ef0000;
      display: table-cell;
      font-size: 16px;
      font-weight: 600;
      text-align: right; }
  .parking-reserve .price-total .parking-ad-price-caution {
    margin-top: 16px; }
    .parking-reserve .price-total .parking-ad-price-caution p {
      margin: 0; }
  .parking-reserve .price-total .old-coupon p {
    margin: 0; }
    .parking-reserve .price-total .old-coupon p.coupon-value {
      color: #FF6366;
      font-size: 16px; }
  .parking-reserve .price-total .coupon-select {
    display: table;
    margin-top: 16px;
    width: 100%; }
    .parking-reserve .price-total .coupon-select .label {
      display: table-cell;
      padding: 0;
      vertical-align: top;
      width: 120px; }
      .parking-reserve .price-total .coupon-select .label p {
        margin: 0;
        padding: 12px 0; }
    .parking-reserve .price-total .coupon-select .select select {
      margin-bottom: 8px; }
  .parking-reserve .price-total .coupon-register-trigger {
    display: block;
    margin-top: 8px;
    text-align: center; }
  .parking-reserve .price-total .point-form {
    display: table;
    margin-top: 16px;
    width: 100%; }
    .parking-reserve .price-total .point-form .confirm-point {
      display: table-cell;
      vertical-align: top;
      width: 80px; }
    .parking-reserve .price-total .point-form .point-input {
      display: table-cell;
      vertical-align: top; }
      .parking-reserve .price-total .point-form .point-input .error {
        margin: 8px 0 0;
        text-align: right; }

.parking-reserve .reserve-form {
  margin: 16px; }
  .parking-reserve .reserve-form .reserve-form-section {
    display: table;
    margin: 16px 0;
    width: 100%; }
    .parking-reserve .reserve-form .reserve-form-section .label {
      display: table-cell;
      padding: 0;
      vertical-align: top;
      width: 100px; }
      .parking-reserve .reserve-form .reserve-form-section .label p {
        color: #898896;
        padding-top: 12px; }
    .parking-reserve .reserve-form .reserve-form-section .input {
      display: table-cell;
      vertical-align: top; }
      .parking-reserve .reserve-form .reserve-form-section .input select,
      .parking-reserve .reserve-form .reserve-form-section .input input[type=text] {
        width: 100%; }

.parking-reserve .number-skip {
  text-align: right; }
  .parking-reserve .number-skip label {
    padding-right: 0; }

.parking-reserve .reserve-button {
  margin: 32px 0 0;
  padding: 0 16px 32px; }

.parking-reserve .label-event {
  font-size: 10px;
  font-weight: 600;
  padding: 4px;
  display: inline-block;
  text-align: center;
  width: 48px; }

.accordion {
  border-bottom: 1px solid #bfbfbf;
  margin: 0; }
  .accordion dt {
    cursor: pointer;
    padding: 16px; }
    .accordion dt p {
      margin: 0; }
      .accordion dt p .icon {
        float: right; }
        .accordion dt p .icon img {
          display: block;
          height: 24px;
          width: 24px; }
        .accordion dt p .icon.arrow-top {
          transform: rotate(180deg); }
        .accordion dt p .icon.arrow-bottom {
          transform: rotate(0deg); }
  .accordion dd {
    display: none;
    margin: 0;
    padding: 0 16px 16px; }

.breadcrumb {
  padding-bottom: 32px; }
  .breadcrumb ul {
    margin: 0;
    padding: 0 16px; }
    .breadcrumb ul li {
      display: inline-block; }

.scroller {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 30;
  bottom: 0;
  position: fixed;
  width: 100%; }
  .scroller a {
    background: #00b893;
    color: #ffffff;
    display: block;
    font-size: 16px;
    padding: 16px;
    text-align: center;
    text-decoration: none; }

@media screen and (min-width: 768px) {
  .parking-detail-status,
  .parking-detail-cartype,
  .parking-detail-carsize,
  .parking-detail-info,
  .parking-detail-review,
  .parking-detail-other,
  .parking-tologin,
  .parking-ad,
  .parking-reserve {
    margin: 0 48px; }
  .parking-detail-title .box-container .parking-title-section {
    padding: 24px 48px; }
  .parking-detail-photo {
    padding: 0 32px; }
  .tab2 {
    margin: 0 auto;
    width: calc(100% - 96px); }
  .parking-tologin {
    padding: 24px; }
    .parking-tologin .button-cta-primary {
      margin-bottom: 24px; }
  .breadcrumb {
    padding-bottom: 48px; }
    .breadcrumb ul {
      padding: 0 48px; }
  .parking-ad-description {
    margin: -16px 48px 0.5em; }
  .parking-ad {
    margin-bottom: 48px; } }

@media screen and (min-width: 1024px) {
  .parking-detail-status,
  .parking-detail-cartype,
  .parking-detail-carsize,
  .parking-detail-info,
  .parking-detail-review,
  .parking-detail-other,
  .parking-tologin,
  .parking-ad,
  .parking-reserve {
    margin: 0; }
  .parking-detail-title .box-container .parking-title-section {
    display: flex; }
    .parking-detail-title .box-container .parking-title-section .title {
      margin: auto 0;
      width: calc(100% - 400px); }
      .parking-detail-title .box-container .parking-title-section .title h2 {
        margin: 0 0 8px;
        padding-right: 16px; }
      .parking-detail-title .box-container .parking-title-section .title p {
        margin: 0;
        padding-right: 16px; }
    .parking-detail-title .box-container .parking-title-section .info {
      border-left: 1px solid #bfbfbf;
      margin: auto 0;
      padding: 0 0 0 48px;
      width: 418px; }
      .parking-detail-title .box-container .parking-title-section .info .buttons .button-favorite {
        font-size: 16px; }
        .parking-detail-title .box-container .parking-title-section .info .buttons .button-favorite .with-icon .icon {
          width: 24px; }
      .parking-detail-title .box-container .parking-title-section .info .buttons .button-share {
        font-size: 16px; }
        .parking-detail-title .box-container .parking-title-section .info .buttons .button-share .with-icon .icon {
          width: 24px; }
  .col2-container {
    display: flex;
    margin: 0 auto;
    max-width: 1200px; }
    .col2-container .col2-container-left {
      flex-basis: 750px;
      margin: 0 24px 0 48px; }
      .col2-container .col2-container-left h2 {
        margin: 48px 0 24px; }
    .col2-container .col2-container-right {
      flex-basis: 450px;
      margin: 0 48px 0 24px; }
      .col2-container .col2-container-right .parking-reserve {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
      .col2-container .col2-container-right h2 {
        margin: 48px 0 24px; }
  .parking-detail-photo {
    margin: 0 -4px;
    overflow: hidden;
    padding: 0; }
    .parking-detail-photo .photo-body {
      padding: 0;
      width: 100%;
      flex-flow: wrap; }
      .parking-detail-photo .photo-body .item {
        margin: 0;
        min-width: 33.333%;
        padding: 0;
        width: 33.333%; }
        .parking-detail-photo .photo-body .item img {
          margin: 4px;
          width: calc(100% - 8px); }
  .parking-detail-list {
    flex-flow: wrap; }
    .parking-detail-list li {
      box-sizing: border-box;
      width: 50%; }
      .parking-detail-list li:nth-child(even) {
        border-left: 1px solid #bfbfbf; }
      .parking-detail-list li:nth-last-child(-n+2) {
        border-bottom: none; }
  .parking-detail-info .google-map {
    height: 250px; }
  .tab2 {
    width: 100%; }
  .parking-ad-description {
    margin: -16px 0 0.5em; }
  .parking-ad {
    margin-bottom: 48px; } }

@media screen and (min-width: 768px) {
  .scroller {
    display: none; } }

@media screen and (max-width: 767px) {
  .parking-detail-status {
    margin: 0; } }

@media screen and (max-width: 320px) {
  .parking-detail-title .box-container .parking-title-section .info .buttons .button-favorite {
    font-size: 12px; }
  .parking-detail-title .box-container .parking-title-section .info .buttons .button-share {
    font-size: 12px; } }

section.spot-title {
  margin: 0;
  padding: 24px 16px;
  position: relative;
  text-align: center; }
  section.spot-title .spot-suggest-preorder {
    display: none; }
  section.spot-title h2 {
    font-size: 28px;
    font-weight: bold;
    margin: 0; }
  section.spot-title p {
    margin: 0; }
    section.spot-title p span {
      color: #FF6366; }

section.spot-filter {
  background: #00b893;
  margin: 0;
  padding: 16px;
  text-align: center; }
  section.spot-filter .spot-filter-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 550px; }
    section.spot-filter .spot-filter-container h3 {
      color: #ffffff;
      font-size: 16px;
      font-weight: bold;
      margin: 0;
      text-align: left; }
    section.spot-filter .spot-filter-container .spot-filter-detail {
      display: table;
      margin: 0 auto;
      width: 320px;
      max-width: 320px; }
      section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition {
        display: table-cell;
        position: relative;
        vertical-align: top; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date {
          background: #ffffff;
          border: 1px solid #bfbfbf;
          border-radius: 4px; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-start {
            padding: 4px 8px;
            text-align: left; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-start label {
              color: #898896;
              display: block;
              font-size: 10px;
              text-align: center; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-start span {
              border: none;
              font-size: 16px;
              height: auto;
              padding: 0;
              text-align: center; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-hyphen {
            color: #898896;
            font-size: 20px;
            font-weight: bold;
            padding-top: 16px; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end {
            padding: 4px 8px;
            text-align: left; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end label {
              color: #898896;
              display: block;
              font-size: 10px;
              text-align: center; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end span {
              border: none;
              font-size: 16px;
              height: auto;
              padding: 0;
              text-align: center; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date-calendar {
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
          position: relative;
          transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
          z-index: 10;
          background: #ffffff;
          border-radius: 4px;
          margin: 0;
          overflow: hidden;
          position: absolute;
          width: 100%;
          z-index: 11; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date-calendar .calendar-content tr:last-child :first-child {
            border-bottom-left-radius: 0; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date-calendar .calendar-content tr:last-child :last-child {
            border-bottom-right-radius: 0; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-action {
          border-bottom: 1px solid #bfbfbf;
          border-left: 1px solid #bfbfbf;
          border-right: 1px solid #bfbfbf;
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px;
          padding: 8px;
          text-align: right; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-action button {
            display: inline-block;
            font-size: 14px;
            height: 32px;
            padding: 9px 16px;
            width: auto; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-action button.cancel {
              background: none;
              border: none;
              color: #00e0b5;
              padding: 0 16px;
              text-decoration: underline; }

section.spot-search {
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%; }
  section.spot-search .map {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    vertical-align: top; }
  section.spot-search .list {
    -webkit-flex-basis: 400px;
    flex-basis: 400px;
    vertical-align: top; }
    section.spot-search .list .sort {
      background: #ffffff;
      border-bottom: 1px solid #bfbfbf;
      padding: 16px; }
      section.spot-search .list .sort p {
        font-size: 14px;
        font-weight: bold; }
    section.spot-search .list .list-container {
      height: 530px;
      overflow-x: hidden;
      overflow-y: scroll;
      width: 400px; }
      section.spot-search .list .list-container .list-header {
        display: table;
        width: 100%; }
        section.spot-search .list .list-container .list-header .list-header-left {
          display: table-cell;
          padding: 16px 16px 0 16px; }
          section.spot-search .list .list-container .list-header .list-header-left p {
            margin: 0; }
        section.spot-search .list .list-container .list-header .list-header-right {
          display: table-cell;
          padding: 16px 16px 0 0;
          text-align: right; }
          section.spot-search .list .list-container .list-header .list-header-right a {
            border: 1px solid #00b893;
            border-radius: 4px;
            color: #00b893;
            display: inline-block;
            padding: 4px 8px;
            text-align: center;
            text-decoration: none; }
      section.spot-search .list .list-container .card-parking {
        margin: 16px; }
    section.spot-search .list .spot-more-link {
      background: #ffffff;
      border-top: 1px solid #bfbfbf;
      width: 100%; }
      section.spot-search .list .spot-more-link a {
        display: table;
        margin: 0 auto;
        padding: 16px;
        transition: .2s; }
        section.spot-search .list .spot-more-link a svg {
          display: table-cell;
          fill: #1f94c1;
          height: 24px;
          vertical-align: middle;
          width: 24px; }
        section.spot-search .list .spot-more-link a span {
          display: table-cell;
          font-size: 14px;
          vertical-align: middle; }

section.spot-howto {
  margin: 0;
  padding: 32px 16px;
  text-align: center; }
  section.spot-howto h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 8px; }
  section.spot-howto p {
    font-size: 16px; }
  section.spot-howto .step {
    margin: 16px auto 0;
    max-width: 720px; }
    section.spot-howto .step img {
      display: block;
      width: 100%; }

section.spot-sales {
  margin: 0 auto;
  padding: 32px 16px;
  text-align: center; }
  section.spot-sales h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 8px; }
  section.spot-sales .slide-container {
    margin: 16px 0;
    text-align: left; }

section.spot-ride {
  background: #ffffff;
  margin: 0;
  padding: 32px 16px;
  text-align: center; }
  section.spot-ride h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 16px; }
  section.spot-ride .ride-cotainer {
    display: table;
    margin: 0 auto;
    max-width: 1128px;
    padding: 0 32px;
    text-align: left;
    width: calc(100% - 64px); }
    section.spot-ride .ride-cotainer .ride-detail {
      display: table-cell;
      padding: 0 8px; }
      section.spot-ride .ride-cotainer .ride-detail .ride-card {
        border: 1px solid #bfbfbf;
        color: #383850;
        display: block;
        margin: 0 auto;
        max-width: 376px;
        transition: .2s;
        text-decoration: none; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header {
          background: #00e0b5;
          color: #ffffff;
          display: table;
          width: 100%; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .text {
            display: table-cell;
            font-size: 16px;
            padding: 16px 0 16px 16px; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .arrow {
            display: table-cell;
            padding: 16px;
            vertical-align: middle;
            width: 16px; }
            section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .arrow svg {
              display: block;
              fill: #ffffff;
              height: 16px;
              width: 16px; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info {
          padding: 16px; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .minute {
            font-size: 16px;
            font-weight: bold; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .fee .fee-label {
            border: 1px solid #ff6b3d;
            color: #ff6b3d;
            display: inline-block;
            font-size: 11px;
            line-height: 1;
            padding: 4px; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .fee .fee-text {
            display: inline-block;
            font-size: 10px;
            margin: 0; }
            section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .fee .fee-text span {
              color: #FF6366;
              font-size: 14px;
              font-weight: bold; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card:hover {
          opacity: .8; }

section.spot-region h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 16px;
  text-align: center; }

section.spot-akichan {
  margin: 0;
  padding: 32px 16px;
  text-align: center; }
  section.spot-akichan h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 16px; }
  section.spot-akichan .toakichan {
    border: 1px solid #ff6b3d;
    border-radius: 9999px;
    color: #ff6b3d;
    display: inline-block;
    margin-bottom: 16px;
    text-decoration: none;
    transition: .2s;
    padding: 8px 16px; }
    section.spot-akichan .toakichan img {
      height: 12px;
      margin-right: 8px; }
    section.spot-akichan .toakichan:hover {
      background: #ffded8; }
  section.spot-akichan .akichan-container {
    display: table;
    padding: 0 24px;
    margin: 0 auto;
    max-width: 1128px; }
    section.spot-akichan .akichan-container .card-akichan {
      display: table-cell;
      padding: 8px;
      max-width: 376px;
      text-decoration: none; }
      section.spot-akichan .akichan-container .card-akichan .akichan-detail {
        border: 1px solid #bfbfbf;
        border-radius: 4px;
        display: table;
        text-align: left;
        transition: .2s;
        padding: 16px; }
        section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-image {
          display: table-cell;
          vertical-align: top;
          width: 100px; }
          section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-image img {
            display: block;
            width: 100%; }
        section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-info {
          color: #383850;
          display: table-cell;
          padding-left: 8px;
          vertical-align: top; }
          section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-info h4 {
            font-size: 14px;
            font-weight: bold; }
          section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-info p {
            font-size: 13px;
            margin: 0; }
        section.spot-akichan .akichan-container .card-akichan .akichan-detail:hover {
          background: #f0f0f2; }

section.spot-info {
  margin: 0;
  padding: 32px 48px;
  text-align: center; }
  section.spot-info h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 16px; }
  section.spot-info .description {
    background-image: url(https://www.akippa.com/images/icons/ic_ldquo.png), url(https://www.akippa.com/images/icons/ic_rdquo.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right bottom;
    background-size: 32px;
    margin: 0 auto;
    max-width: 1128px;
    padding: 0 48px;
    position: relative;
    text-align: left; }
    @media screen and (min-width: 768px) {
      section.spot-info .description .context {
        max-height: unset; } }
    section.spot-info .description .context p:first-letter {
      font-size: 3em;
      line-height: 1;
      float: left;
      margin: 0 .2em 0 0;
      padding: .1em 0; }
    section.spot-info .description .more {
      display: none; }

section.spot-breadcrumb {
  margin: 0;
  padding: 32px 48px 16px; }
  section.spot-breadcrumb ul {
    margin: 0 auto;
    max-width: 1128px; }

section.spot-after {
  padding: 0 48px 32px;
  margin: 0; }
  section.spot-after .share {
    margin: 0 auto;
    max-width: 1128px;
    text-align: right; }

.spot-totop {
  background: #ff6b3d;
  border-radius: 9999px;
  bottom: 16px;
  color: #ffffff;
  display: table;
  left: calc(50% - 16px);
  margin-left: -80px;
  padding: 8px 16px;
  position: fixed;
  text-align: center;
  width: 160px; }
  .spot-totop svg {
    display: table-cell;
    fill: #ffffff;
    width: 24px; }
  .spot-totop span {
    display: table-cell;
    vertical-align: top; }

@media screen and (max-width: 1199px) {
  section.spot-howto .step {
    padding: 0 48px; }
  section.spot-akichan .akichan-container {
    display: block;
    max-width: 400px; }
    section.spot-akichan .akichan-container .card-akichan {
      display: block;
      max-width: 100%;
      padding: 8px 0; }
      section.spot-akichan .akichan-container .card-akichan .akichan-detail {
        width: calc(100% - 32px); } }

@media screen and (max-width: 1023px) {
  section.spot-title .spot-suggest-preorder {
    background: #f0f0f2;
    display: block;
    height: auto;
    margin: -16px -16px 16px;
    position: relative;
    right: 0;
    top: 0; }
    section.spot-title .spot-suggest-preorder a {
      width: 100%; }
      section.spot-title .spot-suggest-preorder a img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 350px;
        width: 100%; } }

@media screen and (max-width: 767px) {
  .balloon {
    font-size: 14px; }
  section.spot-vvaren img {
    width: 250px; }
  section.spot-title {
    padding: 16px; }
    section.spot-title h2 {
      font-size: 21px; }
  section.spot-filter .spot-filter-container {
    display: block; }
    section.spot-filter .spot-filter-container h3 {
      font-size: 15px;
      font-weight: bold;
      margin: 0;
      text-align: center;
      width: 100%; }
    section.spot-filter .spot-filter-container .spot-filter-detail {
      margin-top: 8px;
      max-width: 100%;
      width: 100%; }
      section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition {
        display: block;
        max-width: 100%; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end input {
          border-bottom-right-radius: 4px;
          border-top-right-radius: 4px; }
      section.spot-filter .spot-filter-container .spot-filter-detail .search-detail-submit {
        display: block;
        margin-top: 16px; }
        section.spot-filter .spot-filter-container .spot-filter-detail .search-detail-submit button {
          border-radius: 4px; }
  section.spot-search {
    display: block; }
    section.spot-search .map {
      display: block;
      height: 200px;
      overflow: hidden; }
    section.spot-search .list {
      display: block;
      width: 100%; }
      section.spot-search .list .list-container {
        height: auto;
        overflow-y: auto;
        width: 100%; }
        section.spot-search .list .list-container .card-parking {
          margin: 16px 0; }
  section.spot-howto h3 {
    font-size: 18px; }
  section.spot-howto p {
    font-size: 14px; }
  section.spot-howto .step {
    padding: 0; }
  section.spot-sales {
    padding: 32px 0; }
    section.spot-sales h3 {
      font-size: 18px; }
  section.spot-ride h3 {
    font-size: 18px; }
  section.spot-ride .ride-cotainer {
    display: block;
    padding: 0;
    width: 100%; }
    section.spot-ride .ride-cotainer .ride-detail {
      display: block;
      margin: 0 0 16px;
      padding: 0; }
      section.spot-ride .ride-cotainer .ride-detail:last-child {
        margin: 0; }
      section.spot-ride .ride-cotainer .ride-detail .ride-card {
        max-width: 100%; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .text {
          font-size: 15px; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .minute {
          font-weight: normal; }
  section.spot-region h3 {
    font-size: 18px; }
  section.spot-akichan h3 {
    font-size: 18px; }
  section.spot-akichan .akichan-container {
    padding: 0; }
  section.spot-info {
    padding: 32px 16px; }
    section.spot-info h3 {
      font-size: 18px; }
    section.spot-info .description {
      background: none;
      padding: 0; }
      section.spot-info .description .more {
        display: block; }
  section.spot-breadcrumb {
    padding: 32px 0 16px; }
  section.spot-after {
    padding: 32px 16px; }
    section.spot-after h3 {
      font-size: 18px; }
    section.spot-after ul {
      padding: 0; }
    section.spot-after .share {
      text-align: left; } }

.google-map * {
  transition-duration: 0s; }

#search-parking {
  height: 100vh; }
  #search-parking section {
    margin: 24px 0; }
  #search-parking .search-condition {
    background: #ffffff; }
  #search-parking form {
    position: relative; }

.search-keyword {
  background: #383850;
  box-sizing: border-box;
  position: relative;
  z-index: 10; }
  .search-keyword .input-group-button {
    width: 48px; }
    .search-keyword .input-group-button .button {
      padding: 11px; }
      .search-keyword .input-group-button .button img {
        height: 24px;
        width: 24px; }

.search .input-group-button {
  width: 48px; }
  .search .input-group-button .button {
    display: block;
    padding: 11px; }
    .search .input-group-button .button img {
      height: 24px;
      width: 24px; }

.search-detail {
  box-sizing: border-box;
  padding: 8px 16px;
  overflow: auto;
  background: #ffffff; }

#search-detail-condition h2 {
  margin: 16px 0; }
  #search-detail-condition h2:first-child {
    margin-top: 8px; }

#search-detail-condition .condition-date {
  display: flex;
  align-items: center; }
  #search-detail-condition .condition-date > div {
    flex-grow: 3; }
  #search-detail-condition .condition-date span {
    display: block;
    padding: 0 0.5em; }
  #search-detail-condition .condition-date input {
    border-radius: 4px;
    cursor: pointer;
    margin: 0; }
  #search-detail-condition .condition-date .focus {
    position: relative; }
    #search-detail-condition .condition-date .focus input {
      border-color: #30b1c6; }
    #search-detail-condition .condition-date .focus:after {
      box-sizing: border-box;
      height: 12px;
      width: 16px;
      content: '';
      border-top: 0 solid transparent;
      border-bottom: 12px solid #30b1c6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      display: block;
      position: absolute;
      overflow: hidden;
      left: calc(50% - 8px); }

#search-detail-condition .input-group {
  display: flex;
  align-items: center; }
  #search-detail-condition .input-group input {
    border-radius: 4px; }
    #search-detail-condition .input-group input:focus {
      border-color: #30b1c6; }
    #search-detail-condition .input-group input:after {
      content: '';
      border-top: 6px solid transparent;
      border-bottom: 6px solid #30b1c6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      display: block;
      overflow: hidden; }

#search-detail-condition .condition-date-calendar {
  margin: 12px 0 16px; }

#search-detail-condition .condition-car-type input {
  margin: 0; }

#search-content {
  position: relative; }

#google-map-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  #google-map-container .google-map-marker-info .title {
    font-size: 16px;
    font-weight: 600; }

#parking-list-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20; }

#parking-list-container {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: absolute;
  top: 0;
  left: 0;
  background: #f0f0f2;
  box-sizing: border-box; }

#parking-info-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none; }
  #parking-info-container .card-container {
    overflow: hidden; }
    #parking-info-container .card-container .card {
      margin: 0;
      min-width: 100%;
      max-width: 100%;
      pointer-events: auto; }
      #parking-info-container .card-container .card .parking-info {
        width: auto;
        flex-grow: 2; }

#research-parking {
  bottom: 26px;
  right: 0;
  left: 0; }
  #research-parking a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    display: block;
    margin: 0 auto;
    width: 180px;
    height: auto; }

@media screen and (min-width: 768px) {
  #search-parking {
    display: flex; }
  #search-content {
    width: 100%;
    height: 100vh; }
  #research-parking {
    position: absolute; }
  .search-condition {
    border-right: 1px solid #bfbfbf;
    min-width: 350px;
    position: relative; }
  .search-keyword {
    padding: 24px 16px;
    height: 96px; }
  .search-detail {
    height: calc(100% - 96px);
    padding: 0 16px 48px; }
  .option-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .option-container .options {
      border-top: 1px solid #bfbfbf; }
      .option-container .options button {
        background: #ffffff;
        border: none;
        color: #30b1c6;
        height: 48px;
        width: 100%; }
        .option-container .options button:hover {
          background: #f0f0f2; }
        .option-container .options button div {
          display: inline-block;
          font-size: 24px;
          height: 24px;
          margin: 0 auto;
          padding: 8px;
          vertical-align: middle;
          width: 24px; }
        .option-container .options button span {
          display: inline-block;
          margin: 3px auto 0;
          vertical-align: middle; }
        .option-container .options button.action-search-content-change.map .icon {
          background: url(../images/icon/map-blue.svg) no-repeat center center/24px 24px; }
        .option-container .options button.action-search-content-change.list .icon {
          background: url(../images/icon/list-blue.svg) no-repeat center center/24px 24px; }
  #parking-list-container .parking-sort {
    margin: 24px 0; }
    #parking-list-container .parking-sort select {
      display: block;
      margin: 0 auto;
      max-width: 800px; }
  #parking-list-container .parking-list {
    height: calc(100vh - 96px); } }

@media screen and (max-width: 767px) {
  #parking-info-container {
    position: fixed; }
  .search-keyword {
    padding: 16px;
    height: 80px; }
    .search-keyword .input-group {
      width: calc(100% - 126px); }
  #research-parking {
    position: fixed; }
  #search-content {
    width: 100%;
    height: calc(100vh - 80px); }
  #parking-list-container .parking-sort {
    margin: 16px; }
  #parking-list-container .parking-list {
    height: calc(100% - 80px); }
  .option-container {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 40; }
    .option-container .options {
      width: 126px;
      display: flex; }
      .option-container .options button {
        background-color: #ffffff;
        box-sizing: border-box;
        border: 1px solid #d1d7da;
        border-radius: 4px;
        height: 48px;
        padding: 0 16px;
        width: 100%;
        box-sizing: border-box;
        width: 55px;
        height: 48px;
        background: #ffffff;
        margin-left: 8px;
        padding: 0; }
        .option-container .options button div {
          display: block;
          height: 24px;
          margin: 0 auto 4px;
          width: 24px; }
        .option-container .options button span {
          margin: 0 auto;
          display: block;
          font-size: 7px;
          line-height: 1; }
        .option-container .options button.action-dialog-open.filter-off .icon {
          background: url(../images/icon/filter.svg) no-repeat center center/24px 24px; }
        .option-container .options button.action-dialog-open.filter-on {
          background: #30b1c6;
          color: #ffffff; }
          .option-container .options button.action-dialog-open.filter-on .icon {
            background: url(../images/icon/filter-white.svg) no-repeat center center/24px 24px; }
        .option-container .options button.action-search-content-change.map .icon {
          background: url(../images/icon/map.svg) no-repeat center center/24px 24px; }
        .option-container .options button.action-search-content-change.list .icon {
          background: url(../images/icon/list.svg) no-repeat center center/24px 24px; } }

.region-keyword {
  width: 450px;
  text-align: center;
  margin: 0 auto;
  padding: 32px 0; }
  .region-keyword h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    margin: 0 0 10px 0;
    text-align: center; }
  .region-keyword .search {
    width: 100%; }

.region-search {
  text-align: center;
  margin: 0;
  padding: 32px 0; }
  .region-search h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px; }
  .region-search ul {
    list-style-type: none;
    padding: 0;
    font-size: 0; }
    .region-search ul li {
      display: inline-block;
      padding: 0 10px 0 10px;
      font-size: 14px;
      margin: 0;
      border-right: 1px solid #bfbfbf; }
    .region-search ul li:last-child {
      border-right: none; }

.region-spot-pd {
  padding-bottom: 20px; }

@media screen and (max-width: 767px) {
  .region-keyword {
    width: 90%; }
  .region-search h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; } }

#search-period {
  position: relative; }
  #search-period.focus-from:before {
    content: "";
    position: absolute;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #30b1c6;
    bottom: 0;
    left: 25%; }
  #search-period.focus-from #condition-data-from {
    color: #64d2d2; }
  #search-period.focus-to:before {
    content: "";
    position: absolute;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #30b1c6;
    bottom: 0;
    right: 25%; }
  #search-period.focus-to #condition-data-to {
    color: #64d2d2; }

#period-calendar .calendar-day {
  cursor: unset; }
  #period-calendar .calendar-day.contain {
    cursor: pointer; }
    #period-calendar .calendar-day.contain:hover {
      color: #ffffff;
      background: #ff6b3d; }

.google-map-marker-info .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px; }

.google-map-marker-info ul {
  list-style: none;
  padding: 0; }
  .google-map-marker-info ul li {
    padding-bottom: 8px; }
    .google-map-marker-info ul li:last-child {
      margin: 0; }

#favorite-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }

#favorite-content .card-container {
  margin: 16px 48px; }

section.box-container .not-found-favorite-parking {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 48px; }
  section.box-container .not-found-favorite-parking .not-found {
    align-items: center;
    border-bottom: 1px solid #d1d7da;
    display: flex;
    padding: 16px 32px; }
    section.box-container .not-found-favorite-parking .not-found .content {
      width: 100%; }
      section.box-container .not-found-favorite-parking .not-found .content h2 {
        font-size: 16px; }
    section.box-container .not-found-favorite-parking .not-found .img img {
      display: block;
      margin: 0 auto;
      width: 200px; }
  section.box-container .not-found-favorite-parking .suggest {
    align-items: flex-start;
    display: flex;
    padding: 32px; }
    section.box-container .not-found-favorite-parking .suggest .content {
      padding-right: 16px;
      width: 100%; }
      section.box-container .not-found-favorite-parking .suggest .content .description {
        font-size: 12px; }
      section.box-container .not-found-favorite-parking .suggest .content h3 {
        color: #ff6b3d;
        font-size: 16px;
        font-weight: bold; }
    section.box-container .not-found-favorite-parking .suggest .img img {
      display: block;
      margin: 0 auto;
      width: 360px; }

@media screen and (max-width: 767px) {
  #favorite-content.box-container {
    margin-bottom: 48px; }
  #favorite-content .card-container {
    margin: 16px 0; }
  section.box-container .not-found-favorite-parking {
    border-radius: 0;
    margin: 16px 0;
    text-align: center; }
    section.box-container .not-found-favorite-parking .not-found {
      display: block;
      padding: 16px; }
      section.box-container .not-found-favorite-parking .not-found .content {
        padding: 0; }
        section.box-container .not-found-favorite-parking .not-found .content h2 {
          font-size: 16px;
          margin-bottom: 16px; }
      section.box-container .not-found-favorite-parking .not-found .img img {
        max-width: 300px;
        width: 80%; }
    section.box-container .not-found-favorite-parking .suggest {
      display: block;
      padding: 16px; }
      section.box-container .not-found-favorite-parking .suggest .content h3 {
        font-size: 16px; }
      section.box-container .not-found-favorite-parking .suggest .img img {
        margin-top: 16px;
        max-width: 500px;
        width: 100%; } }

#coupon-register.box-container {
  max-width: 800px; }

#coupon-register .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 24px; }
  #coupon-register .box .input-group input {
    border: 1px solid #bfbfbf; }
  #coupon-register .box .input-group .input-group-button {
    width: 100px; }

@media screen and (max-width: 767px) {
  #coupon-register .box {
    margin: 16px 0;
    padding: 16px; } }

#coupon-list.box-container {
  margin-bottom: 72px;
  max-width: 800px; }

#coupon-list .box {
  background: #ffffff;
  margin: 16px 48px 48px; }
  #coupon-list .box .no-coupon {
    padding: 24px; }
  #coupon-list .box .coupon-section {
    align-items: top;
    border-bottom: 1px solid #bfbfbf;
    display: flex;
    padding: 24px; }
    #coupon-list .box .coupon-section .coupon-label {
      align-items: center;
      display: flex;
      font-weight: 600;
      height: 150px;
      text-align: center;
      width: 150px; }
      #coupon-list .box .coupon-section .coupon-label .main {
        align-items: center;
        border: 1px solid #ffffff;
        display: flex;
        font-size: 28px;
        height: calc(100% - 16px);
        margin: 8px;
        line-height: 1.2;
        width: calc(100% - 16px); }
        #coupon-list .box .coupon-section .coupon-label .main .detail {
          width: 100%; }
          #coupon-list .box .coupon-section .coupon-label .main .detail span {
            font-size: 20px; }
            #coupon-list .box .coupon-section .coupon-label .main .detail span.sub {
              display: block;
              font-size: 20px;
              line-height: 1.2; }
    #coupon-list .box .coupon-section .coupon-description {
      background: #ffffff;
      height: 150px;
      padding: 0;
      position: relative;
      width: calc(100% - 150px); }
      #coupon-list .box .coupon-section .coupon-description h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px;
        padding-left: 16px; }
      #coupon-list .box .coupon-section .coupon-description p {
        padding-left: 16px; }
      #coupon-list .box .coupon-section .coupon-description .more {
        bottom: 0;
        margin: 0;
        position: absolute;
        right: 0; }
        #coupon-list .box .coupon-section .coupon-description .more a {
          background: none;
          border: 1px solid #30b1c6;
          border-radius: 4px;
          color: #30b1c6;
          display: inline-block;
          line-height: 16px;
          outline: none;
          padding: 8px 16px; }
          #coupon-list .box .coupon-section .coupon-description .more a:hover {
            background: #30b1c6;
            color: #ffffff;
            text-decoration: none; }
    #coupon-list .box .coupon-section:last-child {
      border: none; }

@media screen and (max-width: 767px) {
  #coupon-list.box-container {
    margin-bottom: 48px; }
  #coupon-list .box {
    margin: 16px 0; }
    #coupon-list .box .coupon-section {
      padding: 16px; }
      #coupon-list .box .coupon-section .coupon-label {
        height: 100px;
        width: 100px; }
        #coupon-list .box .coupon-section .coupon-label .main {
          font-size: 14px;
          line-height: 1.2; }
          #coupon-list .box .coupon-section .coupon-label .main .detail span {
            font-size: 10px; }
            #coupon-list .box .coupon-section .coupon-label .main .detail span.sub {
              font-size: 10px;
              line-height: 1.2; }
      #coupon-list .box .coupon-section .coupon-description {
        height: auto;
        width: calc(100% - 100px); }
        #coupon-list .box .coupon-section .coupon-description h3 {
          font-size: 16px; }
        #coupon-list .box .coupon-section .coupon-description .more {
          margin: 0;
          position: relative;
          text-align: right; } }

.coupon-dialog-content li {
  border-bottom: 1px solid #bfbfbf;
  padding: 16px 0; }
  .coupon-dialog-content li p {
    margin: 0; }
  .coupon-dialog-content li .title {
    color: #898896; }
  .coupon-dialog-content li:first-child {
    padding-top: 0; }
  .coupon-dialog-content li:last-child {
    border: none; }

.suggest-preorder {
  padding: 24px;
  text-align: center; }
  .suggest-preorder .suggest-preorder-merit {
    background: #f0f0f2;
    margin: 16px auto;
    max-width: 500px;
    padding: 16px; }
    .suggest-preorder .suggest-preorder-merit .merit-box {
      display: table;
      margin: 0 auto;
      text-align: left;
      width: auto; }
      .suggest-preorder .suggest-preorder-merit .merit-box .img {
        display: table-cell;
        padding: 8px;
        vertical-align: middle;
        width: 80px; }
        .suggest-preorder .suggest-preorder-merit .merit-box .img img {
          display: block;
          width: 100%; }
      .suggest-preorder .suggest-preorder-merit .merit-box .text {
        display: table-cell;
        padding: 20px 8px 8px;
        vertical-align: middle; }
  .suggest-preorder .button {
    display: block;
    margin: 16px auto 0;
    max-width: 300px; }

@media screen and (max-width: 767px) {
  .suggest-preorder {
    padding: 16px; } }

#preorder-about {
  background: #ffffff;
  margin: 0;
  max-width: none;
  padding: 24px;
  text-align: center; }
  #preorder-about h2 {
    font-weight: 600;
    margin: 0 0 16px 0; }
  #preorder-about p {
    margin: 0; }

#preorder-target.box-container {
  max-width: 800px; }

#preorder-target .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 16px; }
  #preorder-target .box .target-box {
    display: table;
    margin: 0 auto;
    max-width: 420px;
    width: 100%; }
    #preorder-target .box .target-box .img {
      display: table-cell;
      vertical-align: middle;
      width: 30px; }
      #preorder-target .box .target-box .img img {
        display: block;
        width: 100%; }
    #preorder-target .box .target-box .text {
      display: table-cell;
      vertical-align: middle; }
      #preorder-target .box .target-box .text p {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        padding: 8px; }

#preorder-pickup.box-container {
  max-width: 800px; }

#preorder-pickup .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 24px; }
  #preorder-pickup .box h3 {
    font-size: 16px;
    font-weight: 600; }
  #preorder-pickup .box h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 16px 0 0; }
  #preorder-pickup .box .balloon {
    border-radius: 16px;
    display: block;
    font-weight: 600;
    margin: 0 auto 16px;
    width: 100px; }
  #preorder-pickup .box .pickup-time {
    border: 1px solid #bfbfbf;
    margin: 16px 0 24px;
    width: 100%; }
  #preorder-pickup .box .plan {
    margin-top: 32px; }
    #preorder-pickup .box .plan ul {
      border: 1px solid #bfbfbf; }
      #preorder-pickup .box .plan ul li {
        display: table;
        text-align: center;
        width: 100%; }
        #preorder-pickup .box .plan ul li p {
          font-weight: 600;
          margin: 0;
          padding: 16px; }
          #preorder-pickup .box .plan ul li p.plan-name {
            padding: 24px 16px; }
        #preorder-pickup .box .plan ul li .caption {
          display: block;
          font-size: 10px; }
        #preorder-pickup .box .plan ul li .sale {
          background: #f4e921;
          display: block;
          font-size: 10px;
          margin-top: 4px;
          padding: 8px; }
        #preorder-pickup .box .plan ul li .plan1 {
          border-right: 1px solid #bfbfbf;
          display: table-cell;
          vertical-align: top;
          width: 25%; }
        #preorder-pickup .box .plan ul li .plan3 {
          border-right: 1px solid #bfbfbf;
          color: #00b893;
          display: table-cell;
          position: relative;
          vertical-align: top;
          width: 25%; }
          #preorder-pickup .box .plan ul li .plan3 .balloon {
            border-radius: 16px;
            font-size: 14px;
            height: 24px;
            left: 50%;
            line-height: 24px;
            margin-left: -50px;
            padding: 0;
            position: absolute;
            top: -12px;
            width: 100px; }
          #preorder-pickup .box .plan ul li .plan3 .sale {
            background: #00b893;
            color: #ffffff; }
        #preorder-pickup .box .plan ul li .plan6 {
          border-right: 1px solid #bfbfbf;
          display: table-cell;
          vertical-align: top;
          width: 25%; }
        #preorder-pickup .box .plan ul li .plan12 {
          display: table-cell;
          vertical-align: top;
          width: 25%; }
        #preorder-pickup .box .plan ul li .time1 {
          background: #e3f5f6;
          border-right: 1px solid #bfbfbf;
          display: table-cell;
          vertical-align: middle;
          width: 25%; }
        #preorder-pickup .box .plan ul li .time-other {
          background: #e4f8ef;
          display: table-cell;
          vertical-align: middle;
          width: 75%; }
        #preorder-pickup .box .plan ul li.title {
          background: #f0f0f2; }
          #preorder-pickup .box .plan ul li.title p {
            padding: 8px; }
    #preorder-pickup .box .plan .caution-tax {
      margin: 16px 0 0; }
  #preorder-pickup .box .button {
    display: block;
    margin: 16px auto 0;
    max-width: 300px; }

#preorder-caution.box-container {
  max-width: 800px; }

#preorder-caution .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 24px; }

#preorder-more-akippa.box-container {
  max-width: 800px; }

#preorder-more-akippa .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px; }
  #preorder-more-akippa .box .button {
    display: block;
    margin: 16px auto 0;
    max-width: 300px; }

@media screen and (max-width: 767px) {
  #preorder-about {
    padding: 16px;
    text-align: center; }
  #preorder-target .box {
    margin: 16px 0 32px;
    padding: 16px; }
  #preorder-pickup .box {
    margin: 16px 0 32px;
    padding: 16px; }
    #preorder-pickup .box h2 {
      font-size: 20px;
      margin: 8px 0 0; }
    #preorder-pickup .box .plan {
      margin: 32px -16px 0; }
      #preorder-pickup .box .plan ul {
        border-left: none;
        border-right: none; }
        #preorder-pickup .box .plan ul li p {
          padding: 8px; }
          #preorder-pickup .box .plan ul li p.plan-name {
            padding: 16px 8px; }
        #preorder-pickup .box .plan ul li .plan3 .balloon {
          margin-left: -35px;
          top: -12px;
          width: 70px; }
      #preorder-pickup .box .plan .caution-tax {
        margin: 16px 16px 0; }
    #preorder-pickup .box .to-form .to-register {
      margin-bottom: 16px; }
  #preorder-caution .box {
    margin: 16px 0 48px;
    padding: 16px; }
  #preorder-more-akippa .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#preorder-register.box-container {
  max-width: 800px; }

#preorder-register .box {
  background: #ffffff;
  margin: 16px 48px 24px; }
  #preorder-register .box .plan {
    border-bottom: 1px solid #bfbfbf;
    padding: 24px; }
    #preorder-register .box .plan .plan-detail {
      margin-top: 16px; }
      #preorder-register .box .plan .plan-detail ul {
        border: 1px solid #bfbfbf; }
        #preorder-register .box .plan .plan-detail ul li {
          display: table;
          text-align: center;
          width: 100%; }
          #preorder-register .box .plan .plan-detail ul li p {
            font-weight: 600;
            margin: 0;
            padding: 16px; }
          #preorder-register .box .plan .plan-detail ul li .plan1,
          #preorder-register .box .plan .plan-detail ul li .plan3,
          #preorder-register .box .plan .plan-detail ul li .plan6 {
            border-right: 1px solid #bfbfbf;
            display: table-cell;
            vertical-align: top;
            width: 25%; }
          #preorder-register .box .plan .plan-detail ul li .plan12 {
            display: table-cell;
            vertical-align: top;
            width: 25%; }
          #preorder-register .box .plan .plan-detail ul li .time1 {
            background: #e3f5f6;
            border-right: 1px solid #bfbfbf;
            display: table-cell;
            vertical-align: middle;
            width: 25%; }
          #preorder-register .box .plan .plan-detail ul li .time-other {
            background: #e4f8ef;
            display: table-cell;
            vertical-align: middle;
            width: 75%; }
          #preorder-register .box .plan .plan-detail ul li.title {
            background: #f0f0f2; }
            #preorder-register .box .plan .plan-detail ul li.title p {
              padding: 8px; }
    #preorder-register .box .plan .caution-tax,
    #preorder-register .box .plan .caution-autoupdate {
      margin: 16px 0 0; }
  #preorder-register .box .credit {
    border-bottom: 1px solid #bfbfbf;
    padding: 24px; }
    #preorder-register .box .credit .credit-form {
      border: 1px solid #bfbfbf;
      border-radius: 4px; }
      #preorder-register .box .credit .credit-form ul li {
        border-bottom: 1px solid #bfbfbf; }
        #preorder-register .box .credit .credit-form ul li .radio {
          margin: 0; }
          #preorder-register .box .credit .credit-form ul li .radio label {
            display: block;
            padding: 16px; }
            #preorder-register .box .credit .credit-form ul li .radio label .card-number,
            #preorder-register .box .credit .credit-form ul li .radio label .card-limit,
            #preorder-register .box .credit .credit-form ul li .radio label .card-name {
              display: inline-block;
              margin-right: 8px; }
        #preorder-register .box .credit .credit-form ul li:last-child {
          border: none; }
      #preorder-register .box .credit .credit-form .card-register {
        margin: 16px; }
        #preorder-register .box .credit .credit-form .card-register .card-number,
        #preorder-register .box .credit .credit-form .card-register .card-limit,
        #preorder-register .box .credit .credit-form .card-register .card-name {
          display: table;
          margin-bottom: 16px;
          width: 100%; }
          #preorder-register .box .credit .credit-form .card-register .card-number .title,
          #preorder-register .box .credit .credit-form .card-register .card-limit .title,
          #preorder-register .box .credit .credit-form .card-register .card-name .title {
            color: #898896;
            display: table-cell;
            vertical-align: middle;
            width: 100px; }
          #preorder-register .box .credit .credit-form .card-register .card-number .input,
          #preorder-register .box .credit .credit-form .card-register .card-limit .input,
          #preorder-register .box .credit .credit-form .card-register .card-name .input {
            display: table-cell;
            vertical-align: middle; }
            #preorder-register .box .credit .credit-form .card-register .card-number .input .card-limit-select,
            #preorder-register .box .credit .credit-form .card-register .card-limit .input .card-limit-select,
            #preorder-register .box .credit .credit-form .card-register .card-name .input .card-limit-select {
              display: table; }
              #preorder-register .box .credit .credit-form .card-register .card-number .input .card-limit-select .month,
              #preorder-register .box .credit .credit-form .card-register .card-limit .input .card-limit-select .month,
              #preorder-register .box .credit .credit-form .card-register .card-name .input .card-limit-select .month {
                display: table-cell;
                vertical-align: middle; }
              #preorder-register .box .credit .credit-form .card-register .card-number .input .card-limit-select .slash,
              #preorder-register .box .credit .credit-form .card-register .card-limit .input .card-limit-select .slash,
              #preorder-register .box .credit .credit-form .card-register .card-name .input .card-limit-select .slash {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                width: 16px; }
              #preorder-register .box .credit .credit-form .card-register .card-number .input .card-limit-select .year,
              #preorder-register .box .credit .credit-form .card-register .card-limit .input .card-limit-select .year,
              #preorder-register .box .credit .credit-form .card-register .card-name .input .card-limit-select .year {
                display: table-cell;
                vertical-align: middle; }
  #preorder-register .box .submit {
    padding: 24px; }
    #preorder-register .box .submit .caution {
      background: #fefbdc;
      border: 1px solid #f4e921;
      border-radius: 4px;
      margin-bottom: 16px;
      padding: 16px; }
      #preorder-register .box .submit .caution h3 {
        font-size: 16px;
        margin-bottom: 8px; }
      #preorder-register .box .submit .caution .parking-list {
        margin: 0; }
    #preorder-register .box .submit button {
      margin-top: 16px; }

#preorder-register .to-back {
  margin: 24px 48px 72px; }

@media screen and (max-width: 767px) {
  #preorder-register .box {
    margin: 16px 0 16px; }
    #preorder-register .box .plan {
      padding: 16px; }
      #preorder-register .box .plan .plan-detail ul li p {
        padding: 8px; }
    #preorder-register .box .credit {
      padding: 16px; }
      #preorder-register .box .credit .credit-form ul li .radio label .card-number,
      #preorder-register .box .credit .credit-form ul li .radio label .card-limit,
      #preorder-register .box .credit .credit-form ul li .radio label .card-name {
        display: block;
        margin-right: 0; }
      #preorder-register .box .credit .credit-form .card-register .card-number,
      #preorder-register .box .credit .credit-form .card-register .card-limit,
      #preorder-register .box .credit .credit-form .card-register .card-name {
        display: block; }
        #preorder-register .box .credit .credit-form .card-register .card-number .title,
        #preorder-register .box .credit .credit-form .card-register .card-limit .title,
        #preorder-register .box .credit .credit-form .card-register .card-name .title {
          display: block; }
        #preorder-register .box .credit .credit-form .card-register .card-number .input,
        #preorder-register .box .credit .credit-form .card-register .card-limit .input,
        #preorder-register .box .credit .credit-form .card-register .card-name .input {
          display: block; }
    #preorder-register .box .submit {
      padding: 16px; }
  #preorder-register .to-back {
    margin: 16px 16px 48px; } }

#preorder-register-complete.box-container {
  max-width: 800px; }

#preorder-register-complete .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }
  #preorder-register-complete .box .to-top {
    margin-bottom: 16px; }

@media screen and (max-width: 767px) {
  #preorder-register-complete .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#preorder-rule.box-container {
  max-width: 800px; }

#preorder-rule .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px; }
  #preorder-rule .box h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 8px; }
  #preorder-rule .box h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 32px 0 8px; }
  #preorder-rule .box h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 16px 0 8px; }
  #preorder-rule .box .update {
    margin-top: 32px; }

@media screen and (max-width: 767px) {
  #preorder-rule .box {
    margin: 16px 0 48px;
    padding: 16px; }
    #preorder-rule .box h4 {
      margin: 16px 0 8px; } }

#preorder-info.box-container {
  max-width: 800px; }

#preorder-info .box {
  background: #ffffff;
  margin: 16px 48px 48px; }
  #preorder-info .box .preorder-info-detail {
    margin: 0; }
    #preorder-info .box .preorder-info-detail li {
      border-bottom: 1px solid #bfbfbf;
      display: table;
      width: 100%; }
      #preorder-info .box .preorder-info-detail li .title {
        color: #898896;
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 100px; }
      #preorder-info .box .preorder-info-detail li .text {
        display: table-cell;
        padding: 16px 16px 16px 0;
        vertical-align: top; }
  #preorder-info .box .to-preorder-update {
    padding: 24px; }
    #preorder-info .box .to-preorder-update .button {
      display: block;
      margin: 0 auto;
      max-width: 300px; }
    #preorder-info .box .to-preorder-update .caution {
      background: #fefbdc;
      border: 1px solid #f4e921;
      border-radius: 4px;
      margin-top: 16px;
      padding: 16px; }

#preorder-history.box-container {
  max-width: 800px; }

#preorder-history .box {
  background: #ffffff;
  margin: 16px 48px 72px; }
  #preorder-history .box .preorder-history-detail {
    margin: 0; }
    #preorder-history .box .preorder-history-detail li {
      border-bottom: 1px solid #bfbfbf;
      display: table;
      width: 100%; }
      #preorder-history .box .preorder-history-detail li.title {
        background: #e4f8ef; }
      #preorder-history .box .preorder-history-detail li .date {
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 30%; }
      #preorder-history .box .preorder-history-detail li .plan {
        display: table-cell;
        padding: 16px;
        vertical-align: top; }
      #preorder-history .box .preorder-history-detail li .price {
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 30%; }
      #preorder-history .box .preorder-history-detail li:last-child {
        border: none; }
  #preorder-history .box .no-history {
    padding: 24px 16px; }

#preorder-to-leave.box-container {
  max-width: 800px; }

#preorder-to-leave .box {
  margin: 16px 48px 72px; }

@media screen and (max-width: 767px) {
  #preorder-info .box {
    margin: 16px 0 32px; }
    #preorder-info .box .to-preorder-update {
      padding: 16px; }
  #preorder-history .box {
    margin: 16px 0 48px; }
    #preorder-history .box .no-history {
      padding: 16px; }
  #preorder-to-leave .box {
    margin: 16px 16px 48px; } }

#preorder-leave-title {
  background: #ffffff;
  margin: 0;
  max-width: none;
  padding: 24px;
  text-align: center; }
  #preorder-leave-title h2 {
    font-weight: 600;
    margin: 0 0 16px 0; }
  #preorder-leave-title p {
    margin: 0; }

#preorder-leave-confirm.box-container {
  max-width: 800px; }
  #preorder-leave-confirm.box-container h2 {
    text-align: center; }

#preorder-leave-confirm .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px; }
  #preorder-leave-confirm .box .caution {
    text-align: center; }
    #preorder-leave-confirm .box .caution li {
      border: 1px solid #bfbfbf;
      margin-bottom: 24px;
      padding: 16px; }
      #preorder-leave-confirm .box .caution li .icon {
        margin: 0 auto 16px;
        width: 40px; }
        #preorder-leave-confirm .box .caution li .icon img {
          display: block;
          width: 100%; }
      #preorder-leave-confirm .box .caution li h3 {
        font-size: 16px; }
      #preorder-leave-confirm .box .caution li p {
        margin: 0; }
      #preorder-leave-confirm .box .caution li .caution-box {
        background: #f0f0f2;
        margin-top: 16px;
        padding: 16px; }
        #preorder-leave-confirm .box .caution li .caution-box .arrow {
          display: block;
          margin: 0 auto;
          width: 24px; }
      #preorder-leave-confirm .box .caution li:last-child {
        margin: 0; }
  #preorder-leave-confirm .box .submit {
    padding-top: 24px; }
    #preorder-leave-confirm .box .submit .button {
      display: block;
      margin: 0 auto;
      max-width: 300px; }
      #preorder-leave-confirm .box .submit .button.back {
        margin-bottom: 16px; }

#preorder-leave.box-container {
  max-width: 800px; }
  #preorder-leave.box-container h2 {
    text-align: center; }

#preorder-leave .box {
  background: #ffffff;
  margin: 16px 48px 48px; }
  #preorder-leave .box .research-q1,
  #preorder-leave .box .research-q2,
  #preorder-leave .box .research-q3 {
    border-bottom: 1px solid #bfbfbf;
    padding: 24px; }
  #preorder-leave .box .submit {
    padding: 24px; }
    #preorder-leave .box .submit .button {
      margin-bottom: 16px; }
      #preorder-leave .box .submit .button.back {
        margin: 0; }

@media screen and (max-width: 767px) {
  #preorder-leave-title {
    padding: 16px;
    text-align: center; }
  #preorder-leave-confirm .box {
    margin: 16px 0 48px;
    padding: 16px; }
    #preorder-leave-confirm .box .caution li {
      margin-bottom: 16px; }
    #preorder-leave-confirm .box .submit {
      padding-top: 16px; }
  #preorder-leave .box {
    margin: 16px 0 32px; }
    #preorder-leave .box .research-q1,
    #preorder-leave .box .research-q2,
    #preorder-leave .box .research-q3 {
      padding: 16px; }
    #preorder-leave .box .to-preorder-leave {
      padding: 16px; } }

#preorder-leave-complete.box-container {
  max-width: 800px; }

#preorder-leave-complete .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }

@media screen and (max-width: 767px) {
  #preorder-leave-complete .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#login.box-container {
  max-width: 800px; }

#login .box {
  background: #ffffff;
  margin: 16px 48px 72px; }
  #login .box h3 {
    font-size: 16px;
    margin-bottom: 16px; }
  #login .box .login .login-mail {
    border-bottom: 1px solid #bfbfbf;
    padding: 24px 16px; }
    #login .box .login .login-mail #login-form input[type=text],
    #login .box .login .login-mail #login-form input[type=password] {
      margin-bottom: 16px; }
    #login .box .login .login-mail #login-form .forget-password {
      margin: 16px 0 0; }
  #login .box .login .to-register {
    border-bottom: 1px solid #bfbfbf;
    text-align: center; }
    #login .box .login .to-register a {
      display: block;
      padding: 16px; }
  #login .box .login .login-social {
    padding: 24px 16px; }

@media screen and (max-width: 767px) {
  #login .box {
    margin: 16px 0 48px; }
    #login .box .login .login-mail {
      padding: 16px; }
    #login .box .login .login-social {
      padding: 16px; } }

.button-offer-cta {
  background: #30b1c6;
  color: #ffffff;
  border: 1px solid #30b1c6; }
  .button-offer-cta:hover {
    color: #ffffff;
    background: #30b1c6;
    border: 1px solid #30b1c6; }

#register.box-container {
  max-width: 800px; }

#register .box {
  background: #ffffff;
  margin: 16px 48px 72px; }
  #register .box h3 {
    font-size: 16px;
    margin-bottom: 16px; }
  #register .box .register .register-mail {
    border-bottom: 1px solid #bfbfbf;
    padding: 24px 16px; }
    #register .box .register .register-mail #register-form input[type=text],
    #register .box .register .register-mail #register-form input[type=password] {
      margin-bottom: 16px; }
    #register .box .register .register-mail #register-form .agree-privacy {
      margin: 0 auto 16px; }
      #register .box .register .register-mail #register-form .agree-privacy label {
        margin: 0 auto; }
  #register .box .register .to-login {
    border-bottom: 1px solid #bfbfbf;
    text-align: center; }
    #register .box .register .to-login a {
      display: block;
      padding: 16px; }
  #register .box .register .register-social {
    padding: 24px 16px; }

@media screen and (max-width: 767px) {
  #register .box {
    margin: 16px 0 48px; }
    #register .box .register .register-mail {
      padding: 16px; }
    #register .box .register .register-social {
      padding: 16px; } }

#register-google.box-container {
  max-width: 800px; }

#register-google .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }
  #register-google .box #register-google-form input[type=text] {
    margin-bottom: 16px; }
  #register-google .box #register-google-form .agree-privacy {
    margin: 0 auto 16px; }
    #register-google .box #register-google-form .agree-privacy label {
      margin: 0 auto; }

@media screen and (max-width: 767px) {
  #register-google .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#register-facebook.box-container {
  max-width: 800px; }

#register-facebook .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }
  #register-facebook .box #register-facebook-form input[type=text] {
    margin-bottom: 16px; }
  #register-facebook .box #register-facebook-form .agree-privacy {
    margin: 0 auto 16px; }
    #register-facebook .box #register-facebook-form .agree-privacy label {
      margin: 0 auto; }

@media screen and (max-width: 767px) {
  #register-facebook .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#register-sendmail.box-container {
  max-width: 800px; }

#register-sendmail .box {
  background: #ffffff;
  margin: 16px 48px 24px;
  padding: 24px 16px;
  text-align: center; }
  #register-sendmail .box .caution {
    background: #fefbdc;
    border: 1px solid #f4e921;
    border-radius: 4px;
    color: #FF6366;
    font-weight: 600;
    margin-bottom: 16px;
    padding: 16px;
    text-align: center; }
  #register-sendmail .box .button {
    display: block;
    margin: 16px auto 0;
    max-width: 300px; }

#register-sendmail .to-top {
  margin: 24px 48px 72px; }

@media screen and (max-width: 767px) {
  #register-sendmail .box {
    margin: 16px 0;
    padding: 16px; }
  #register-sendmail .to-top {
    margin: 16px 0 48px; } }

#register-complete.box-container {
  max-width: 800px; }

#register-complete .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 24px 16px;
  text-align: center; }
  #register-complete .box h3 {
    color: #FF6366;
    font-size: 20px;
    margin-bottom: 24px; }
  #register-complete .box .button {
    display: block;
    margin: 0 auto;
    max-width: 300px; }
  #register-complete .box .to-top {
    margin-bottom: 24px; }

#suggest-preorder.box-container {
  max-width: 800px; }

#suggest-preorder .box {
  background: #ffffff;
  margin: 16px 48px 72px; }

@media screen and (max-width: 767px) {
  #register-complete .box {
    margin: 16px 0 32px;
    padding: 16px; }
  #suggest-preorder .box {
    margin: 16px 0 48px; } }

#guide-start-about,
#guide-start-merit,
#guide-start-cta-register,
#guide-start-user-howto,
#guide-start-user-scene,
#guide-start-suggest-preorder,
#guide-start-cta-search,
#guide-start-cta-parking-register {
  max-width: 1200px; }
  #guide-start-about h2,
  #guide-start-merit h2,
  #guide-start-cta-register h2,
  #guide-start-user-howto h2,
  #guide-start-user-scene h2,
  #guide-start-suggest-preorder h2,
  #guide-start-cta-search h2,
  #guide-start-cta-parking-register h2 {
    text-align: center; }

#guide-start-hero {
  background: url(../images/guide/start-hero-bg.png) no-repeat center center/cover;
  margin: 0; }
  #guide-start-hero .content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px; }
    #guide-start-hero .content .text {
      margin-left: 48px;
      width: calc(100% - 500px); }
      #guide-start-hero .content .text .catch {
        align-items: center;
        display: flex;
        font-size: 28px;
        margin-bottom: 24px; }
        #guide-start-hero .content .text .catch img {
          width: 200px; }
    #guide-start-hero .content .img {
      margin-right: 48px;
      overflow: hidden;
      width: 500px; }
      #guide-start-hero .content .img img {
        display: block;
        width: 100%; }

#guide-start-about .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 48px;
  padding: 24px; }
  #guide-start-about .box p {
    padding-right: 16px;
    width: 50%; }
  #guide-start-about .box .img {
    width: 50%; }
    #guide-start-about .box .img img {
      width: 100%; }

#guide-start-merit .col2-container .col2-container-left {
  flex-basis: 50%;
  margin: 0; }
  #guide-start-merit .col2-container .col2-container-left .box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    border-radius: 4px;
    margin: 0 24px 0 48px; }
    #guide-start-merit .col2-container .col2-container-left .box .img {
      background: #00e0b5;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      padding: 16px; }
      #guide-start-merit .col2-container .col2-container-left .box .img img {
        background: #ffffff;
        border: 2px solid #d1d7da;
        border-radius: 75px;
        display: block;
        margin: 0 auto;
        padding: 16px;
        width: 120px; }

#guide-start-merit .col2-container .col2-container-right {
  flex-basis: 50%;
  margin: 0; }
  #guide-start-merit .col2-container .col2-container-right .box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    border-radius: 4px;
    margin: 0 48px 0 24px; }
    #guide-start-merit .col2-container .col2-container-right .box .img {
      background: #64d2d2;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      padding: 16px; }
      #guide-start-merit .col2-container .col2-container-right .box .img img {
        background: #ffffff;
        border: 2px solid #d1d7da;
        border-radius: 75px;
        display: block;
        margin: 0 auto;
        padding: 16px;
        width: 120px; }

#guide-start-merit ul {
  border-top: 1px solid #d1d7da; }
  #guide-start-merit ul li {
    align-items: center;
    border-bottom: 1px solid #d1d7da;
    display: flex;
    padding: 24px; }
    #guide-start-merit ul li img {
      width: 24px; }

#guide-start-merit .more {
  padding: 8px 0; }
  #guide-start-merit .more a {
    display: block;
    margin: 0 auto;
    padding: 16px; }

#guide-start-cta-register .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 48px; }
  #guide-start-cta-register .box .img {
    background: url(../images/guide/start-register-bg.png) no-repeat center bottom/cover;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 50%; }
    #guide-start-cta-register .box .img img {
      display: block;
      margin: 0 auto;
      width: 350px; }
  #guide-start-cta-register .box .content {
    padding: 24px;
    width: 50%; }
    #guide-start-cta-register .box .content .button {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 24px;
      max-width: 250px; }
      #guide-start-cta-register .box .content .button .icon {
        margin-right: 4px;
        width: 24px; }

#guide-start-user-howto .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  border-radius: 4px;
  margin: 0 48px; }
  #guide-start-user-howto .box ul li {
    align-items: center;
    border-bottom: 1px solid #d1d7da;
    display: flex;
    position: relative; }
    #guide-start-user-howto .box ul li .text {
      padding: 24px;
      width: calc(100% - 498px); }
      #guide-start-user-howto .box ul li .text h3 {
        font-size: 20px; }
    #guide-start-user-howto .box ul li .img {
      height: 250px;
      overflow: hidden;
      width: 450px; }
      #guide-start-user-howto .box ul li .img img {
        display: block;
        height: 100%;
        margin: 0 auto; }
    #guide-start-user-howto .box ul li:before {
      bottom: -16px;
      border-right: 16px solid transparent;
      border-top: 16px solid #d1d7da;
      border-left: 16px solid transparent;
      content: '';
      display: block;
      height: 0;
      left: 50%;
      margin-left: -8px;
      position: absolute;
      width: 0; }
    #guide-start-user-howto .box ul li:after {
      bottom: -14px;
      border-right: 16px solid transparent;
      border-top: 16px solid #ffffff;
      border-left: 16px solid transparent;
      content: '';
      display: block;
      height: 0;
      left: 50%;
      margin-left: -8px;
      position: absolute;
      width: 0; }
    #guide-start-user-howto .box ul li:last-child {
      border: none; }
      #guide-start-user-howto .box ul li:last-child:before {
        bottom: 0;
        border: none;
        content: '';
        display: block; }
      #guide-start-user-howto .box ul li:last-child:after {
        bottom: 0;
        border: none;
        content: '';
        display: block; }

#guide-start-user-scene .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  border-radius: 4px;
  margin: 0 48px; }
  #guide-start-user-scene .box ul {
    align-items: flex-start;
    display: flex;
    padding: 24px; }
    #guide-start-user-scene .box ul li {
      width: 25%; }
      #guide-start-user-scene .box ul li img {
        display: block;
        margin: 0 auto;
        width: 150px; }
      #guide-start-user-scene .box ul li h4 {
        margin-top: 16px; }

#guide-start-suggest-preorder .box {
  background: #ffffff;
  margin: 0 48px; }

#guide-start-cta-search .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 48px; }
  #guide-start-cta-search .box .img {
    background: url(../images/guide/start-search-bg.png) no-repeat center top/cover;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 300px;
    overflow: hidden;
    width: 50%; }
    #guide-start-cta-search .box .img img {
      display: block;
      margin: -25px auto 0;
      width: 350px; }
  #guide-start-cta-search .box .content {
    padding: 24px;
    width: 50%; }
    #guide-start-cta-search .box .content .button {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 24px;
      max-width: 250px; }
      #guide-start-cta-search .box .content .button .icon {
        margin-right: 4px;
        width: 24px; }

@media screen and (max-width: 1023px) {
  #guide-start-hero .content .text {
    width: calc(100% - 400px); }
    #guide-start-hero .content .text .catch {
      display: block;
      font-size: 28px;
      margin: 0; }
      #guide-start-hero .content .text .catch img {
        width: 200px; }
  #guide-start-hero .content .img {
    margin-right: 32px;
    width: 400px; }
  #guide-start-merit .col2-container {
    display: block; }
    #guide-start-merit .col2-container .col2-container-left {
      margin: 0 0 16px; }
      #guide-start-merit .col2-container .col2-container-left .box {
        margin: 0 48px; }
    #guide-start-merit .col2-container .col2-container-right .box {
      margin: 0 48px; }
  #guide-start-cta-register .box .img img {
    margin: 0 auto;
    width: 300px; }
  #guide-start-user-howto .box ul li .text {
    width: calc(100% - 348px); }
  #guide-start-user-howto .box ul li .img {
    height: 200px;
    width: 300px; }
  #guide-start-user-scene .box ul li img {
    width: 120px; }
  #guide-start-cta-search .box .img img {
    margin: 0 auto;
    width: 300px; }
  #owner-cta .col .img img {
    margin: 0 auto;
    width: 300px; } }

@media screen and (max-width: 767px) {
  #guide-start-hero .content {
    display: block; }
    #guide-start-hero .content .text {
      margin: 0 auto;
      padding: 48px 32px 0;
      text-align: center;
      width: calc(100% - 64px); }
    #guide-start-hero .content .img {
      height: 300px;
      margin: 0;
      width: auto; }
      #guide-start-hero .content .img img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
  #guide-start-about .box {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0;
    padding: 16px; }
    #guide-start-about .box p {
      padding: 0;
      width: 100%; }
    #guide-start-about .box .img {
      width: 100%; }
  #guide-start-merit .col2-container .col2-container-left .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-merit .col2-container .col2-container-left .box .img {
      border-radius: 0; }
  #guide-start-merit .col2-container .col2-container-right .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-merit .col2-container .col2-container-right .box .img {
      border-radius: 0; }
  #guide-start-merit ul li {
    padding: 16px; }
  #guide-start-merit .more {
    padding: 0; }
  #guide-start-cta-register .box {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0; }
    #guide-start-cta-register .box .img {
      border-radius: 0;
      width: 100%; }
      #guide-start-cta-register .box .img img {
        max-width: 300px;
        width: 100%; }
    #guide-start-cta-register .box .content {
      padding: 16px;
      text-align: center;
      width: calc(100% - 32px); }
      #guide-start-cta-register .box .content .button {
        margin: 0 auto; }
  #guide-start-user-howto .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-user-howto .box ul li {
      display: block; }
      #guide-start-user-howto .box ul li .text {
        padding: 16px 16px 0;
        width: calc(100% - 32px); }
      #guide-start-user-howto .box ul li .img {
        height: 250px;
        margin: 0 auto;
        max-width: 300px;
        width: 100%; }
        #guide-start-user-howto .box ul li .img img {
          height: 100%;
          margin: 0 auto;
          width: auto; }
  #guide-start-user-scene .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-user-scene .box ul {
      flex-wrap: wrap;
      padding: 16px; }
      #guide-start-user-scene .box ul li {
        margin-bottom: 16px;
        width: 50%; }
  #guide-start-suggest-preorder .box {
    margin: 0; }
  #guide-start-cta-search .box {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0; }
    #guide-start-cta-search .box .img {
      border-radius: 0;
      width: 100%; }
      #guide-start-cta-search .box .img img {
        max-width: 300px;
        width: 100%; }
    #guide-start-cta-search .box .content {
      padding: 16px;
      text-align: center;
      width: calc(100% - 32px); }
      #guide-start-cta-search .box .content .button {
        margin: 0 auto; } }

#history-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }

#history-content .card-container {
  margin: 16px 48px; }

@media screen and (max-width: 767px) {
  #history-content.box-container {
    margin-bottom: 48px; }
  #history-content .card-container {
    margin: 16px 0; } }

#receipt-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }
  #receipt-content.box-container h2 {
    font-size: 20px;
    margin: 48px 48px 24px; }

#receipt-content .card-container {
  margin: 16px 48px; }
  #receipt-content .card-container .card-parking {
    margin: 0 0 16px !important; }
  #receipt-content .card-container .card .card-inner {
    border-radius: 4px;
    border-top: solid 16px #383850;
    display: flex;
    padding: 16px 40px; }
    #receipt-content .card-container .card .card-inner .logo-box {
      align-items: center;
      display: flex;
      justify-content: center;
      width: 136px; }
      #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner {
        display: block;
        text-align: center; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner img {
          width: 100%; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title h3 {
          font-size: 20px;
          letter-spacing: 0.05em;
          line-height: 2em; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title h4 {
          font-size: 12px;
          line-height: 0.7em; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title h5 {
          font-size: 10px;
          line-height: 2em; }
    #receipt-content .card-container .card .card-inner .information-box {
      margin-left: auto;
      width: 448px; }
      #receipt-content .card-container .card .card-inner .information-box .information-list > li {
        border-bottom: solid 1px #D8D7DD;
        padding: 16px; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li:last-child {
          border: none;
          padding-bottom: 0; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li dl {
          align-items: center;
          display: flex;
          margin-block-start: 0;
          margin-block-end: 0; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dt {
            font-size: 12px;
            width: calc(6em + 64px); }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd {
            font-size: 14px;
            line-height: 1.6em;
            margin-inline-start: 0px;
            width: 100%; }
            #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd span {
              vertical-align: middle; }
            #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd .name-input {
              border: solid 1px #D8D7DD;
              height: auto;
              margin-right: 1em;
              padding: 8px 16px;
              width: calc(100% - 2em); }
            #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd .name-fix {
              margin-right: 8px; }
            #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd .tax {
              font-size: 10px;
              left: 0.2em;
              position: relative; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li dl .hidden-print {
            display: block; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li dl .hidden-except-print {
            display: none; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li dl p {
            font-size: 14px;
            line-height: 1.2em; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li .company-name {
          align-items: center;
          display: flex; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li .company-name img {
            width: 75px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li .company-name span {
            font-size: 16px;
            margin-left: 0.1em; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li .company-address {
          font-size: 12px;
          width: 100%;
          word-break: break-word; }

#receipt-content .link-box {
  margin: 48px 48px 24px; }
  #receipt-content .link-box .link-box-inner {
    display: flex;
    justify-content: center; }
    #receipt-content .link-box .link-box-inner a {
      margin-right: 32px;
      text-align: center;
      width: 300px; }
      #receipt-content .link-box .link-box-inner a:last-child {
        margin-right: 0; }

@media screen and (min-width: 1024px) {
  #receipt-content .card-container .card-parking {
    margin: 0 auto 16px !important;
    max-width: 800px !important;
    min-width: auto !important;
    width: 100% !important; } }

@media screen and (max-width: 767px) {
  #receipt-content.box-container h2 {
    margin: 16px; }
  #receipt-content .card-container {
    margin: 0; }
    #receipt-content .card-container .card .card-inner {
      border-radius: 0;
      display: block;
      justify-content: center;
      padding: 16px; }
      #receipt-content .card-container .card .card-inner .logo-box {
        display: block;
        width: 100%; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner img {
          display: inline-block;
          vertical-align: middle;
          width: 30%; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title {
          display: inline-block;
          padding-left: 16px;
          text-align: left;
          vertical-align: middle; }
      #receipt-content .card-container .card .card-inner .information-box {
        width: 100%; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li {
          padding: 16px 8px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li:last-child {
            padding-bottom: 0; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li dl {
            display: block; }
            #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dt {
              font-size: 12px;
              line-height: 1.2em; }
            #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd {
              font-size: 14px;
              margin-top: 4px;
              padding: 0 8px; }
              #receipt-content .card-container .card .card-inner .information-box .information-list > li dl dd p {
                font-size: 12px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list > li .company-address {
            line-height: 1.5em; }
  #receipt-content .link-box {
    margin: 32px 16px 0 16px; }
    #receipt-content .link-box .link-box-inner {
      display: block; }
      #receipt-content .link-box .link-box-inner a {
        margin-bottom: 16px;
        margin-right: 0;
        width: 100%; }
        #receipt-content .link-box .link-box-inner a:last-child {
          margin-bottom: 0; } }

@page {
  margin: 0;
  size: A4 portrait; }

@media print {
  html, body {
    background-color: #ffffff;
    height: 297mm;
    margin: 0 auto;
    width: 210mm; }
  #global-header-container {
    display: none; }
  .container {
    max-width: 210mm; }
  .before-footer, footer {
    display: none; }
  #receipt-content.box-container {
    margin: 0 auto;
    max-width: 100%; }
    #receipt-content.box-container h2 {
      display: none; }
  #receipt-content .card-container .card {
    border: solid 1px #282838;
    box-shadow: none; }
    #receipt-content .card-container .card .card-inner {
      border-radius: 0; }
      #receipt-content .card-container .card .card-inner .logo-box {
        width: 20%; }
      #receipt-content .card-container .card .card-inner .information-box {
        width: 70%; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li dl .hidden-print {
          display: none; }
        #receipt-content .card-container .card .card-inner .information-box .information-list > li dl .hidden-except-print {
          display: block; }
  #receipt-content .link-box {
    display: none; } }

#reservation-content {
  margin-bottom: 72px;
  max-width: 800px; }
  #reservation-content .card-container {
    margin: 16px 48px; }
    #reservation-content .card-container .card-parking .main .cta .price .fee .fee-cancel {
      color: #d1d7da; }
  #reservation-content .card-parking .main {
    padding: 16px; }
  #reservation-content .used-parking-title {
    margin-bottom: 0; }
  #reservation-content .used-parking-text {
    margin: 8px 48px 24px; }
  #reservation-content .card-parking .main .content .labels {
    margin-top: 0; }
  #reservation-content .reservation-banner {
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 4px; }
    #reservation-content .reservation-banner div {
      padding: 0 8px; }
    #reservation-content .reservation-banner .checkout-banner {
      background-color: #30b1c6; }
  #reservation-content .name {
    line-height: 1.3em; }
  #reservation-content .date {
    margin: 0; }
  #reservation-content .more {
    margin-top: 64px; }
  #reservation-content .button-cta-reservation-secondary {
    background-color: #ffffff;
    border: 1px solid #00b893;
    color: #00b893; }
    #reservation-content .button-cta-reservation-secondary:hover {
      background-color: #f0f0f2;
      border: 1px solid #00b893;
      color: #00b893; }
  #reservation-content .no-reservation-text {
    margin-left: 48px; }
    #reservation-content .no-reservation-text p {
      margin: 0; }

@media screen and (max-width: 767px) {
  #reservation-content {
    margin-bottom: 48px; }
    #reservation-content .card-container {
      margin: 0; }
    #reservation-content .card-parking .main .cta .price {
      width: calc(100% - 140px); }
    #reservation-content .card-parking .main .cta .price .fee .display {
      font-size: 20px; }
    #reservation-content .card-parking .main .cta .buttons {
      width: 140px; }
    #reservation-content .used-parking-text {
      margin: 8px 16px 16px; }
    #reservation-content .no-reservation-text {
      margin-left: 16px; } }

#enquete-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }
  #enquete-content.box-container h2 {
    font-size: 20px;
    margin: 48px 48px 24px; }
  #enquete-content.box-container .alert_text {
    color: #FF6366;
    font-size: 14px;
    margin: 0 0 32px 48px; }
  #enquete-content.box-container .card-container {
    margin: 16px 32px; }
    #enquete-content.box-container .card-container .enquete-description {
      padding: 40px; }
      #enquete-content.box-container .card-container .enquete-description p {
        margin-bottom: 8px; }
        #enquete-content.box-container .card-container .enquete-description p:last-child {
          margin-bottom: 0; }
    #enquete-content.box-container .card-container .enquete-item > li {
      border-top: 1px solid #d1d7da;
      padding: 40px; }
      #enquete-content.box-container .card-container .enquete-item > li .enquete-subtitle {
        color: #898896;
        line-height: 1.5em;
        margin: 0 0 24px;
        font-size: 12px; }
      #enquete-content.box-container .card-container .enquete-item > li h3 {
        display: inline-block;
        font-size: 16px; }
      #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li {
        margin-top: 32px; }
        #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li:first-of-type {
          margin-top: 0; }
        #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-title {
          color: #898896;
          display: inline-block;
          width: calc(5em + 48px); }
        #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio {
          display: inline-block; }
          #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button *,
          #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button *::before,
          #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button *::after {
            box-sizing: border-box; }
          #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button {
            display: inline-block; }
            #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button label {
              cursor: pointer;
              display: inline-block;
              height: 16px;
              line-height: 16px;
              margin-bottom: 0;
              padding: 0 24px;
              position: relative; }
              #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button label::before {
                border: 2px solid #f0f0f2;
                height: 16px;
                left: 0;
                top: 0;
                width: 16px; }
              #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button label::after {
                background: #00b893;
                height: 8px;
                left: 4px;
                top: 4px;
                transform: scale(0);
                width: 8px; }
              #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button label::before, #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button label::after {
                border-radius: 50%;
                content: '';
                position: absolute;
                transition: all .1s ease;
                transition-property: transform, border-color; }
            #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button input[type="radio"]:checked + label::before {
              border-color: #00b893; }
            #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button input[type="radio"]:checked + label::after {
              transform: scale(1); }
      #enquete-content.box-container .card-container .enquete-item > li textarea {
        height: calc( 1.8em * 5 + 33px);
        line-height: 1.8em;
        resize: none; }
      #enquete-content.box-container .card-container .enquete-item > li .reason-for-selection .other-reason-box {
        margin-top: 24px; }
        #enquete-content.box-container .card-container .enquete-item > li .reason-for-selection .other-reason-box p {
          line-height: 1.5em; }
    #enquete-content.box-container .card-container .cta-area {
      padding: 0 40px 40px; }

@media screen and (max-width: 767px) {
  #enquete-content.box-container h2 {
    margin: 16px; }
  #enquete-content.box-container .alert_text {
    margin: 0 0 24px 16px; }
  #enquete-content.box-container .card-container {
    margin: 0; }
    #enquete-content.box-container .card-container .enquete-description {
      padding: 16px; }
    #enquete-content.box-container .card-container .enquete-item > li {
      padding: 16px; }
      #enquete-content.box-container .card-container .enquete-item > li .enquete-subtitle {
        margin: 0 0 16px; }
      #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li {
        margin-top: 24px;
        padding: 0 16px; }
        #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-title {
          display: block;
          margin-bottom: 8px;
          vertical-align: top; }
        #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio {
          display: block;
          vertical-align: top; }
          #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button {
            display: block;
            margin-bottom: 16px; }
          #enquete-content.box-container .card-container .enquete-item > li .enquete-rating > li .enquete-rating-radio .radio-button:last-child {
            margin-bottom: 0; }
      #enquete-content.box-container .card-container .enquete-item > li textarea {
        height: calc( 1.8em * 11 + 33px); }
    #enquete-content.box-container .card-container .cta-area {
      padding: 0 16px 40px; } }

#owner-hero {
  background: url(../images/owner/owner-hero-bg-pc.png) no-repeat center center/cover;
  margin: 0; }
  #owner-hero .content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px; }
    #owner-hero .content .text {
      font-size: 16px;
      margin-left: 48px;
      width: calc(100% - 500px); }
      #owner-hero .content .text .catch {
        font-size: 42px;
        margin-bottom: 24px; }
    #owner-hero .content .img {
      margin-right: 48px;
      overflow: hidden;
      width: 500px; }
      #owner-hero .content .img img {
        display: block;
        width: 100%; }

#owner-contrivance .col {
  align-items: center;
  display: flex;
  padding: 24px; }
  #owner-contrivance .col img {
    display: block;
    margin: 0 auto;
    width: 60%; }

#owner-trouble .trouble img {
  display: block;
  margin: 0 auto;
  width: 100%; }

#owner-trouble .answer {
  background: #ff6b3d;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 32px;
  position: relative;
  text-align: center; }
  #owner-trouble .answer:after {
    border: 16px solid transparent;
    border-top: 16px solid #ffffff;
    content: "";
    left: 50%;
    margin-left: -16px;
    position: absolute;
    top: 0; }

#owner-merit ul li {
  align-items: center;
  border-bottom: 1px solid #d1d7da;
  display: flex;
  position: relative; }
  #owner-merit ul li .text {
    padding: 24px;
    width: calc(100% - 498px); }
    #owner-merit ul li .text h3 {
      font-size: 20px; }
  #owner-merit ul li .img {
    height: 250px;
    overflow: hidden;
    width: 450px; }
    #owner-merit ul li .img img {
      display: block;
      height: 100%;
      margin: 0 auto; }
  #owner-merit ul li:last-child {
    border: none; }

#owner-example .description {
  margin-bottom: 24px;
  padding: 24px;
  text-align: center; }

#owner-example .col3-container .col3-container-left .img,
#owner-example .col3-container .col3-container-center .img,
#owner-example .col3-container .col3-container-right .img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  position: relative; }
  #owner-example .col3-container .col3-container-left .img img,
  #owner-example .col3-container .col3-container-center .img img,
  #owner-example .col3-container .col3-container-right .img img {
    display: block;
    width: 100%; }
  #owner-example .col3-container .col3-container-left .img .pr,
  #owner-example .col3-container .col3-container-center .img .pr,
  #owner-example .col3-container .col3-container-right .img .pr {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    bottom: 0;
    padding-top: 32px;
    position: absolute;
    text-align: center;
    width: 100%; }
    #owner-example .col3-container .col3-container-left .img .pr h3,
    #owner-example .col3-container .col3-container-center .img .pr h3,
    #owner-example .col3-container .col3-container-right .img .pr h3 {
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      padding: 16px; }

#owner-example .col3-container .col3-container-left .content,
#owner-example .col3-container .col3-container-center .content,
#owner-example .col3-container .col3-container-right .content {
  padding: 16px; }
  #owner-example .col3-container .col3-container-left .content .price,
  #owner-example .col3-container .col3-container-center .content .price,
  #owner-example .col3-container .col3-container-right .content .price {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center; }
    #owner-example .col3-container .col3-container-left .content .price span,
    #owner-example .col3-container .col3-container-center .content .price span,
    #owner-example .col3-container .col3-container-right .content .price span {
      color: #ff6b3d;
      font-size: 28px; }
  #owner-example .col3-container .col3-container-left .content .detail,
  #owner-example .col3-container .col3-container-center .content .detail,
  #owner-example .col3-container .col3-container-right .content .detail {
    margin-bottom: 8px; }
    #owner-example .col3-container .col3-container-left .content .detail img,
    #owner-example .col3-container .col3-container-center .content .detail img,
    #owner-example .col3-container .col3-container-right .content .detail img {
      display: block;
      width: 100%; }
  #owner-example .col3-container .col3-container-left .content .tag li,
  #owner-example .col3-container .col3-container-center .content .tag li,
  #owner-example .col3-container .col3-container-right .content .tag li {
    display: inline-block; }

#owner-howto ul li {
  align-items: center;
  border-bottom: 1px solid #d1d7da;
  display: flex;
  position: relative; }
  #owner-howto ul li .text {
    padding: 24px;
    width: calc(100% - 498px); }
    #owner-howto ul li .text h3 {
      font-size: 20px; }
  #owner-howto ul li .img {
    height: 250px;
    overflow: hidden;
    width: 450px; }
    #owner-howto ul li .img img {
      display: block;
      height: 100%;
      margin: 0 auto; }
  #owner-howto ul li:before {
    bottom: -16px;
    border-right: 16px solid transparent;
    border-top: 16px solid #d1d7da;
    border-left: 16px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0; }
  #owner-howto ul li:after {
    bottom: -14px;
    border-right: 16px solid transparent;
    border-top: 16px solid #ffffff;
    border-left: 16px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0; }
  #owner-howto ul li:last-child {
    border: none; }
    #owner-howto ul li:last-child:before {
      bottom: 0;
      border: none;
      content: '';
      display: block; }
    #owner-howto ul li:last-child:after {
      bottom: 0;
      border: none;
      content: '';
      display: block; }

#owner-scene ul {
  align-items: flex-start;
  display: flex;
  padding: 24px; }
  #owner-scene ul li {
    width: 25%; }
    #owner-scene ul li img {
      display: block;
      margin: 0 auto;
      width: 150px; }
    #owner-scene ul li h4 {
      margin-top: 16px; }

#owner-voice ul li {
  align-items: center;
  border-bottom: 1px solid #d1d7da;
  display: flex;
  padding: 24px;
  position: relative; }
  #owner-voice ul li .img {
    width: 150px; }
    #owner-voice ul li .img img {
      display: block;
      margin: 0 auto;
      width: 100%; }
  #owner-voice ul li .text {
    padding-left: 16px;
    width: calc(100% - 150px); }
    #owner-voice ul li .text h3 {
      font-size: 16px; }
  #owner-voice ul li:last-child {
    border: none; }

#owner-qa ul li {
  border-bottom: 1px solid #d1d7da;
  padding: 24px; }
  #owner-qa ul li .question {
    display: flex;
    margin-bottom: 8px; }
    #owner-qa ul li .question .head {
      color: #FF6366;
      font-size: 14px;
      font-weight: 600;
      width: 24px; }
    #owner-qa ul li .question .text {
      width: calc(100% - 24px); }
  #owner-qa ul li .answer {
    display: flex; }
    #owner-qa ul li .answer .head {
      color: #00e0b5;
      font-size: 14px;
      font-weight: 600;
      width: 24px; }
    #owner-qa ul li .answer .text {
      width: calc(100% - 24px); }
  #owner-qa ul li:last-child {
    border: none; }

#owner-cta .col {
  display: flex;
  margin: 0 48px 48px; }
  #owner-cta .col .img {
    background: url(../images/guide/start-parking-register-bg.png) no-repeat center bottom/cover;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 320px;
    overflow: hidden;
    width: 50%; }
    #owner-cta .col .img img {
      display: block;
      margin: -25px auto 0;
      width: 350px; }
  #owner-cta .col .content {
    padding: 24px;
    width: 50%; }
    #owner-cta .col .content .button {
      max-width: 250px; }

@media screen and (max-width: 1023px) {
  #owner-hero {
    height: auto; }
    #owner-hero .content .text {
      width: calc(100% - 360px); }
      #owner-hero .content .text .catch {
        font-size: 28px; }
      #owner-hero .content .text p {
        font-size: 14px; }
    #owner-hero .content .img {
      width: 360px; }
  #owner-contrivance .col {
    display: block; }
    #owner-contrivance .col img {
      width: 100%; }
  #owner-merit ul li .text {
    width: calc(100% - 348px); }
  #owner-merit ul li .img {
    height: 200px;
    width: 300px; }
  #owner-howto ul li .text {
    width: calc(100% - 348px); }
  #owner-howto ul li .img {
    height: 200px;
    width: 300px; }
  #owner-scene ul li img {
    width: 120px; }
  #owner-cta .col .img img {
    margin: 0 auto;
    width: 300px; } }

@media screen and (max-width: 767px) {
  #owner-hero {
    background: url(../images/owner/owner-hero-bg-sp.png) no-repeat center bottom/cover;
    justify-content: flex-start;
    height: auto; }
    #owner-hero .content {
      display: block;
      padding: 32px 16px 0;
      width: calc(100% - 32px); }
      #owner-hero .content .text {
        margin: 0;
        text-align: center;
        width: 100%; }
        #owner-hero .content .text .catch {
          margin-bottom: 16px; }
        #owner-hero .content .text p {
          font-size: 14px; }
      #owner-hero .content .img {
        margin-top: -48px;
        width: 100%; }
  #owner-contrivance .col {
    display: block;
    padding: 16px; }
  #owner-trouble .answer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 24px 16px; }
  #owner-merit ul li {
    display: block; }
    #owner-merit ul li .text {
      padding: 16px 16px 0;
      width: calc(100% - 32px); }
    #owner-merit ul li .img {
      height: 250px;
      margin: 0 auto;
      max-width: 300px;
      width: 100%; }
      #owner-merit ul li .img img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
  #owner-example .description {
    margin-bottom: 16px;
    padding: 16px; }
  #owner-example .col3-container .col3-container-left .img,
  #owner-example .col3-container .col3-container-center .img,
  #owner-example .col3-container .col3-container-right .img {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  #owner-howto ul li {
    display: block; }
    #owner-howto ul li .text {
      padding: 16px 16px 0;
      width: calc(100% - 32px); }
    #owner-howto ul li .img {
      height: 250px;
      margin: 0 auto;
      max-width: 300px;
      width: 100%; }
      #owner-howto ul li .img img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
  #owner-scene ul {
    flex-wrap: wrap;
    padding: 16px; }
    #owner-scene ul li {
      margin-bottom: 16px;
      width: 50%; }
  #owner-voice ul li {
    display: block;
    padding: 16px; }
    #owner-voice ul li .img {
      margin: 0 auto 16px;
      width: 150px; }
    #owner-voice ul li .text {
      padding-left: 0;
      width: 100%; }
  #owner-qa ul li {
    padding: 16px; }
  #owner-cta .col {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0 0 32px; }
    #owner-cta .col .img {
      border-radius: 0;
      width: 100%; }
      #owner-cta .col .img img {
        max-width: 300px;
        width: 100%; }
    #owner-cta .col .content {
      padding: 16px;
      text-align: center;
      width: calc(100% - 32px); }
      #owner-cta .col .content .button {
        margin: 0 auto; } }