@charset "UTF-8";
/* Default */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* line 11, app/assets/stylesheets/design/__normalize.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* line 23, app/assets/stylesheets/design/__normalize.scss */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 32, app/assets/stylesheets/design/__normalize.scss */
h1 {
  font-size: 1em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 45, app/assets/stylesheets/design/__normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  margin-top: 15px;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 57, app/assets/stylesheets/design/__normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 69, app/assets/stylesheets/design/__normalize.scss */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 78, app/assets/stylesheets/design/__normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 88, app/assets/stylesheets/design/__normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 98, app/assets/stylesheets/design/__normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/* line 109, app/assets/stylesheets/design/__normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 118, app/assets/stylesheets/design/__normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 126, app/assets/stylesheets/design/__normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 130, app/assets/stylesheets/design/__normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* line 141, app/assets/stylesheets/design/__normalize.scss */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 153, app/assets/stylesheets/design/__normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 169, app/assets/stylesheets/design/__normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 179, app/assets/stylesheets/design/__normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 188, app/assets/stylesheets/design/__normalize.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 199, app/assets/stylesheets/design/__normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 211, app/assets/stylesheets/design/__normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 222, app/assets/stylesheets/design/__normalize.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 233, app/assets/stylesheets/design/__normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 246, app/assets/stylesheets/design/__normalize.scss */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/* line 254, app/assets/stylesheets/design/__normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/* line 263, app/assets/stylesheets/design/__normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 273, app/assets/stylesheets/design/__normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 283, app/assets/stylesheets/design/__normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/* line 292, app/assets/stylesheets/design/__normalize.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 301, app/assets/stylesheets/design/__normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
/* line 313, app/assets/stylesheets/design/__normalize.scss */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 321, app/assets/stylesheets/design/__normalize.scss */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/* line 332, app/assets/stylesheets/design/__normalize.scss */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
/* line 340, app/assets/stylesheets/design/__normalize.scss */
[hidden] {
  display: none;
}

/* line 68, app/assets/stylesheets/design/__mixin.scss */
.history_tag:after {
  clear: both;
  content: "";
  display: block;
}

/* line 76, app/assets/stylesheets/design/__mixin.scss */
.mypage_links, .order_confirm_list ul, .history_tag, .nav_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Adjust if you needed */
/* line 3, app/assets/stylesheets/design/_default.scss */
html, body {
  font-size: 62.5%;
}

/* line 6, app/assets/stylesheets/design/_default.scss */
body {
  background: #eff0f2;
  color: #333333;
  font-family: Helvetica, Arial, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

/* line 14, app/assets/stylesheets/design/_default.scss */
::selection {
  color: white;
  background: deepskyblue;
}

/* line 19, app/assets/stylesheets/design/_default.scss */
a {
  color: #3c90d8;
  text-decoration: none;
  cursor: pointer;
  transition: all .3s;
}

/* line 23, app/assets/stylesheets/design/_default.scss */
a:hover {
  color: #91c0e9;
  text-decoration: none;
}

/* line 27, app/assets/stylesheets/design/_default.scss */
a:focus {
  outline: none;
}

/* line 33, app/assets/stylesheets/design/_default.scss */
a:focus, *:focus {
  outline: none;
}

@media print {
  /* line 37, app/assets/stylesheets/design/_default.scss */
  * html body {
    zoom: .7;
  }
}

/* line 42, app/assets/stylesheets/design/_default.scss */
* {
  box-sizing: border-box;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 5, app/assets/stylesheets/design/_common.scss */
.subbody {
  margin: 7px 1%;
  padding-bottom: 80px;
  padding-top: 35px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbody_search {
  margin-top: -25px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbody_details {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 140px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbody_nobottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 31, app/assets/stylesheets/design/_common.scss */
.order_btn a,
.order_btn input {
  background-color: #3c90d8;
  border: none;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px;
  font-weight: bold;
  display: block;
  position: fixed;
  bottom: 70px;
  width: 98%;
  text-decoration: none;
}

/* line 47, app/assets/stylesheets/design/_common.scss */
.order_btn_nofix a,
.order_btn_nofix input {
  position: static;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 58, app/assets/stylesheets/design/_common.scss */
.btn, .btn-third, .btn-full, .btn-herf, .btn-herf-second, .btn-disable, .btn-red, .btn-second {
  background-color: #3c90d8;
  border: none;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  border-radius: 5px;
  font-weight: bold;
  width: 98%;
  margin: 10px auto;
  text-decoration: none;
  display: flex !important;
  justify-content: center;
  align-items: center;
  line-height: 1.25;
}

/* line 73, app/assets/stylesheets/design/_common.scss */
.btn img, .btn-third img, .btn-full img, .btn-herf img, .btn-herf-second img, .btn-disable img, .btn-red img, .btn-second img {
  width: 20px;
  margin-right: 3px;
}

/* line 79, app/assets/stylesheets/design/_common.scss */
.btn-second {
  background: #f5b527 !important;
}

/* line 84, app/assets/stylesheets/design/_common.scss */
.btn-red {
  background: #c31717 !important;
}

/* line 89, app/assets/stylesheets/design/_common.scss */
.btn-disable {
  background: #ddd;
}

/* line 94, app/assets/stylesheets/design/_common.scss */
.btn-herf, .btn-herf-second {
  padding: 8px 0 !important;
  width: 49.2% !important;
  line-height: 1.35;
}

/* line 101, app/assets/stylesheets/design/_common.scss */
.btn-full {
  padding: 8px 0 !important;
  width: 100% !important;
  line-height: 1.35;
}

/* line 108, app/assets/stylesheets/design/_common.scss */
.btn-herf-second {
  background: #f5b527 !important;
}

/* line 113, app/assets/stylesheets/design/_common.scss */
.btn-third {
  flex-direction: column;
  padding: 8px 0 !important;
  width: 32.5% !important;
  margin: 0 !important;
  line-height: 1.35;
  background: #ddd;
}

/* line 123, app/assets/stylesheets/design/_common.scss */
.btn-third.active {
  background: #3c90d8 !important;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 131, app/assets/stylesheets/design/_common.scss */
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
> .uppy-Dashboard-inner {
  overflow: visible !important;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 140, app/assets/stylesheets/design/_common.scss */
.xdsoft_datetimepicker {
  left: 0px !important;
  top: 30% !important;
  width: 100%;
}

/* line 144, app/assets/stylesheets/design/_common.scss */
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
  height: 300px;
  margin-left: 4px;
}

/* line 148, app/assets/stylesheets/design/_common.scss */
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar {
  height: 100%;
}

/* line 150, app/assets/stylesheets/design/_common.scss */
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table {
  height: 90%;
}

/* line 3, app/assets/stylesheets/design/_login.scss */
.body_login {
  margin: 0;
  color: #fff;
}

/* line 10, app/assets/stylesheets/design/_login.scss */
.cast_serch_box {
  margin-left: auto;
  max-width: 260px;
  padding-right: 15px;
}

/* line 15, app/assets/stylesheets/design/_login.scss */
.cast_serch {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  color: black;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* line 29, app/assets/stylesheets/design/_login.scss */
.support_review {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  color: black;
  margin: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 40, app/assets/stylesheets/design/_login.scss */
.cast_review_text {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  color: black;
  margin: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* line 50, app/assets/stylesheets/design/_login.scss */
.cast_review_text img {
  border-radius: 50%;
  text-align: center;
  width: 32%;
}

/* line 56, app/assets/stylesheets/design/_login.scss */
.cast_image {
  text-align: center;
}

/* line 59, app/assets/stylesheets/design/_login.scss */
.cast_review_box {
  margin-top: 10px;
  color: #ba9323;
  border: 1px solid #ba9323;
  padding: 15px 20px;
  border-radius: 4px;
  position: relative;
  text-align: center;
}

/* line 68, app/assets/stylesheets/design/_login.scss */
.left {
  display: inline;
}

/* line 71, app/assets/stylesheets/design/_login.scss */
.zaikai {
  width: 300px;
  height: auto;
  text-align: center;
  display: block;
}

/* line 77, app/assets/stylesheets/design/_login.scss */
.enjoy_img img {
  max-width: 100vw;
  max-height: 400px;
}

/* line 89, app/assets/stylesheets/design/_login.scss */
.inner {
  width: 90%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* line 92, app/assets/stylesheets/design/_login.scss */
.covid19 {
  padding: 8px;
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}

/* line 97, app/assets/stylesheets/design/_login.scss */
.covid19 a {
  color: white;
  font-size: 95%;
  font-weight: bold;
}

/* line 104, app/assets/stylesheets/design/_login.scss */
.login-list-sns {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 114, app/assets/stylesheets/design/_login.scss */
.login-list-sns li {
  margin: 0 0 0 5px;
}

/* line 116, app/assets/stylesheets/design/_login.scss */
.login-list-sns li a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  border-radius: 6px;
  box-shadow: 0 0 3px #fff;
}

/* line 130, app/assets/stylesheets/design/_login.scss */
.login-list-sns_home {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 136, app/assets/stylesheets/design/_login.scss */
.login-list-sns_home li {
  margin: 0 0 0 8px;
}

/* line 138, app/assets/stylesheets/design/_login.scss */
.login-list-sns_home li a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  border-radius: 6px;
  box-shadow: 0 0 3px #fff;
}

/* line 152, app/assets/stylesheets/design/_login.scss */
.login-list-sns__insta {
  background: linear-gradient(135deg, #427eff, #f13f79 70%) no-repeat;
}

/* line 155, app/assets/stylesheets/design/_login.scss */
.login-list-sns__tw {
  background-color: #318dc4;
}

/* line 158, app/assets/stylesheets/design/_login.scss */
.login-list-sns__you {
  background-color: #ff0000;
}

/********************************
　ヘッダー
********************************/
/* line 165, app/assets/stylesheets/design/_login.scss */
.login-header {
  /*background-image: url(/assets/images/ima_top_1200_1530.jpg);*/
  background-image: url(/assets/login-header-bg-7e0d093035cbeee038970e89261e6c645ef05690a6271f22429dd11c9063f696.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: 10px;
}

/* line 173, app/assets/stylesheets/design/_login.scss */
.login-cast-header {
  margin-bottom: 25px;
}

/*** 財界にいがた ***/
/* line 177, app/assets/stylesheets/design/_login.scss */
.login-header__info {
  width: 90%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  background-color: #c0961e;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 5px;
  text-align: center;
}

/* line 187, app/assets/stylesheets/design/_login.scss */
.login-header__info:hover {
  color: #fff;
}

/*** 白グラデーション ***/
/* line 192, app/assets/stylesheets/design/_login.scss */
.login-header__grade {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 75%, transparent);
  padding: 5px 0 0px;
  margin-top: 10px;
}

/* line 201, app/assets/stylesheets/design/_login.scss */
.login-header__logo {
  width: 85%;
  margin: 0 !important;
  margin-left: 5%;
}

/* line 205, app/assets/stylesheets/design/_login.scss */
.login-header__logo span {
  color: #ff00e0;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 1px 1px #bdbdbd;
  z-index: 5;
  position: absolute;
  top: 15%;
  left: -10px;
}

/* line 216, app/assets/stylesheets/design/_login.scss */
.login-header__sns {
  flex: 1;
}

/*** キャンペーン ***/
/* line 220, app/assets/stylesheets/design/_login.scss */
.login-header__campaign {
  background-color: rgba(246, 0, 160, 0.8);
  padding: 20px 0;
  margin-top: 10px;
  text-align: center;
}

/* line 225, app/assets/stylesheets/design/_login.scss */
.login-header__campaign span {
  color: #ffff7f;
}

/* line 227, app/assets/stylesheets/design/_login.scss */
.login-header__campaign span span {
  font-size: 20px;
  font-weight: bold;
}

/* line 233, app/assets/stylesheets/design/_login.scss */
.login-header__campaign__bar {
  background-color: #fff;
  color: #ba9323;
  border-radius: 6px;
  margin-bottom: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px 0;
}

/********************************
　上部ロゴ
********************************/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login-logo_wrapper {
  display: flex;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login-logo_title {
  width: 50%;
  max-width: 240px;
  padding: 0 4px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login-logo_cast {
  width: 45%;
  margin-left: 2%;
  max-width: 240px;
}

/* line 262, app/assets/stylesheets/design/_login.scss */
.login-logo_cast a {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  text-align: center;
  line-height: 1.25;
  border: solid 1px #3c90d8;
  border-radius: 5px;
}

/********************************
　メインビジュアル
********************************/
/* line 276, app/assets/stylesheets/design/_login.scss */
#login-header {
  position: relative;
  height: 385px;
}

/* line 279, app/assets/stylesheets/design/_login.scss */
#login-header .video {
  width: 100%;
  height: 385px;
  object-fit: cover;
}

/* line 284, app/assets/stylesheets/design/_login.scss */
#login-header .video-txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 22%;
  margin: auto;
  max-width: 480px;
  text-align: center;
  color: #fff;
}

/* line 294, app/assets/stylesheets/design/_login.scss */
#login-header .video-title {
  font-size: 36px;
  margin-bottom: 15px;
  font-weight: 500;
  text-shadow: 1px 1px 3px #555;
  letter-spacing: 2px;
  line-height: 1.25;
}

/* line 302, app/assets/stylesheets/design/_login.scss */
#login-header .video-title img {
  width: 74px;
  vertical-align: bottom;
  margin-left: 3px;
}

/* line 307, app/assets/stylesheets/design/_login.scss */
#login-header .video-caption {
  font-size: 20px;
  text-shadow: 1px 1px 3px #555;
  margin: 0;
  font-weight: 500;
}

/* line 313, app/assets/stylesheets/design/_login.scss */
#login-header .video-logo {
  width: 220px;
  margin: auto;
}

/********************************
　今すぐ無料登録
********************************/
/* line 321, app/assets/stylesheets/design/_login.scss */
.login-media {
  font-size: 20px;
  margin-top: 20px;
}

/* line 325, app/assets/stylesheets/design/_login.scss */
.cast_line_box {
  color: black;
}

/* line 328, app/assets/stylesheets/design/_login.scss */
.cast_line_orange {
  color: orange;
}

/* line 331, app/assets/stylesheets/design/_login.scss */
.login-register {
  text-align: center;
}

/* line 334, app/assets/stylesheets/design/_login.scss */
.login-register__box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  margin-bottom: 12px;
}

/* line 341, app/assets/stylesheets/design/_login.scss */
.login-register__box__title {
  font-weight: bold;
  font-size: 15px;
  color: #333;
}

/* line 345, app/assets/stylesheets/design/_login.scss */
.login-register__box__title span {
  font-weight: normal;
  font-size: 13px;
  margin-top: 10px;
  display: inline-block;
}

/* line 352, app/assets/stylesheets/design/_login.scss */
.login-register__box__box {
  color: #1dcd00;
  border: 1px solid #1dcd00;
  padding: 7px 20px;
  display: inline-block;
  text-align: left;
  margin: 15px auto;
  line-height: 1.8;
}

/* line 363, app/assets/stylesheets/design/_login.scss */
.login-register__box__btn a div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}

/* line 368, app/assets/stylesheets/design/_login.scss */
.login-register__box__btn a div figure {
  margin: 0;
  width: 2.5em;
}

/* line 371, app/assets/stylesheets/design/_login.scss */
.login-register__box__btn a div figure img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* line 377, app/assets/stylesheets/design/_login.scss */
.login-register__box__btn a div p {
  font-size: 15px;
  margin: 0 15px;
  text-align: center;
  flex: 1;
  letter-spacing: 1px;
  line-height: 1.4;
}

/* line 384, app/assets/stylesheets/design/_login.scss */
.login-register__box__btn a div p span {
  display: block;
  letter-spacing: 0;
}

/* line 389, app/assets/stylesheets/design/_login.scss */
.login-register__box__btn a div i {
  font-size: 15px;
}

/* line 396, app/assets/stylesheets/design/_login.scss */
.login-register-cast .btn, .login-register-cast .btn-second, .login-register-cast .btn-red, .login-register-cast .btn-disable, .login-register-cast .btn-herf, .login-register-cast .btn-full, .login-register-cast .btn-herf-second, .login-register-cast .btn-third {
  background: #1dcd00;
}

/*** TEL・メール ***/
/* line 401, app/assets/stylesheets/design/_login.scss */
.login-contact {
  margin: 30px 0px;
}

/* line 404, app/assets/stylesheets/design/_login.scss */
.login-contact a i {
  font-size: 20px;
  margin-right: 3px;
}

/* line 410, app/assets/stylesheets/design/_login.scss */
.login-contact__tel span {
  font-size: 15px;
}

/* line 413, app/assets/stylesheets/design/_login.scss */
.login-contact__line span {
  font-size: 15px;
  background-color: #1dcd00;
  color: #fff;
  letter-spacing: 1px;
}

/********************************
　参加店舗一覧
********************************/
/* line 423, app/assets/stylesheets/design/_login.scss */
.home-shops {
  text-align: center;
}

/* line 425, app/assets/stylesheets/design/_login.scss */
.home-shops h2 {
  font-size: 14px;
  white-space: nowrap;
}

/* line 428, app/assets/stylesheets/design/_login.scss */
.home-shops h2 span {
  font-size: 20px;
  color: #ffff7f;
}

/* line 433, app/assets/stylesheets/design/_login.scss */
.home-shops table {
  margin-bottom: 12px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  border-collapse: collapse;
  white-space: normal;
  width: 100%;
  table-layout: fixed;
  background-color: #fff;
}

/* line 443, app/assets/stylesheets/design/_login.scss */
.home-shops table th, .home-shops table td {
  padding: 3px 0;
  color: #463b4b;
}

/* line 447, app/assets/stylesheets/design/_login.scss */
.home-shops table tr:nth-child(even) {
  background-color: #ebf4f9;
}

/* line 451, app/assets/stylesheets/design/_login.scss */
.home-shops table tr:first-child th, .home-shops table tr:first-child td {
  padding-top: 10px !important;
}

/* line 456, app/assets/stylesheets/design/_login.scss */
.home-shops table tr:last-child th, .home-shops table tr:last-child td {
  padding-bottom: 10px !important;
}

/********************************
　使いかたはとっても簡単
********************************/
/* line 468, app/assets/stylesheets/design/_login.scss */
.login-howtouse {
  width: 96%;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

/* line 474, app/assets/stylesheets/design/_login.scss */
.login-howtouse__title {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

/* line 478, app/assets/stylesheets/design/_login.scss */
.login-howtouse__title span {
  position: relative;
  display: inline-block;
  padding: 0 2em;
}

/* line 482, app/assets/stylesheets/design/_login.scss */
.login-howtouse__title span:before, .login-howtouse__title span:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1.5em;
  height: 2px;
  background-color: #c0961e;
}

/* line 492, app/assets/stylesheets/design/_login.scss */
.login-howtouse__title span:before {
  left: 0;
  transform: rotate(60deg);
}

/* line 496, app/assets/stylesheets/design/_login.scss */
.login-howtouse__title span:after {
  right: 0;
  transform: rotate(-60deg);
}

/* line 502, app/assets/stylesheets/design/_login.scss */
.enjoy {
  margin: 25px 0 30px;
}

/* line 506, app/assets/stylesheets/design/_login.scss */
.enjoy-item .img-wrap {
  width: 92%;
  margin: auto;
  border-radius: 10px;
  background: #fff;
  padding: 10px 10px 5px;
}

/* line 512, app/assets/stylesheets/design/_login.scss */
.enjoy-item .img-wrap img {
  border-radius: 5px;
}

/* line 516, app/assets/stylesheets/design/_login.scss */
.enjoy-item .enjoy-item-title {
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
  font-weight: normal;
}

/* line 521, app/assets/stylesheets/design/_login.scss */
.enjoy-item .enjoy-item-title span {
  margin-right: 4px;
  vertical-align: top;
  font-weight: bold;
  color: #3c90d8;
  font-size: 15px;
  background: #fff;
  padding: 7px;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 1;
  border-radius: 50%;
}

/********************************
　人気キャスト紹介
********************************/
/* line 541, app/assets/stylesheets/design/_login.scss */
#ranking_cast_container {
  padding-bottom: 15px;
}

/* line 543, app/assets/stylesheets/design/_login.scss */
#ranking_cast_container h2 {
  text-align: center;
}

/* line 546, app/assets/stylesheets/design/_login.scss */
#ranking_cast_container .slick-slider {
  max-width: 100vw !important;
}

/* line 551, app/assets/stylesheets/design/_login.scss */
.ranking-list .ranking-ph {
  position: relative;
  width: 58vw;
  height: 45vh;
  margin: 0 10px;
  display: flex;
  align-items: flex-end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  overflow: hidden;
}

/* line 564, app/assets/stylesheets/design/_login.scss */
.ranking-list .ranking-content {
  width: 100%;
  padding: 10px 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}

/* line 570, app/assets/stylesheets/design/_login.scss */
.ranking-list .name-wrap .name {
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
}

/* line 575, app/assets/stylesheets/design/_login.scss */
.ranking-list .name-wrap .age {
  font-size: 10px;
  color: #ffffff;
}

/* line 580, app/assets/stylesheets/design/_login.scss */
.ranking-list .comment {
  margin: 0;
  color: #ffffff;
}

/* line 584, app/assets/stylesheets/design/_login.scss */
.ranking-list .price {
  margin: 0;
  padding-top: 5px;
  border-top: dashed 1px #ccc;
  color: #ffffff;
}

/* line 591, app/assets/stylesheets/design/_login.scss */
.body_login .list_box {
  margin-top: 0;
}

/********************************
　今すぐコンパ(イマコン)とは
********************************/
/* line 597, app/assets/stylesheets/design/_login.scss */
.login-about {
  margin-top: 10px;
  text-align: center;
}

/* line 600, app/assets/stylesheets/design/_login.scss */
.login-about .inner {
  padding: 20px 0;
}

/* line 603, app/assets/stylesheets/design/_login.scss */
.login-about strong {
  font-size: 20px;
  font-weight: normal;
}

/* line 606, app/assets/stylesheets/design/_login.scss */
.login-about strong span {
  color: #ffff7f;
}

/* line 611, app/assets/stylesheets/design/_login.scss */
.login-about__photo {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 615, app/assets/stylesheets/design/_login.scss */
.login-about__photo img {
  width: 100%;
}

/********************************
　イマコン3つの特徴
********************************/
/* line 623, app/assets/stylesheets/design/_login.scss */
.login-3point {
  padding-top: 0px;
  margin-top: 60px;
  background-image: url(/assets/login-5point-bg-2ee9346b04f98564ce24b9e834c00fe45935ddcba7dbaadc3e96a2114c0422e6.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  /*
	p{
		margin: 5px 0 20px 6%!important;
		color: #a80;
		line-height: 20px;
		
		font-weight: bold;
		text-shadow: 0 0 3px #ffffff;
		width: 94%;
  }
  */
}

/* line 630, app/assets/stylesheets/design/_login.scss */
.login-3point h1 {
  font-size: 20px;
  color: #885c5c;
  font-weight: bold;
}

/* line 634, app/assets/stylesheets/design/_login.scss */
.login-3point h1 span {
  font-weight: bold;
  font-size: 20px;
}

/* line 639, app/assets/stylesheets/design/_login.scss */
.login-3point h2 {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: normal;
}

/* line 644, app/assets/stylesheets/design/_login.scss */
.login-3point h2 figure {
  margin: 0 10px 0 0;
  width: 40px;
}

/* line 647, app/assets/stylesheets/design/_login.scss */
.login-3point h2 figure img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* line 653, app/assets/stylesheets/design/_login.scss */
.login-3point h2 span {
  font-size: 15px;
  color: #775846;
  width: 80%;
  text-shadow: 1px 1px 1px #e268684a;
  font-weight: bold;
}

/* line 659, app/assets/stylesheets/design/_login.scss */
.login-3point h2 span span {
  display: inline-block;
}

/********************************
　メディア登録情報
********************************/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.media_wrapper {
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.media_magazine {
  display: flex;
  justify-content: space-evenly;
  width: 96%;
  margin: 0 auto;
  max-width: 480px;
  align-items: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.media_title {
  width: 30%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.media_text {
  width: 58%;
}

/********************************
　ZOOMインストール
********************************/
/* line 702, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box {
  margin-top: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* line 705, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box figure {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
}

/* line 710, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box figure img {
  width: 100%;
  height: auto;
}

/* line 716, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box__text {
  background-color: #fff;
  color: #333;
  padding: 15px;
}

/* line 720, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box__text h2 {
  display: flex;
  align-items: center;
  color: #49b2b9;
  font-size: 15px;
  margin: 0 0 10px !important;
}

/* line 726, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box__text h2 span {
  background-color: #49b2b9;
  color: #fff;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}

/* line 737, app/assets/stylesheets/design/_login.scss */
.login-howtouse__box__text p {
  margin: 0 !important;
}

/********************************
　安心・安全なサービスを目指して
********************************/
/* line 745, app/assets/stylesheets/design/_login.scss */
.login-safty {
  background-color: #fff;
  padding: 20px 0;
  text-align: center;
}

/* line 749, app/assets/stylesheets/design/_login.scss */
.login-safty h1 {
  font-size: 15px;
  color: #333;
  margin: 0 0 10px;
}

/* line 754, app/assets/stylesheets/design/_login.scss */
.login-safty p {
  color: #49b2b9;
  margin: 0;
}

/* line 760, app/assets/stylesheets/design/_login.scss */
.login-safty__box {
  margin-top: 20px;
  margin-left: 0.5em;
  color: #ba9323;
  border: 1px solid #ba9323;
  padding: 15px 20px;
  border-radius: 4px;
  position: relative;
  text-align: left;
}

/* line 769, app/assets/stylesheets/design/_login.scss */
.login-safty__box span {
  position: absolute;
  top: -1em;
  left: -1em;
  background-color: #49b2b9;
  color: #fff;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}

/* line 782, app/assets/stylesheets/design/_login.scss */
.login-safty__box .contact-tel {
  font-size: 20px;
  margin-top: 10px;
}

/********************************
　twitter
********************************/
/* line 791, app/assets/stylesheets/design/_login.scss */
.login-twitter {
  padding: 20px 0;
  background-color: #fff;
}

/* line 794, app/assets/stylesheets/design/_login.scss */
.login-twitter h1 {
  font-size: 15px;
  text-align: center;
  color: #333;
}

/* line 800, app/assets/stylesheets/design/_login.scss */
.wrap-twitter {
  width: 100%;
  height: 300px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/********************************
　footer
********************************/
/* line 812, app/assets/stylesheets/design/_login.scss */
.login-footer {
  padding: 20px 0 40px;
}

/* line 815, app/assets/stylesheets/design/_login.scss */
.login-footer-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 820, app/assets/stylesheets/design/_login.scss */
.login-footer-list li {
  margin: 0;
  padding: 0;
}

/* line 825, app/assets/stylesheets/design/_login.scss */
.login-copyright {
  text-align: right;
  font-size: 10px;
  padding: 10px 0;
}

/* [ Sample ] */
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 37, app/assets/stylesheets/design.scss */
body.body_login {
  background-color: #17cbda;
  background-image: url(/assets/wave_bg-a12b3667a8b3cdc4c7e452cd0cb2d37d95453f5c94f27d47c93af17845238344.png);
  background-size: cover;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 53, app/assets/stylesheets/design.scss */
.logo {
  height: 205px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.logo_copy {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 3px #808080;
  z-index: 5;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.logo_logo {
  text-align: center;
  z-index: 5;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 76, app/assets/stylesheets/design.scss */
.logo_logo img {
  width: 320px;
  position: relative;
  height: auto;
  top: 20px;
}

/* line 85, app/assets/stylesheets/design.scss */
.login {
  margin: 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_bar {
  position: relative;
}

/* line 89, app/assets/stylesheets/design.scss */
.login_bar span {
  color: #fff;
}

/* line 92, app/assets/stylesheets/design.scss */
.login_bar:after {
  display: block;
  content: "";
  height: 1px;
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_button {
  width: 80%;
  margin: 0 auto 60px;
  height: 45px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form {
  margin-top: 30px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail {
  width: 96%;
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail_input {
  width: 73%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail_input_id {
  margin: 10px 0;
}

/* line 116, app/assets/stylesheets/design.scss */
.login_form_mail_input_id input {
  width: 100%;
  height: 30px;
  -webkit-appearance: none;
  border-radius: 5px;
  background-color: #fff;
  border: none;
  padding: 8px 15px;
  color: #333;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail_input_pass {
  margin: 4px 0;
}

/* line 129, app/assets/stylesheets/design.scss */
.login_form_mail_input_pass input {
  width: 100%;
  height: 30px;
  -webkit-appearance: none;
  border-radius: 5px;
  background-color: #fff;
  border: none;
  padding: 8px 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail_input_remind {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 13px !important;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail_enter {
  width: 24%;
  margin-top: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.login_form_mail_enter_button {
  width: 100%;
  -webkit-appearance: none;
  border-radius: 5px;
  background-color: #03545b;
  border: none;
  padding: 28px 0px;
  color: #fff;
}

/* line 164, app/assets/stylesheets/design.scss */
.line_login_button {
  display: block;
  margin-top: 10px;
  text-decoration: none;
  background-color: #13bf00;
  border-radius: 4px;
  color: #fff;
  width: 100%;
  text-align: center;
}

/* line 176, app/assets/stylesheets/design.scss */
.line_login_button .login_or_signup_with_sns_button {
  display: block;
  padding: 10px;
  margin: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: url(/assets/login_line-5cb30d985f4b138acbf2ae87bfc65400801ea7d1ca1c8de0a6649fdd4305f262.png);
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 30px;
  background-position: 29% center;
  width: auto;
  white-space: nowrap;
  text-shadow: none;
}

/* line 192, app/assets/stylesheets/design.scss */
.header_btn_wrap {
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 0px;
  display: flex;
  justify-content: flex-end;
}

/* line 200, app/assets/stylesheets/design.scss */
.header_btn {
  text-align: center;
  width: 36px;
  margin: 0 3px;
}

/* line 204, app/assets/stylesheets/design.scss */
.header_btn img {
  width: 30px;
}

/* line 208, app/assets/stylesheets/design.scss */
.header_btn_txt {
  line-height: 1.2;
  font-size: 9px;
  letter-spacing: -1px;
  display: block;
  font-weight: bold;
  color: #fff;
  width: 134%;
  transform: translateX(-17%);
}

/* line 222, app/assets/stylesheets/design.scss */
.fa-question {
  font-size: 24px;
}

/* line 225, app/assets/stylesheets/design.scss */
.inquiry-btn-wrap {
  z-index: 990;
  position: fixed;
  right: 10px;
}

/* line 230, app/assets/stylesheets/design.scss */
.inquiry {
  display: block;
  text-align: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  padding: 10px;
  padding-top: 5px;
  background: #fff;
  box-shadow: 0px 0px 5px #999;
}

/* line 242, app/assets/stylesheets/design.scss */
.inquiry img {
  width: 35px;
}

/* line 246, app/assets/stylesheets/design.scss */
.inquiry_text {
  display: block;
  color: #999;
  font: inherit;
  position: relative;
  line-height: 1;
  letter-spacing: -1px;
  font-size: 9px !important;
}

/* line 256, app/assets/stylesheets/design.scss */
.imasugu-guide {
  margin-top: -4px;
}

/* line 260, app/assets/stylesheets/design.scss */
.gtm-soudan {
  margin-top: -4px;
}

/* line 264, app/assets/stylesheets/design.scss */
.tweet_btn {
  margin-top: 6px;
}

/* line 268, app/assets/stylesheets/design.scss */
.text-right {
  text-align: right;
}

/********************************
　今すぐ応援オンラインとは
********************************/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ouen_wrapper {
  max-width: 480px;
  margin: 0 auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ouen_logo {
  width: 50%;
  display: block;
  margin: 10px auto -10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ouen_title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin: 10px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ouen_text {
  text-align: justify;
  color: #fff;
  text-align: center;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 303, app/assets/stylesheets/design.scss */
.message_entry {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0px 6px 16px 0px rgba(17, 18, 17, 0.5);
  background-color: #fff;
  padding: 10px;
}

/* line 315, app/assets/stylesheets/design.scss */
.message_entry form .btb.message-send {
  background-color: #3c90d8;
  border: 1px solid #3c90d8;
  border-radius: 7px;
  color: #fff;
  padding: 2%;
  margin-right: 4%;
  display: block;
  width: 31px;
  font-size: 0;
  height: 30px;
  color: transparent;
  background-image: url(/assets/message_icon_send-6867bf43522dd43a49df3789ef9e1ec448f5d2f80a96ff2450c7a57fc59e0650.png);
  background-repeat: no-repeat;
  background-size: 54%;
  background-position: center;
  margin: 3px !important;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_box {
  display: flex;
  width: 100%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_input {
  width: 80%;
  padding-right: 5%;
}

/* line 341, app/assets/stylesheets/design.scss */
.message_entry_input input,
.message_entry_input textarea {
  background-color: #eff0f2;
  padding: 10px 20px;
  border-radius: 20px;
  border: none;
  width: 100%;
  font-size: 13px;
  height: 33px;
  color: #2b2e38;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_right {
  display: flex;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_btn {
  background-repeat: no-repeat;
  background-position: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_btn_ph {
  width: 37px;
  height: 37px;
  background-image: url(/assets/message_icon_ph-3137d115490aca56a05475463289722a01c40b26b60045a6f5acc2ab0a3f7a5e.png);
  background-size: 64%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_btn_gift {
  width: 42px;
  height: 31px;
  background-image: url(/assets/message_icon_gift-2a87415469f18dcfdc9a4899d091392948fd88505b643c98fc40b473bd9c1858.png);
  background-size: 50%;
  background-color: transparent;
  border: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_entry_btn_date {
  width: 24px;
  height: 29px;
  background-image: url(/assets/message_icon_date-c8ccf2ffd452fbcd19f157006cb413ee148bfbd20eb30be2e138c9fb7c10c3a9.png);
  background-size: 95%;
  background-color: transparent;
  border: none;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 388, app/assets/stylesheets/design.scss */
.nav {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0px 6px 16px 0px rgba(17, 18, 17, 0.5);
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.nav_list {
  position: relative;
  z-index: 2;
  display: flex;
}

/* line 417, app/assets/stylesheets/design.scss */
.nav_list li {
  width: 25%;
  text-align: center;
}

/* line 420, app/assets/stylesheets/design.scss */
.nav_list li a {
  color: #b2b2b2;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding: 40px 0 10px 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center 26%;
  position: relative;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.nav_list_badge {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  line-height: 1;
  background-color: #c31717;
  border-radius: 15px;
}

/* line 441, app/assets/stylesheets/design.scss */
.nav_list_badge span {
  color: #fff;
  font-size: 9px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 452, app/assets/stylesheets/design.scss */
.nav_list-home-cast a {
  background-image: url(/assets/nav_icon_home1-32303725a1658472d3dcb2d90964f7022ce9dc14ecdb6445a9d04f422eb7ddf8.jpg);
  background-size: 32%;
}

/* line 457, app/assets/stylesheets/design.scss */
.nav_list-home-cast.nav_list-active a {
  background-image: url(/assets/nav_icon_home1_active-8f6777863574640ef1e9241f3c64bd4165f04ce43ffa30cce10cf918e892423d.jpg);
  color: #17cbda;
}

/* line 464, app/assets/stylesheets/design.scss */
.nav_list-home a {
  background-image: url(/assets/nav_icon_home-e174bf87bc62c781621e46625aef72cda848547b8a9e6b36660bff024d0a0a89.png);
  background-size: 32%;
}

/* line 469, app/assets/stylesheets/design.scss */
.nav_list-home.nav_list-active a {
  background-image: url(/assets/nav_icon_home_active-47bcaf2992ef2dd951ea8e15137ca7e18e9c9edd4c0b5e28edf7479409784809.png);
  color: #17cbda;
}

/* line 476, app/assets/stylesheets/design.scss */
.nav_list-message a {
  background-image: url(/assets/nav_icon_message-fa608e690994a1bacef64cfd3667e05a5e8a9c862f345c5ff9caf2e2ebb258a8.png);
  background-size: 30%;
  background-position: center 31% !important;
}

/* line 482, app/assets/stylesheets/design.scss */
.nav_list-message.nav_list-active a {
  background-image: url(/assets/nav_icon_message_active-317c639ace10be1a33c2f4d51ec2212f5b753c3edfd7daa3d91cd8217d7ff8dc.png);
  color: #17cbda;
}

/* line 489, app/assets/stylesheets/design.scss */
.nav_list-search a {
  background-image: url(/assets/nav_icon_search-165d37594320fa0d604a301c02d4b1056149769098da624eebdfb2ebe6ed0fe1.png);
  background-size: 32%;
}

/* line 494, app/assets/stylesheets/design.scss */
.nav_list-search.nav_list-active a {
  background-image: url(/assets/nav_icon_search_active-d6ea7e8843cc91e417dfe026ebd91b8d268769573d16b045b0ff677efe34507c.png);
  color: #17cbda;
}

/* line 501, app/assets/stylesheets/design.scss */
.nav_list-tweet a {
  background-image: url(/assets/nav_icon_tweet-388cad778d91f1a6c70bc6fda5f8577252c7aee1345199dbf8a087344c8c4f6d.png);
  background-size: 27%;
  background-position: center 30% !important;
}

/* line 507, app/assets/stylesheets/design.scss */
.nav_list-tweet.nav_list-active a {
  background-image: url(/assets/nav_icon_tweet_active-7ded6145656c87e08bd216b02ed840cc742bc745483f6797a18bd19cf7b7c50d.png);
  color: #17cbda;
}

/* line 514, app/assets/stylesheets/design.scss */
.nav_list-ranking a {
  background-image: url(/assets/nav_icon_ranking-fd419c30b05d87e05f8611775e97fb44b826f07ca60863f006f88fcced33c4a7.png);
  background-size: 34%;
}

/* line 519, app/assets/stylesheets/design.scss */
.nav_list-ranking.nav_list-active a {
  background-image: url(/assets/nav_icon_ranking_active-602513aa1eb09aa58b988a1dd00cd6989f4027d6838fb57ea8346738e17e77a3.png);
  color: #17cbda;
}

/* line 526, app/assets/stylesheets/design.scss */
.nav_list-support a {
  background-image: url(/assets/nav_icon_support-8e584061f5dd65749ac64632cccdb5321e09994b2eeb1981a5199a6b87bd7eb9.png);
  background-size: 26%;
}

/* line 531, app/assets/stylesheets/design.scss */
.nav_list-support.nav_list-active a {
  background-image: url(/assets/nav_icon_support_active-cdd24fe385a3639eedd98e1cbb19a4a6a27244dd89a56c01f4ec734613f93b4a.png);
  color: #17cbda;
}

/* line 538, app/assets/stylesheets/design.scss */
.nav_list-freeorder a {
  background-image: url(/assets/nav_icon_freeorder-e35d012aaa7f50f9c45602e5ebb9b4df7ace6a07bf307cce528b2043c4ebc45e.png);
  background-size: 26%;
}

/* line 543, app/assets/stylesheets/design.scss */
.nav_list-freeorder.nav_list-active a {
  background-image: url(/assets/nav_icon_freeorder_active-b22747639d38886af86c64ce826804ea314f43a3051c8e104ff6b91f24cbffc5.png);
  color: #17cbda;
}

/* line 550, app/assets/stylesheets/design.scss */
.nav_list-calculation a {
  background-image: url(/assets/nav_icon_calculation-d7a510d6877604457bacfc1e143888fdf05b741f4869b1a4cb0fb1c1bb61bb6d.png);
  background-size: 26%;
}

/* line 555, app/assets/stylesheets/design.scss */
.nav_list-calculation.nav_list-active a {
  background-image: url(/assets/nav_icon_calculation_active-423f7656e1f00fa0e857c81b3e4262dca61e09606e9f8041a3756af86951aca7.png);
  color: #17cbda;
}

/* line 562, app/assets/stylesheets/design.scss */
.nav_list-mypage a {
  background-image: url(/assets/nav_icon_mypage-9e633fe0b49fe38fbd6f827625238fdd11ed5cbdab8340f4ab77c21f07fd2d2a.png);
  background-size: 26%;
}

/* line 567, app/assets/stylesheets/design.scss */
.nav_list-mypage.nav_list-active a {
  background-image: url(/assets/nav_icon_mypage_active-c3063615252fb055265b06067da222780c6202b57bab4bf218c6f1ea8297d8b3.png);
  color: #17cbda;
}

/* line 574, app/assets/stylesheets/design.scss */
.nav_list-restricted a {
  background-image: url(/assets/nav_icon_restricted-903f30ebb37bc6a530d70b760995eafebbffb05c8647e10f092d45525b690792.png);
  background-size: 26%;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 589, app/assets/stylesheets/design.scss */
.wave {
  width: 100%;
  height: 420px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

/* line 608, app/assets/stylesheets/design.scss */
.wave:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(/assets/wave_bg-a12b3667a8b3cdc4c7e452cd0cb2d37d95453f5c94f27d47c93af17845238344.png);
  background-size: cover;
  z-index: 4;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.wave_body {
  opacity: 0.4;
  position: absolute;
  top: 5%;
  left: 50%;
  background: #17cbda;
  width: 850px;
  height: 750px;
  margin-left: -425px;
  margin-top: -425px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 6000ms infinite linear;
  z-index: 3;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.wave_body-three {
  animation: drift 8000ms infinite linear;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.wave_body-two {
  animation: drift 10000ms infinite linear;
  opacity: 0.1;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.wave_banner {
  z-index: 5;
  position: absolute;
  left: 20px;
  top: 5%;
  right: 5%;
}

/* line 649, app/assets/stylesheets/design.scss */
.wave_banner img {
  width: 100%;
  height: auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.wave_title {
  z-index: 5;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 30px 0;
}

/* line 664, app/assets/stylesheets/design.scss */
.wave_title img {
  width: 120px;
  height: auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.wave_text {
  z-index: 5;
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 170px;
  left: 0;
  right: 0;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.wave_link {
  z-index: 5;
  color: #fff;
  position: absolute;
  bottom: 80px;
  left: 15%;
  right: 15%;
}

/* line 692, app/assets/stylesheets/design.scss */
.wave_link a {
  display: block;
  text-decoration: none;
  color: #17cbda;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 0;
  font-weight: bold;
  position: relative;
}

/* line 703, app/assets/stylesheets/design.scss */
.wave_link a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #17cbda;
}

/* line 717, app/assets/stylesheets/design.scss */
.wave_link:before {
  position: absolute;
  display: inline-block;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #fff;
  border-radius: 10px;
  animation: circleBorder 1.5s infinite;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.wave_link_name {
  z-index: 5;
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 15%;
  right: 15%;
}

/* line 749, app/assets/stylesheets/design.scss */
.wave_link_name a {
  display: block;
  text-decoration: none;
  color: #17cbda;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 0;
  font-weight: bold;
  position: relative;
}

/* line 760, app/assets/stylesheets/design.scss */
.wave_link_name a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #17cbda;
}

/* line 774, app/assets/stylesheets/design.scss */
.wave_link_name:before {
  position: absolute;
  display: inline-block;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 66%;
  content: "";
  border: 1px solid #fff;
  border-radius: 10px;
  animation: circleBorder 1.5s infinite;
}

@keyframes circleBorder {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(1.06, 1.4);
  }
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 816, app/assets/stylesheets/design.scss */
.iframe-responsive2 {
  margin-top: 5px;
  position: relative;
  width: 100%;
}

/* line 821, app/assets/stylesheets/design.scss */
.iframe-responsive2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 828, app/assets/stylesheets/design.scss */
.home-title {
  padding: 5px 0;
  margin: 15px 0 20px;
  text-align: center;
  position: relative;
  font-size: 20px;
  font-weight: bold;
}

/* line 837, app/assets/stylesheets/design.scss */
.home-title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 3px;
  background: #17cbda;
  border-radius: 5px;
}

/* line 850, app/assets/stylesheets/design.scss */
.home-text {
  text-align: center;
}

/* line 852, app/assets/stylesheets/design.scss */
.home-text span {
  font-size: 15px;
  font-weight: bold;
}

/* line 858, app/assets/stylesheets/design.scss */
.points {
  width: 100%;
  margin: 0 auto;
}

/* line 862, app/assets/stylesheets/design.scss */
.phone_n {
  font-family: YuMincho, "Yu Mincho", serif;
  font-size: 15px;
  text-align: center;
  color: #17cbda;
  font-weight: bold;
  text-decoration: none;
}

/* line 871, app/assets/stylesheets/design.scss */
.inquiry-reception-time {
  text-align: center;
  padding: 8px 0;
  font-size: 15px;
}

/* line 876, app/assets/stylesheets/design.scss */
.address_home {
  max-width: 300px;
}

/* line 879, app/assets/stylesheets/design.scss */
.inquiry-description {
  text-align: center;
  color: #888;
  padding-top: 12px;
}

/* line 885, app/assets/stylesheets/design.scss */
.btn-circle-fishy {
  color: #fff;
  border-radius: 5px;
  text-align: center;
  background-color: #f9fbfa;
  box-shadow: 2px 2px 4px gray;
  margin: 10px auto;
  width: 98%;
}

/* line 894, app/assets/stylesheets/design.scss */
.tc_none {
  text-decoration: none;
}

/* line 898, app/assets/stylesheets/design.scss */
.sub_home-title {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 3px #808080;
  margin: auto;
}

/* line 906, app/assets/stylesheets/design.scss */
.home_guide_block {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 911, app/assets/stylesheets/design.scss */
.home_guide_text {
  text-align: left;
  margin-left: 5px;
}

/* line 915, app/assets/stylesheets/design.scss */
.home_text_weight {
  font-weight: bold;
  font-size: 15px;
}

/* line 919, app/assets/stylesheets/design.scss */
.home_tel_img {
  height: 130px;
  width: auto;
}

/* line 923, app/assets/stylesheets/design.scss */
.welcome_home {
  padding-bottom: 25%;
  padding-top: 17%;
  background-color: #eff0f2;
  background-size: cover;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_frame {
  width: 100%;
  margin: 15px auto 30px;
  padding: 8px;
  color: #606060;
  border: 2px solid #ffffff;
  border-radius: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_frame_title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px #808080;
  margin: 5px 0 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px #808080;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_picture {
  border-radius: 8px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_read {
  color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_point_number {
  margin: 28px 0 0;
  font-size: 20px;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  text-decoration: underline;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_point_text {
  width: 94%;
  margin-left: 6%;
  color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_home_link {
  margin: 20px 10% 0 10%;
}

/* line 976, app/assets/stylesheets/design.scss */
.welcome_home_link a {
  display: block;
  text-decoration: none;
  color: #17cbda;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  padding: 13px 0;
  font-weight: bold;
  position: relative;
}

/* line 987, app/assets/stylesheets/design.scss */
.welcome_home_link a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #17cbda;
}

/* line 1002, app/assets/stylesheets/design.scss */
.welcome_home .home-shops {
  text-align: center;
}

/* line 1004, app/assets/stylesheets/design.scss */
.welcome_home .home-shops h2 {
  font-size: 15px;
  white-space: nowrap;
}

/* line 1007, app/assets/stylesheets/design.scss */
.welcome_home .home-shops h2 span {
  font-size: 20px;
  color: #c31717;
}

/* line 1012, app/assets/stylesheets/design.scss */
.welcome_home .home-shops table {
  border-collapse: collapse;
  white-space: normal;
  width: 100%;
  table-layout: fixed;
}

/* line 1019, app/assets/stylesheets/design.scss */
.welcome_home .home-shops table th, .welcome_home .home-shops table td {
  padding: 4px 0;
}

/* line 1025, app/assets/stylesheets/design.scss */
.home-banner-wrap {
  padding: 7px 0;
}

/* line 1028, app/assets/stylesheets/design.scss */
.home_text {
  font-size: 13px;
  color: #333333;
  text-align: center;
  background-color: #fff;
}

/* line 1034, app/assets/stylesheets/design.scss */
.home_title {
  font-weight: bold;
  font-size: 21px;
  color: #333333;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px #808080;
  margin: 5px 0 10px;
}

/* line 1043, app/assets/stylesheets/design.scss */
.home-contact_block {
  background-color: #fff;
  width: 100%;
  max-width: 700px;
  margin: 0px auto;
  padding: 10px 20px;
}

/* line 1050, app/assets/stylesheets/design.scss */
.home_footer {
  padding: 10px 0px;
}

/* line 1053, app/assets/stylesheets/design.scss */
.home-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 1057, app/assets/stylesheets/design.scss */
.home-contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49%;
  background-color: #f5b527;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  padding: 10px 0;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1068, app/assets/stylesheets/design.scss */
.home-contact a i {
  font-size: 20px;
}

/* line 1076, app/assets/stylesheets/design.scss */
.home_login-footer-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 1081, app/assets/stylesheets/design.scss */
.home_login-footer-list li {
  margin: 0;
  padding: 0;
}

/* line 1085, app/assets/stylesheets/design.scss */
.home_login-footer-list a {
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin: 5px 0;
}

/* line 1092, app/assets/stylesheets/design.scss */
.guide-pic img {
  border-radius: 90px;
}

/* line 1095, app/assets/stylesheets/design.scss */
.flex-guide {
  display: flex;
}

/* line 1098, app/assets/stylesheets/design.scss */
.col2 {
  width: calc(100% / 2);
  padding: 5px;
}

/* line 1102, app/assets/stylesheets/design.scss */
.guide-name {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

/* line 1107, app/assets/stylesheets/design.scss */
.home-guide-text {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 10px;
  padding: 10px;
  font-size: 10px;
}

/* line 1114, app/assets/stylesheets/design.scss */
.home-guide-title {
  font-weight: bold;
  font-size: 13px;
}

/* line 1118, app/assets/stylesheets/design.scss */
.home-reception {
  border: solid 1px #333;
  padding: 8px 0;
  text-align: center;
  background: #fff;
}

/* line 1124, app/assets/stylesheets/design.scss */
.home-guide-tel {
  font-size: 15px;
  line-height: 1;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1133, app/assets/stylesheets/design.scss */
.list {
  margin-top: -80px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.list_wait {
  width: 60px;
  height: 60px;
  border-top-right-radius: 10px;
  position: absolute;
  right: 0;
  z-index: 1;
  background-image: url(/assets/list_wait-2a9451ea4a1cd9d2b7c185a57f3f54cc80542ffca976287c930a83e13692ab3a.png);
  background-size: cover;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.list_nomargin {
  margin-top: 0;
}

/* line 1150, app/assets/stylesheets/design.scss */
.list .slick-track {
  padding-bottom: 10px;
}

/* line 1154, app/assets/stylesheets/design.scss */
.list_box {
  display: block;
  text-decoration: none;
}

/* line 1158, app/assets/stylesheets/design.scss */
.cast-list-box {
  width: 49.5%;
  margin-bottom: 4px;
}

/* line 1162, app/assets/stylesheets/design.scss */
.cast-list-box .cast-list-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

/* line 1169, app/assets/stylesheets/design.scss */
.cast-list-box .business-area-name {
  padding: 2px;
  height: 42px;
  color: #fff;
  text-shadow: 0 0 10px black;
  display: block;
  background: -moz-linear-gradient(top, #000000a0, transparent);
  background: -webkit-linear-gradient(top, #000000a0, transparent);
  background: linear-gradient(to bottom, #000000a0, transparent);
  border-radius: 5px;
}

/* line 1181, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name {
  line-height: 1.25;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0;
  padding-left: 18px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1191, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name .age {
  font-weight: normal;
}

/* line 1194, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name:before {
  z-index: 1;
  position: absolute;
  top: 8px;
  left: -3px;
  width: 15px;
  height: 2px;
  transform: rotate(45deg);
  display: block;
  content: "";
  border: solid 1px #fff;
  border-radius: 11px;
  background-color: #ccc;
}

/* line 1208, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: #ccc;
}

/* line 1220, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name-no-active {
  line-height: 1.25;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
}

/* line 1227, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name-no-active .age {
  font-weight: normal;
  font-size: 13px;
}

/* line 1233, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name-active:before {
  content: none;
}

/* line 1236, app/assets/stylesheets/design.scss */
.cast-list-box .cast-name-active:after {
  background: #0ec357;
}

/* line 1241, app/assets/stylesheets/design.scss */
.cast-list-box .profile-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 4px 2px;
}

/* line 1245, app/assets/stylesheets/design.scss */
.cast-list-box .profile-row .profile-line-notify {
  font-size: 11px;
  padding: 2px 4px 0;
  margin: 0;
  border-radius: 5px;
  background-color: #3FBF00;
  color: white;
  position: relative;
}

/* line 1254, app/assets/stylesheets/design.scss */
.cast-list-box .profile-row .last-activity {
  margin: 0;
  text-align: right;
  font-size: 12px;
  color: #bbb;
}

/* line 1261, app/assets/stylesheets/design.scss */
.cast-list-box .last-activity-margin {
  margin-bottom: 10px;
}

/* line 1265, app/assets/stylesheets/design.scss */
.list_box_ph {
  position: relative;
  width: 100%;
  padding-bottom: 135%;
  border-radius: 5px;
  background-position: center center;
  background-size: cover;
}

/* line 1273, app/assets/stylesheets/design.scss */
.sub-content-box {
  padding: 5px 5px 10px;
  color: #000;
}

/* line 1276, app/assets/stylesheets/design.scss */
.sub-content-box .genre {
  line-height: 1;
}

/* line 1280, app/assets/stylesheets/design.scss */
.icon-flex {
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
  padding-right: 5px;
}

/* line 1286, app/assets/stylesheets/design.scss */
.check_memo_icon {
  width: 33px;
  height: 40px;
  padding-left: 5px;
  display: block;
}

/* line 1291, app/assets/stylesheets/design.scss */
.check_memo_icon img {
  filter: drop-shadow(0px 0px 3px #999);
  opacity: 0.7;
}

/* line 1296, app/assets/stylesheets/design.scss */
.interested-button {
  width: 32px;
  display: block;
}

/* line 1299, app/assets/stylesheets/design.scss */
.interested-button input {
  filter: drop-shadow(0px 0px 3px #999);
  opacity: 0.7;
}

/* line 1304, app/assets/stylesheets/design.scss */
.check_memo_text {
  position: absolute;
  top: 29px;
  right: 9px;
  font-size: 10px;
}

/* line 1310, app/assets/stylesheets/design.scss */
.list_content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  border-radius: 0px 0px 5px 5px;
  padding: 15px 5px 2px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}

/* line 1320, app/assets/stylesheets/design.scss */
.list_content .comment {
  margin: 0;
  font-size: 13px;
  color: #fff;
  margin: 3px 0;
  padding: 0 5px;
}

/* line 1327, app/assets/stylesheets/design.scss */
.list_content .price {
  border-top: 1px dashed #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  font-size: 10px;
}

/* line 1333, app/assets/stylesheets/design.scss */
.list_content .price p {
  width: 49.5%;
  display: flex;
  align-items: center;
  margin: 4px 0 0;
}

/* line 1339, app/assets/stylesheets/design.scss */
.list_content .price img {
  width: 16px;
  margin-right: 1px;
  padding-bottom: 1px;
}

/* line 1345, app/assets/stylesheets/design.scss */
.list_content .point {
  border-top: 1px dashed #fff;
  display: flex;
  margin-top: 5px;
  height: 25px;
}

/* line 1350, app/assets/stylesheets/design.scss */
.list_content .point p {
  font-size: 15px;
  margin: auto;
  text-align: center;
}

/* 待機中の表示 */
/* line 1360, app/assets/stylesheets/design.scss */
.list_content_standby {
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
  filter: drop-shadow(0px 0 2px #333);
}

/* line 1365, app/assets/stylesheets/design.scss */
.list_content_standby img {
  width: 15px;
  display: inline !important;
  vertical-align: sub;
}

/* line 1372, app/assets/stylesheets/design.scss */
.list_content_standby_on {
  font-size: 10px;
  line-height: 1.2;
}

/* line 1377, app/assets/stylesheets/design.scss */
.list_content_standby_time {
  font-size: 14px;
  color: #ffc314;
  position: relative;
  top: 2px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1390, app/assets/stylesheets/design.scss */
.star_review {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 85px;
  height: 17px;
  overflow: hidden;
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}

/* line 1400, app/assets/stylesheets/design.scss */
.star_review i {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  height: 17px;
  width: 17px;
  z-index: 1;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}

/* line 1411, app/assets/stylesheets/design.scss */
.star_review i ~ i {
  width: 34px;
}

/* line 1413, app/assets/stylesheets/design.scss */
.star_review i ~ i ~ i {
  width: 51px;
}

/* line 1415, app/assets/stylesheets/design.scss */
.star_review i ~ i ~ i ~ i {
  width: 68px;
}

/* line 1417, app/assets/stylesheets/design.scss */
.star_review i ~ i ~ i ~ i ~ i {
  width: 85px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_wrap {
  margin: 70px 0 0 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_point2 {
  text-align: center;
  color: black;
  sans-serif: serif;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_point {
  text-align: center;
  font-size: 30px;
  color: black;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_business_area {
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  display: inline-block;
  margin-bottom: 5px;
  border: 1px solid;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_month_wrapper {
  position: absolute;
  /* 要素の配置方法を指定 */
  left: 1%;
  /* 右からの位置指定 */
  top: 382px;
  /* 上からの位置指定 */
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_month_wrapper2 {
  position: absolute;
  /* 要素の配置方法を指定 */
  right: 1%;
  /* 右からの位置指定 */
  top: 382px;
  /* 上からの位置指定 */
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_month_arrow {
  font-size: 24px;
  margin: 0 12px;
  color: #3c90d8;
  text-decoration: none;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_month_arrow2 {
  font-size: 24px;
  margin: 0 12px;
  color: #bbbbbb;
  text-decoration: none;
  position: absolute;
  /* 要素の配置方法を指定 */
  right: 1%;
  /* 右からの位置指定 */
  top: 37px;
  /* 上からの位置指定 */
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_month_month {
  text-align: center;
  color: #000;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_month_month_point {
  padding: 15px 10px;
  background-color: #fff;
  margin-bottom: 10px;
}

/* line 1485, app/assets/stylesheets/design.scss */
.profile_month_month_point .mypoint {
  font-size: 24px;
}

/* line 1487, app/assets/stylesheets/design.scss */
.profile_month_month_point .mypoint .blue {
  color: #17cbda;
}

/* line 1491, app/assets/stylesheets/design.scss */
.profile_month_month_point .point_link {
  display: flex;
  flex-wrap: wrap;
}

/* line 1494, app/assets/stylesheets/design.scss */
.profile_month_month_point .point_link a {
  display: block;
  width: 50%;
}

/* line 1498, app/assets/stylesheets/design.scss */
.profile_month_month_point .point_link a:last-child {
  border-left: 1px solid #ccc;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_face {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border-radius: 200px;
  margin: 0 auto;
  position: relative;
  background-size: cover;
  background-position: center;
  display: block;
  text-decoration: none;
}

/* line 1517, app/assets/stylesheets/design.scss */
.profile_face i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 20px;
  background: #3c90d8;
  color: #fff;
  padding: 10px;
  padding-top: 15px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_face_link {
  width: 30px;
  height: 30px;
  background-color: #17cbda;
  border-radius: 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-image: url(/assets/details_icon-2d96063da8312c7d41d634cf55b4e2f0fb1300bfcc2c78c9d823cb83ff706ece.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_face_list {
  display: flex;
  justify-content: center;
  margin: 10px 0 0 0;
  flex-wrap: wrap;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_face_list_box {
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  display: block;
  width: 60px;
  height: 60px;
  margin: 10px 5px 0 5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_face_list_box_add {
  background-color: #3c90d8;
  position: relative;
}

/* line 1560, app/assets/stylesheets/design.scss */
.profile_face_list_box_add:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 4px;
  background-color: #fff;
}

/* line 1571, app/assets/stylesheets/design.scss */
.profile_face_list_box_add:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 20px;
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.profile_name {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

/* line 1591, app/assets/stylesheets/design.scss */
.profile_name a {
  text-decoration: none;
}

/* line 1597, app/assets/stylesheets/design.scss */
.supportcenter-tel .pre {
  text-align: center;
}

/* line 1600, app/assets/stylesheets/design.scss */
.supportcenter-tel .pre span {
  font-weight: bold;
  display: block;
  color: #17cbda;
}

/* line 1605, app/assets/stylesheets/design.scss */
.supportcenter-tel a {
  font-size: 15px;
}

/* line 1607, app/assets/stylesheets/design.scss */
.supportcenter-tel a i {
  margin-right: 1px;
}

/* line 1612, app/assets/stylesheets/design.scss */
.profile-bottom-margin {
  margin-bottom: 100px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1620, app/assets/stylesheets/design.scss */
.share {
  margin: 20px 3%;
}

/* line 1623, app/assets/stylesheets/design.scss */
.share_banner img {
  width: 100%;
  height: auto;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1633, app/assets/stylesheets/design.scss */
.select-show-area-btn {
  text-align: center;
  width: 40px;
  display: none;
  position: fixed;
  font-size: 9px;
  font-weight: bold;
  top: 5px;
  left: 10px;
  z-index: 10000;
  color: white;
}

/* line 1645, app/assets/stylesheets/design.scss */
.show_select_area_btn .select-show-area-btn {
  display: block;
}

/* line 1648, app/assets/stylesheets/design.scss */
.left_margin_foot_btn .foot_print_head_btn {
  display: block;
  left: 50px;
}

/* line 1652, app/assets/stylesheets/design.scss */
.selct-show-area-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(23, 203, 218, 0.8);
}

/* line 1662, app/assets/stylesheets/design.scss */
.selct-show-area-modal-wrap {
  background-color: #fff;
  top: 3%;
  right: 5%;
  bottom: 3%;
  left: 5%;
  border-radius: 5px;
  position: absolute;
}

/* line 1670, app/assets/stylesheets/design.scss */
.selct-show-area-modal-wrap:after {
  display: block;
  content: "";
  background-color: #fff;
  height: 43px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  border-radius: 5px;
}

/* line 1683, app/assets/stylesheets/design.scss */
.show_area_select_btn {
  border-radius: 10px;
  border: 1px solid #fff;
  background-color: #3c90d8;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding: 15px;
  margin: 10px;
}

/* line 1693, app/assets/stylesheets/design.scss */
.selct-box {
  height: 100%;
  padding: 1px 0;
  overflow-y: scroll;
}

/* line 1698, app/assets/stylesheets/design.scss */
.selct-wrap {
  text-align: center;
  margin: 13% auto 0;
  display: table;
  height: 70%;
}

/* line 1703, app/assets/stylesheets/design.scss */
.selct-wrap form {
  display: block;
  padding-left: 9%;
  padding-right: 10%;
  padding-bottom: 5px;
}

/* line 1709, app/assets/stylesheets/design.scss */
.selct-wrap ul li {
  list-style: none;
  float: left;
}

/* line 1714, app/assets/stylesheets/design.scss */
.select-area-message {
  font-size: 15px;
  font-weight: bold;
}

/* line 1719, app/assets/stylesheets/design.scss */
.select-area-modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  background-image: url(/assets/search_icon_close-6f11f8c884e0585918f0fe827a263db7fab66b10c7c82eb35d5132bec8f4d632.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 20;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1735, app/assets/stylesheets/design.scss */
.memo-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.65);
}

/* line 1746, app/assets/stylesheets/design.scss */
.memo-modal-wrap {
  background-color: #fff;
  top: 3%;
  right: 5%;
  bottom: 3%;
  left: 5%;
  border-radius: 5px;
  position: absolute;
}

/* line 1754, app/assets/stylesheets/design.scss */
.memo-modal-wrap:after {
  display: block;
  content: "";
  background-color: #fff;
  height: 43px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  border-radius: 5px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1772, app/assets/stylesheets/design.scss */
.point-expire-box {
  margin: 3em auto;
  position: relative;
  border: 1px solid #555555;
  width: 90%;
}

/* line 1778, app/assets/stylesheets/design.scss */
.point-expire-title {
  text-align: center;
  font-size: 15px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -1.8em;
}

/* line 1785, app/assets/stylesheets/design.scss */
.point-expire-title span {
  background-color: #eff0f2;
  padding: 0 0.5em;
}

/* line 1790, app/assets/stylesheets/design.scss */
.point-expire-inner {
  margin-top: 0.5em;
  text-align: center;
  display: block;
}

/* line 1795, app/assets/stylesheets/design.scss */
.point-expire-amount {
  font-weight: bold;
  font-size: 36px;
  color: #17cbda;
  padding: 10px 0 5px;
}

/* line 1801, app/assets/stylesheets/design.scss */
.point-expire-item {
  padding: 16px 0;
  margin: auto;
  border-top: 1px solid #333;
}

/* line 1806, app/assets/stylesheets/design.scss */
.point-expire-point {
  width: 70%;
}

/* line 1809, app/assets/stylesheets/design.scss */
.point-expire-data {
  width: 30%;
}

/* line 1812, app/assets/stylesheets/design.scss */
.point-expire-text {
  text-align: center;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1819, app/assets/stylesheets/design.scss */
div .schedule {
  background-color: #fff;
  margin-top: 10px;
  padding: 0.5em 0;
}

/* line 1823, app/assets/stylesheets/design.scss */
div .schedule .schedule_edit_link_box {
  border: solid;
  margin: 0.3em auto;
  border-width: 1px;
  border-color: #3c90d8;
  display: flex;
  width: 90%;
}

/* line 1830, app/assets/stylesheets/design.scss */
div .schedule .schedule_edit_link_box a {
  padding: 0.3em;
  width: 100%;
  text-align: center;
}

/* line 1839, app/assets/stylesheets/design.scss */
div .schedule_calender_box button {
  border: none;
  background-color: transparent;
  color: #3c90d8;
}

/* line 1843, app/assets/stylesheets/design.scss */
div .schedule_calender_box button.disabled {
  color: gray;
}

/* line 1848, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_inline .schedule_month {
  width: 100%;
}

/* line 1851, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_inline span {
  display: block;
  text-align: center;
}

/* line 1855, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_inline .schedule_link {
  padding: 0.5em;
}

/* line 1857, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_inline .schedule_link.left {
  float: left;
}

/* line 1860, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_inline .schedule_link.right {
  float: right;
}

/* line 1866, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_calender table {
  width: 95%;
  margin: 0 auto;
  padding: 0.2em 0;
  border-spacing: 0px;
  font-size: 15px;
}

/* line 1872, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_calender table th {
  font-weight: normal;
}

/* line 1875, app/assets/stylesheets/design.scss */
div .schedule_calender_box .schedule_calender table tr,
div .schedule_calender_box .schedule_calender table td {
  text-align: center;
}

/* line 1883, app/assets/stylesheets/design.scss */
div .edit_periodically_box {
  margin: 0.1em auto;
  margin-top: 10em;
  position: relative;
  border: 1px solid #555555;
  width: 90%;
}

/* line 1889, app/assets/stylesheets/design.scss */
div .edit_periodically_box .box_title {
  text-align: center;
  font-size: 15px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -1.8em;
}

/* line 1896, app/assets/stylesheets/design.scss */
div .edit_periodically_box .box_title span {
  background-color: #eff0f2;
  padding: 0 0.5em;
}

/* line 1901, app/assets/stylesheets/design.scss */
div .edit_periodically_box .box_inner {
  margin-top: 0.5em;
  text-align: center;
  display: block;
  font-size: 15px;
}

/* line 1906, app/assets/stylesheets/design.scss */
div .edit_periodically_box .box_inner p {
  font-weight: bold;
  font-size: 10px;
}

/* line 1910, app/assets/stylesheets/design.scss */
div .edit_periodically_box .box_inner table {
  table-layout: fixed;
}

/* line 1912, app/assets/stylesheets/design.scss */
div .edit_periodically_box .box_inner table th,
div .edit_periodically_box .box_inner table td {
  width: 4em;
}

/* line 1921, app/assets/stylesheets/design.scss */
.edit_schedule_box table {
  width: 100%;
  margin: 0 auto;
  padding: 2em 0 1em;
  border-spacing: 0px;
}

/* line 1926, app/assets/stylesheets/design.scss */
.edit_schedule_box table tr,
.edit_schedule_box table td {
  border: 1px solid #ccc;
  text-align: center;
}

/* line 1930, app/assets/stylesheets/design.scss */
.edit_schedule_box table tr .schedule_input,
.edit_schedule_box table td .schedule_input {
  display: block;
}

/* line 1932, app/assets/stylesheets/design.scss */
.edit_schedule_box table tr .schedule_input .toggle-switch,
.edit_schedule_box table td .schedule_input .toggle-switch {
  width: 100%;
}

/* line 1940, app/assets/stylesheets/design.scss */
.schedule-message-operator {
  text-align: center;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 1949, app/assets/stylesheets/design.scss */
.history {
  margin: 40px 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_detail {
  font-size: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_title {
  text-align: center;
  margin-bottom: 40px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_title_wrap {
  display: inline-block;
  padding-left: 45px;
  padding-right: 45px;
  background-image: url(/assets/history_title_bg_01-ead51723b0c06fa3f9df70564a52d1d9437ab9ea20ec92a3833a46df164e20d3.png), url(/assets/history_title_bg_02-7008415f33ae8b9d3c31ec3e03873c8b5f31f25df0020c1b6fb5178a39747bdb.png);
  background-position: left center, right center;
  background-size: 11%;
  background-repeat: no-repeat;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_title_main {
  font-family: "Montserrat", sans-serif;
  color: #17cbda;
  font-weight: bold;
  display: block;
  font-size: 30px;
  letter-spacing: 0.05em;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_title_sub {
  font-weight: bold;
  color: #8b8b8b;
  display: block;
  letter-spacing: 0.1em;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_box {
  margin: 15px 0;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0px 5px 5px 0px rgba(17, 18, 17, 0.05);
  padding: 20px;
  position: relative;
  color: #333;
  text-decoration: none;
  display: block;
  font-weight: bold;
}

/* line 1994, app/assets/stylesheets/design.scss */
.history_box:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #17cbda;
}

/* line 2008, app/assets/stylesheets/design.scss */
.history_box_nolink:after {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_date {
  color: #8b8b8b;
  font-size: 10px;
  letter-spacing: 0.1em;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_name {
  font-size: 15px;
  margin: 5px 0 0 0;
  letter-spacing: 0.1em;
}

/* line 2026, app/assets/stylesheets/design.scss */
.history_tag li {
  float: left;
  margin: 2px 8px 4px 0;
  background-color: #17cbda;
  color: #fff;
  padding: 3px 15px;
  border-radius: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_wrap {
  text-align: center;
  margin: 20px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_alert {
  color: red;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_text {
  margin-bottom: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_point {
  font-weight: bold;
  font-size: 30px;
  margin: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_detail {
  color: #777;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_about {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #333;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_about_date {
  color: #777;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_about_title {
  font-size: 15px;
  font-weight: bold;
  margin-top: 3px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_about_point {
  white-space: nowrap;
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.history_about_point-red {
  color: #c31717;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_receipt {
  text-align: center;
  color: #333;
  border-top: solid 1px #ccc;
  padding-top: 10px;
  margin-top: 15px;
  display: block;
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_details_name {
  display: table;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_details_name_icon {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-position: center;
  background-size: cover;
  display: table-cell;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_details_name_main {
  vertical-align: middle;
  font-weight: bold;
  display: table-cell;
  padding-left: 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_details_list {
  border-collapse: collapse;
  margin-top: 20px;
  width: 100%;
}

/* line 2110, app/assets/stylesheets/design.scss */
.history_details_list tr th,
.history_details_list tr td {
  padding: 15px 0;
  border-bottom: solid 1px #ccc;
}

/* line 2116, app/assets/stylesheets/design.scss */
.history_details_list tr th {
  font-weight: normal;
  text-align: left;
}

/* line 2119, app/assets/stylesheets/design.scss */
.history_details_list tr th.history_details_list_subtotal {
  font-weight: bold;
}

/* line 2123, app/assets/stylesheets/design.scss */
.history_details_list tr td {
  text-align: right;
}

/* line 2127, app/assets/stylesheets/design.scss */
.history_details_list tr:last-child th,
.history_details_list tr:last-child td {
  border-bottom: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.history_details_list_total {
  margin-top: 0;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 2143, app/assets/stylesheets/design.scss */
.mediainfo {
  width: 94%;
  margin: 30px auto 10px;
  padding: 8px;
  color: #606060;
  border: 2px solid #ffffff;
  border-radius: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.mediainfo_title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px #808080;
  margin: 5px 0 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.mediainfo_picture {
  width: 80%;
  margin: 0 auto 5px;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.mediainfo_read {
  color: #fff;
  display: flex;
  margin: 0 0 10px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 2176, app/assets/stylesheets/design.scss */
.welcome {
  padding-bottom: 10%;
  padding-top: 5%;
  background-color: #17cbda;
  background-image: url(/assets/wave_bg-a12b3667a8b3cdc4c7e452cd0cb2d37d95453f5c94f27d47c93af17845238344.png);
  background-size: cover;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_frame {
  width: 100%;
  margin: 15px auto 30px;
  padding: 8px;
  color: #606060;
  border: 2px solid #ffffff;
  border-radius: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_frame_title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px #808080;
  margin: 5px 0 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_title {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 2px 3px #808080;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_picture {
  border-radius: 8px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_read {
  color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_point_number {
  margin: 28px 0 0;
  font-size: 20px;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  text-decoration: underline;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_point_text {
  width: 94%;
  margin-left: 6%;
  color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.welcome_link {
  margin: 20px 10% 0 10%;
}

/* line 2230, app/assets/stylesheets/design.scss */
.welcome_link a {
  display: block;
  text-decoration: none;
  color: #17cbda;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  padding: 13px 0;
  font-weight: bold;
  position: relative;
}

/* line 2242, app/assets/stylesheets/design.scss */
.welcome_link a:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #17cbda;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 2262, app/assets/stylesheets/design.scss */
.topHeader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 60px;
}

/* line 2270, app/assets/stylesheets/design.scss */
.subheader {
  width: 100%;
  height: 60px;
  position: relative;
  background-color: #17cbda;
  padding: 5px 0;
  left: 0;
  top: 0;
  right: 0;
  z-index: 6;
}

/* line 2280, app/assets/stylesheets/design.scss */
.subheader:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(/assets/wave_bg-a12b3667a8b3cdc4c7e452cd0cb2d37d95453f5c94f27d47c93af17845238344.png);
  background-size: cover;
  z-index: 4;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subheader_title {
  color: #fff;
  text-align: center;
  margin-top: 16px;
  font-size: 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subheader_ctitle {
  color: #fff;
  text-align: center;
  margin: 10px;
  font-size: 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subheader_subtitle {
  color: #fff;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subheader_link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  width: 60px;
}

/* line 2315, app/assets/stylesheets/design.scss */
.subheader_link:after {
  display: block;
  content: "";
  z-index: 6;
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: solid 2px #fff;
  border-top: solid 2px #fff;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  font-size: 0;
  color: transparent;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subheader_tweet {
  position: absolute;
  color: black;
  right: 30px;
  top: 10%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  z-index: 5;
  background-image: url(/assets/tweet_icon_entry-cfb1ddd….png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subheader_select {
  overflow: hidden;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 19px;
  border-radius: 2px;
  background: #ffffff;
  width: 79px;
  z-index: 10;
}

/* line 2356, app/assets/stylesheets/design.scss */
.subheader_select::before {
  position: absolute;
  top: 0.7em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666666;
  pointer-events: none;
}

/* line 2369, app/assets/stylesheets/design.scss */
.subheader_select select {
  padding: 5px 10px;
  color: #666666;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 2384, app/assets/stylesheets/design.scss */
.subheader_select select::-ms-expand {
  display: none;
}

/* line 2391, app/assets/stylesheets/design.scss */
.search-menu {
  float: right;
  display: flex;
}

/* line 2396, app/assets/stylesheets/design.scss */
.order-select select {
  padding: 0px 0px;
  border: solid 2px #17cbda;
  border-radius: 5px;
  color: #17cbda;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbody_has_branch {
  padding-top: 100px;
}

/* line 2416, app/assets/stylesheets/design.scss */
.subbody.chat_room_div {
  margin-top: 90px;
}

/* line 2420, app/assets/stylesheets/design.scss */
.subbody_search {
  margin-bottom: 85px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.branch_wrap {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  padding: 13px 0 16px 0;
  text-align: center;
  background-color: #0599a5;
}

/* line 2438, app/assets/stylesheets/design.scss */
.branch_wrap .subheader_select {
  position: relative;
  margin: 10px auto 0 auto;
  top: 0;
  z-index: 5;
  right: 0;
  width: 60%;
}

/* line 2446, app/assets/stylesheets/design.scss */
.branch_wrap:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(/assets/wave_bg-6e0858207293b0da921da979836521c577275f3c066b89d285da0895172a96b1.png);
  background-size: cover;
  z-index: 4;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.branch_title {
  color: #fff;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 2468, app/assets/stylesheets/design.scss */
.subbox {
  margin: 23px 0;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0px 5px 5px 0px rgba(17, 18, 17, 0.05);
  padding: 20px;
  position: relative;
  color: #333;
  text-decoration: none;
  display: block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbox_title {
  color: #17cbda;
  margin: 10px 0 10px 0;
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbox_nopadding {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbox_payment {
  margin: 8px 0;
}

/* line 2491, app/assets/stylesheets/design.scss */
.subbox_payment:first-child {
  margin-top: 4px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbox_tab {
  display: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.subbox_tab_active {
  display: block;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_submit {
  line-height: 100%;
  background-color: #3c90d8;
  border: none;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border-radius: 10px;
  font-weight: bold;
  display: block;
  position: fixed;
  bottom: 70px;
  width: 98%;
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_date {
  display: block;
  margin-top: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_first {
  line-height: 1.7;
  border-bottom: solid 1px #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: normal;
}

/* line 2535, app/assets/stylesheets/design.scss */
.order_first .subbox_title {
  margin-bottom: 5px;
}

/* line 2538, app/assets/stylesheets/design.scss */
.order_first p {
  margin: 5px 0 5px 0;
}

/* line 2541, app/assets/stylesheets/design.scss */
.order_first:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_comment {
  border: solid 1px #ccc;
  padding: 15px;
  width: 100%;
  height: 75px;
  border-radius: 5px;
  appearance: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_select {
  overflow: hidden;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 19px;
  border-radius: 2px;
  background: #17cbda;
  width: 75px;
}

/* line 2566, app/assets/stylesheets/design.scss */
.order_select::before {
  position: absolute;
  top: 1em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  pointer-events: none;
}

/* line 2579, app/assets/stylesheets/design.scss */
.order_select select {
  padding: 9px 12px;
  color: #fff;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 2594, app/assets/stylesheets/design.scss */
.order_select select::-ms-expand {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_list {
  display: flex;
  flex-wrap: wrap;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_cast {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_attention {
  margin: 30px 0 30px 0;
  border: solid 2px #17cbda;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_attention_list {
  margin: 0;
  padding-left: 20px;
  line-height: 1.7;
}

/* line 2619, app/assets/stylesheets/design.scss */
.order_attention_list strong {
  color: #17cbda;
}

/* line 2625, app/assets/stylesheets/design.scss */
.order_check label {
  padding: 7px 1px 7px 1px;
  border: solid 1px #8a8a8a;
  color: #8a8a8a;
  display: inline-block;
  border-radius: 5px;
  margin: 5px;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_check_input {
  opacity: 0;
  width: 0px;
  height: 0px;
  display: inline;
  display: none;
}

/* line 2641, app/assets/stylesheets/design.scss */
.order_check_input:checked + label {
  background: #3c90d8;
  color: #fff;
  border-color: #3c90d8;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_check_class {
  display: block;
  width: 100%;
}

/* line 2651, app/assets/stylesheets/design.scss */
.order_check_class label {
  display: block;
  width: 100%;
  position: relative;
  padding: 9px 12px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_check_class_price {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_count {
  position: relative;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_count_wrap {
  display: inline-block;
  position: relative;
}

/* line 2670, app/assets/stylesheets/design.scss */
.order_count_wrap:after {
  position: absolute;
  bottom: 5px;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  display: block;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #17cbda;
  pointer-events: none;
}

/* line 2684, app/assets/stylesheets/design.scss */
.order_count_wrap:before {
  position: absolute;
  top: 5px;
  right: 0.9em;
  padding: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 4px 3px;
  border-color: transparent transparent #06afbe transparent;
  pointer-events: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_count_input {
  outline: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  width: 40px;
  font-size: 20px;
  color: #17cbda;
  font-weight: bold;
  display: inline-block;
  padding-left: 5px;
  position: relative;
  border-radius: 5px;
}

/* line 2718, app/assets/stylesheets/design.scss */
.order_count_input option {
  display: inline-block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_link {
  display: block;
  text-decoration: none;
  color: #333;
  position: relative;
}

/* line 2734, app/assets/stylesheets/design.scss */
.order_confirm_list ul li {
  padding: 8px 0 8px 10%;
  background-repeat: no-repeat;
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* line 2741, app/assets/stylesheets/design.scss */
.order_confirm_list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_list_time {
  background-image: url(/assets/order_icon_time-65654f1c5364373321ab27a60d52ddebd00750b911fa4861d3b30567c03d14a7.png);
  background-size: 5%;
  background-position: left 17%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_list_chat {
  background-image: url(/assets/order_icon_chat-3b8967ce722bfcc00fc4d1005544ab4057636023db38d021d9415acf22bbccf4.png);
  background-size: 5%;
  background-position: left 17%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_list_period {
  background-image: url(/assets/order_icon_period-e31b2e71583c95cccf2e91fe1da02ea5a1cf97a6ec40711813d4824e6237b8a4.png);
  background-size: 4.5%;
  background-position: left 17%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_list_place {
  background-image: url(/assets/order_icon_place-b94179bfec6b71090434b56722e58ed548b21d7d69e6a02d0543c814cf6e3635.png);
  background-size: 4.4%;
  background-position: left 17%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_list_cast {
  background-image: url(/assets/order_icon_cast-89069503dea282d22e6079f2c70805361f43d02c4626f4a120a519aad99fa8e0.png);
  background-size: 4.8%;
  background-position: left 17%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_list_payment {
  background-image: url(/assets/mypage_icon_payment-a72a34e7b5ce9bd14338f1238aec2034539bf3349e8b680cd86c867cbcdf1750.png);
  background-size: 6.5%;
  background-position: left 17%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_cast {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 15px 0;
  margin: 15px 0 0 0;
  display: flex;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_cast_title {
  margin: 0;
  padding: 5px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_cast_count {
  margin: 0;
  padding: 5px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_cast_face {
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  display: block;
  margin-right: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_price {
  border-bottom: solid 1px #ccc;
  padding: 20px 0 5px 0;
}

/* line 2807, app/assets/stylesheets/design.scss */
.order_confirm_price:last-child {
  border-bottom: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_price_wrap {
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_price_text {
  font-size: 10px;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_call_check {
  margin: 10px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_confirm_call_text {
  font-size: 10px;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_review_box {
  display: flex;
  border-top: solid 1px #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_review_face {
  width: 20%;
  margin: 0;
  height: 0;
  padding-top: 20%;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  display: block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_review_contents {
  width: 60%;
  padding-left: 15px;
  padding-top: 1%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_review_name {
  margin-bottom: 5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_review_family {
  padding-top: 1%;
  margin-left: auto;
  width: 20%;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.order_review_family_text {
  margin-bottom: 2px;
  font-size: 2.5vw;
}

/* line 2866, app/assets/stylesheets/design.scss */
.order_review_family .checkbox {
  margin-left: 24%;
}

/* line 2872, app/assets/stylesheets/design.scss */
.order_check_flex {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

/* line 2876, app/assets/stylesheets/design.scss */
.order_check_flex .order_check {
  width: 48.5%;
  margin-right: 2px;
  z-index: 100;
}

/* line 2881, app/assets/stylesheets/design.scss */
.order_check_flex .order_check label {
  width: 100%;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 2888, app/assets/stylesheets/design.scss */
.free-order-button {
  position: fixed;
  bottom: 70px;
  right: 1%;
  width: 48.5%;
  z-index: 100;
}

/* line 2895, app/assets/stylesheets/design.scss */
.free-order-button a {
  text-decoration: none;
  letter-spacing: 1px;
  padding: 15px 8px !important;
  background-color: #f75 !important;
}

/* line 2901, app/assets/stylesheets/design.scss */
.free-order-title {
  margin: 20px 0 10px -9px;
  font-size: 15px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 2908, app/assets/stylesheets/design.scss */
.search-btn {
  position: fixed;
  left: 1%;
  width: 98%;
  bottom: 65px;
  z-index: 10;
}

/* line 2915, app/assets/stylesheets/design.scss */
.search-no-supporter {
  width: 90%;
  margin: auto;
  font-weight: bold;
}

/* line 2920, app/assets/stylesheets/design.scss */
.profile-search-guide {
  background: #17cbda;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
  padding: 8px 0;
}

/* line 2927, app/assets/stylesheets/design.scss */
.search_slider-wrap {
  padding: 7px;
}

/* line 2930, app/assets/stylesheets/design.scss */
.search_list_box {
  width: 100%;
  height: 64px;
  padding: 1px;
  background: #eff0f2;
  box-shadow: 0 1px 5px #ddd;
}

/* line 2937, app/assets/stylesheets/design.scss */
.search_condition_margin > div {
  padding-top: 32px;
}

/* line 2940, app/assets/stylesheets/design.scss */
.search_condition {
  position: relative;
  display: flex;
  align-items: center;
  overflow: auto;
  white-space: nowrap;
  padding: 1px;
  background-color: #eff0f2;
}

/* line 2948, app/assets/stylesheets/design.scss */
.search_condition .search_condition_pre {
  font-weight: bold;
  color: #777;
  margin-top: 5px;
}

/* line 2954, app/assets/stylesheets/design.scss */
.search_condition .search_condition_item {
  display: block;
  border: solid 1px #ccc;
  background: #fff;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 10px;
  margin: 5px 3px 0;
}

/* line 2963, app/assets/stylesheets/design.scss */
.search_condition .search_condition_reset {
  display: block;
  border: solid 1px #ccc;
  background: #17cbda;
  color: #fff;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 10px;
  margin: 5px 3px 0;
}

/* line 2974, app/assets/stylesheets/design.scss */
.last_search_parameters {
  margin: 0px 0px 0px 0px;
  padding-top: 2px;
}

/* line 2977, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn {
  text-align: center;
  font-weight: bold;
  color: #17cbda;
  display: inline-block;
  white-space: nowrap;
  margin: 0 7px;
}

/* line 2986, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn button {
  border-style: none;
  color: #17cbda;
}

/* line 2993, app/assets/stylesheets/design.scss */
.last_search_parameters {
  margin: 0px 0px 0px 0px;
}

/* line 2995, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn2 {
  float: left;
  text-align: center;
  font-weight: bold;
  color: #17cbda;
  display: inline-block;
  white-space: nowrap;
  left: 5px;
  margin-top: 7px;
  background: #eff0f2;
}

/* line 3006, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn2 button {
  border-style: none;
  color: #17cbda;
  background: #eff0f2;
}

/* line 3011, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn2 .new {
  font-size: 10px;
  background: #dadada;
  padding: 3px 5px;
  color: #fb7272;
  border-radius: 4px;
  vertical-align: 2px;
}

/* line 3022, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn3 {
  text-align: center;
  font-weight: bold;
  color: #17cbda;
  display: inline-block;
  white-space: nowrap;
  left: 5px;
  background: #eff0f2;
}

/* line 3031, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn3 button {
  border-style: none;
  color: #17cbda;
  background: #eff0f2;
}

/* line 3036, app/assets/stylesheets/design.scss */
.last_search_parameters .last_search_btn3 .new {
  font-size: 10px;
  background: #dadada;
  padding: 3px 5px;
  color: #fb7272;
  border-radius: 4px;
  vertical-align: 2px;
}

/* line 3047, app/assets/stylesheets/design.scss */
.like_box {
  pointer-events: none;
  font-weight: bold;
}

/* line 3052, app/assets/stylesheets/design.scss */
.search_column {
  margin-top: 100px;
}

/* line 3054, app/assets/stylesheets/design.scss */
.search_column .sort_details_wrap {
  height: 20%;
  margin-top: 200px;
}

/* line 3059, app/assets/stylesheets/design.scss */
.cast_posts_member_search {
  margin-top: 0px;
  box-shadow: none;
  font-weight: bold;
  padding: 8px;
}

/* line 3066, app/assets/stylesheets/design.scss */
.shop_list_title {
  margin-top: 50px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_notes,
.sort_notes {
  margin: 0 0 15px;
  padding-left: 15px;
  color: #a00;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_reset,
.sort_reset {
  background-color: #fff;
  border: 1px solid #3c90d8;
  border-radius: 5px;
  padding: 5% 0;
  margin-right: 4%;
  display: block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
  text-decoration: none;
}

/* line 3090, app/assets/stylesheets/design.scss */
.search_submit input,
.sort_submit input {
  background-color: #3c90d8;
  border: 1px solid #3c90d8;
  border-radius: 5px;
  color: #fff;
  padding: 5% 0;
  margin-right: 4%;
  display: block;
  width: 100%;
  margin-top: 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_title,
.sort_title {
  margin-top: 0px;
}

/* line 3106, app/assets/stylesheets/design.scss */
.search_title .history_title,
.sort_title .history_title {
  margin-bottom: 30px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_cast,
.sort_cast {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_details,
.sort_details {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  background-color: rgba(23, 203, 218, 0.8);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_details_wrap,
.sort_details_wrap {
  background-color: #fff;
  top: 3%;
  right: 5%;
  bottom: 3%;
  left: 5%;
  border-radius: 5px;
  position: absolute;
}

/* line 3133, app/assets/stylesheets/design.scss */
.search_details_wrap:after,
.sort_details_wrap:after {
  display: block;
  content: "";
  background-color: #fff;
  height: 43px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  border-radius: 5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_details_close,
.sort_details_close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  background-image: url(/assets/search_icon_close-6f11f8c884e0585918f0fe827a263db7fab66b10c7c82eb35d5132bec8f4d632.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 20;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_box,
.sort_box {
  height: 100%;
  padding: 1px 0;
  overflow-y: scroll;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_wrap,
.sort_wrap {
  margin: 15% auto;
  display: table;
  height: 70%;
}

/* line 3167, app/assets/stylesheets/design.scss */
.search_wrap form,
.sort_wrap form {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_content,
.sort_content {
  margin: 10px 0;
  display: table-row;
}

/* line 3177, app/assets/stylesheets/design.scss */
.search_content input[type="text"],
.sort_content input[type="text"] {
  overflow: hidden;
  padding: 7px 20px 7px 10px;
  position: relative;
  border-radius: 5px;
  background: #ffffff;
  width: 100%;
  border: solid 1px #ccc;
}

/* line 3187, app/assets/stylesheets/design.scss */
.search_content input[type="number"],
.sort_content input[type="number"] {
  overflow: hidden;
  padding: 7px 20px 7px 10px;
  position: relative;
  border-radius: 5px;
  background: #ffffff;
  width: 60%;
  border: solid 1px #ccc;
}

/* line 3197, app/assets/stylesheets/design.scss */
.search_content select.number_select,
.sort_content select.number_select {
  overflow: hidden;
  text-align: right;
  position: relative;
  border-radius: 5px;
  background: #ffffff;
  width: 35%;
  border: solid 1px #ccc;
  padding: 3px 20px 4px 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_content_label,
.sort_content_label {
  display: table-cell;
  color: #06b0be;
  font-weight: bold;
  padding: 10px 0px 10px 10px;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_content_input,
.sort_content_input {
  display: table-cell;
  font-weight: bold;
  padding: 3px 0;
  vertical-align: middle;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_content_age,
.sort_content_age {
  padding-top: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_select,
.sort_select {
  overflow: hidden;
  text-align: center;
  position: relative;
  padding-left: 10px;
  border-radius: 5px;
  background: #ffffff;
  width: 100%;
  border: solid 1px #ccc;
  margin: 10px 0px;
}

/* line 3241, app/assets/stylesheets/design.scss */
.search_select::before,
.sort_select::before {
  position: absolute;
  top: 0.7em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666666;
  pointer-events: none;
  z-index: 0;
}

/* line 3255, app/assets/stylesheets/design.scss */
.search_select select,
.sort_select select {
  padding: 5px 0;
  color: #666666;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 1;
}

/* line 3272, app/assets/stylesheets/design.scss */
.search_select select::-ms-expand,
.sort_select select::-ms-expand {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_alert,
.sort_alert {
  width: 90%;
  margin: 6px auto 14px;
  background-color: #ff0;
  padding: 8px 12px;
  font-weight: bold;
  color: #333;
}

/* line 3287, app/assets/stylesheets/design.scss */
.search_colum_txt {
  display: block;
  width: 300px;
  padding: 0px 10px;
  border: solid;
  margin: auto;
  border-color: rgba(23, 203, 218, 0.8);
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_profile_area {
  left: 0;
  right: 0;
  top: 0px;
  background-color: #ddd;
  border-bottom: solid 1px #c6c6c6;
  z-index: 3000;
  padding: 7px 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.search_profile_area_inner {
  white-space: nowrap;
  line-height: 1;
  overflow-x: auto;
  padding-right: 20px;
}

/* line 3316, app/assets/stylesheets/design.scss */
.search_profile_area_inner_text {
  text-decoration: none;
  color: #3c90d8;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_points {
  overflow-x: scroll;
  width: 100%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_points_list {
  text-align: center;
  white-space: nowrap;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_points_list_box {
  display: inline-block;
  width: 18%;
  margin: 1% 2%;
  position: relative;
}

/* line 3338, app/assets/stylesheets/design.scss */
.details_points_list_box img {
  width: 100%;
  height: auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_points_list_count {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  border: solid 2px #17cbda;
  color: #17cbda;
  border-radius: 50px;
  font-size: 10px;
  padding: 2px 5px;
  font-weight: bold;
}

/* line 3354, app/assets/stylesheets/design.scss */
.details_points_list_count span {
  font-size: 8px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_points_price {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_face_list {
  display: flex;
  justify-content: center;
  margin: 10px 0 15px;
  flex-wrap: wrap;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_face_list_box {
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  display: block;
  margin: 0;
  width: 60px;
  height: 60px;
  margin: 0px 5px;
  border: solid 5px #fff;
  transition: all, 0.3s;
  position: relative;
}

/* line 3381, app/assets/stylesheets/design.scss */
.details_face_list_box:after {
  transition: all, 0.3s;
  opacity: 0;
  display: block;
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: rgba(23, 203, 218, 0.2);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_face_list_box_active {
  border-color: #17cbda;
}

/* line 3398, app/assets/stylesheets/design.scss */
.details_face_list_box_active:after {
  opacity: 1;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_face_list_box_add {
  background-color: #17cbda;
  position: relative;
}

/* line 3405, app/assets/stylesheets/design.scss */
.details_face_list_box_add:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 4px;
  background-color: #fff;
}

/* line 3416, app/assets/stylesheets/design.scss */
.details_face_list_box_add:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 20px;
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_header {
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_header_ph {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
}

/* line 3441, app/assets/stylesheets/design.scss */
.details_header_ph .list_content {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_header_wrap {
  text-align: center;
  padding: 4% 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_header_price {
  font-size: 15px;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_header_time {
  font-size: 10px;
  color: #ccc;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_text {
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.details_list {
  border-collapse: collapse;
  width: 100%;
}

/* line 3465, app/assets/stylesheets/design.scss */
.details_list tr th {
  text-align: left;
  padding: 10px 0;
  border-top: solid 1px #eff0f2;
}

/* line 3471, app/assets/stylesheets/design.scss */
.details_list tr td {
  text-align: right;
  font-weight: normal;
  color: #888;
  padding: 10px 0;
  border-top: solid 1px #eff0f2;
}

/* line 3480, app/assets/stylesheets/design.scss */
.details_list tr:first-child th,
.details_list tr:first-child td {
  border-top: none;
}

/* line 3489, app/assets/stylesheets/design.scss */
.detail_list_content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 25px 20px 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}

/* line 3497, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name {
  font-size: 24px;
  font-weight: bold;
  margin: 0px;
  padding-left: 18px;
  position: relative;
}

/* line 3503, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name:before {
  z-index: 1;
  position: absolute;
  top: 14px;
  left: -3px;
  width: 15px;
  height: 2px;
  transform: rotate(45deg);
  display: block;
  content: "";
  border: solid 1px #fff;
  border-radius: 11px;
  background-color: #ccc;
}

/* line 3517, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name:after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: #ccc;
}

/* line 3528, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name .age {
  font-size: 15px;
  font-weight: normal;
}

/* line 3533, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-no-active {
  font-size: 24px;
  font-weight: bold;
  margin: 0px;
  position: relative;
}

/* line 3538, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-no-active .age {
  font-size: 13px;
  font-weight: normal;
}

/* line 3542, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-no-active .last_activity {
  font-size: 13px;
  font-weight: normal;
  display: block;
}

/* line 3546, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-no-active .last_activity i {
  margin-right: 3px;
}

/* line 3552, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-active:before {
  content: none;
}

/* line 3555, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-active:after {
  background: #0ec357;
}

/* line 3559, app/assets/stylesheets/design.scss */
.detail_list_content .comment {
  margin: 3px 0;
  font-size: 13px;
  color: #333333;
}

/* line 3564, app/assets/stylesheets/design.scss */
.detail_list_content .price {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  border-top: dashed 1px #ccc;
  padding-top: 5px;
}

/* line 3570, app/assets/stylesheets/design.scss */
.detail_list_content .price p {
  margin: 5px 0;
  display: flex;
  align-items: center;
}

/* line 3575, app/assets/stylesheets/design.scss */
.detail_list_content .price img {
  width: 24px;
  margin-right: 2px;
}

/* line 3581, app/assets/stylesheets/design.scss */
.detail_list_content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 25px 20px 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}

/* line 3589, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name {
  font-size: 24px;
  font-weight: bold;
  margin: 0px;
  padding-left: 18px;
  position: relative;
}

/* line 3595, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name:before {
  z-index: 1;
  position: absolute;
  top: 14px;
  left: -3px;
  width: 15px;
  height: 2px;
  transform: rotate(45deg);
  display: block;
  content: "";
  border: solid 1px #fff;
  border-radius: 11px;
  background-color: #ccc;
}

/* line 3609, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name:after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: #ccc;
}

/* line 3620, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name .age {
  font-size: 15px;
  font-weight: normal;
}

/* line 3626, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-active:before {
  content: none;
}

/* line 3629, app/assets/stylesheets/design.scss */
.detail_list_content .cast-name-active:after {
  background: #0ec357;
}

/* line 3633, app/assets/stylesheets/design.scss */
.detail_list_content .comment {
  margin: 3px 0;
  font-size: 15px;
}

/* line 3637, app/assets/stylesheets/design.scss */
.detail_list_content .price {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  border-top: dashed 1px #ccc;
  padding-top: 5px;
}

/* line 3643, app/assets/stylesheets/design.scss */
.detail_list_content .price p {
  margin: 5px 0;
  display: flex;
  align-items: center;
}

/* line 3648, app/assets/stylesheets/design.scss */
.detail_list_content .price img {
  width: 24px;
  margin-right: 2px;
}

/* line 3653, app/assets/stylesheets/design.scss */
.detail_list_content .point {
  margin-top: 10px;
  border-top: dashed 1px #ccc;
  padding-top: 5px;
  height: 40px;
}

/* line 3658, app/assets/stylesheets/design.scss */
.detail_list_content .point p {
  font-size: 20px;
  margin: auto;
  text-align: center;
}

/* 待機中の表示 */
/* line 3668, app/assets/stylesheets/design.scss */
.details_header_standby {
  position: absolute;
  left: 5px;
  top: 94px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  filter: drop-shadow(0 0 2px #333);
}

/* line 3676, app/assets/stylesheets/design.scss */
.details_header_standby img {
  width: 24px;
}

/* line 3681, app/assets/stylesheets/design.scss */
.details_header_standby_time {
  font-size: 15px;
  margin-right: 3px;
  color: #ffc314;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_sendpoint_point_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -20px 0px 15px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_sendpoint_point_wrapper2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -25px 0 -5px 25px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_sendpoint_point_title {
  margin-right: 12px;
  color: #3c90d8;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_sendpoint_point_number {
  font-size: 24px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_sendpoint_form {
  margin: -5px 0 35px;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_sendpoint_time {
  font-size: 20px;
  color: #7e4d21;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_unread {
  text-align: center;
  position: relative;
}

/* line 3726, app/assets/stylesheets/design.scss */
.message_unread span {
  background-color: #eff0f2;
  color: #17cbda;
  padding: 5px 20px;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

/* line 3735, app/assets/stylesheets/design.scss */
.message_unread:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #17cbda;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_system {
  margin: 40px 0;
}

/* line 3750, app/assets/stylesheets/design.scss */
.message_system span {
  background-color: #bfbfbf;
  color: #fff;
  text-align: center;
  padding: 3px 15px;
  border-radius: 100px;
  display: block;
}

/* line 3760, app/assets/stylesheets/design.scss */
.message_tweet .likeButton {
  position: absolute;
  top: -14px;
  right: -13px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet .likeButton_count {
  position: absolute;
  right: 40px;
  top: 16px;
  font-weight: bold;
  width: 40px;
  text-align: right;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet_name {
  font-size: 13px !important;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet_text {
  font-size: 13px !important;
}

/* line 3781, app/assets/stylesheets/design.scss */
.message_search input {
  border: none;
  padding: 10px 10px 10px 40px;
  border-radius: 5px;
  width: 100%;
  background-image: url(/assets/message_icon_search-a225cbe2e33b208153865be4bb11e00e3bd658715006cebb98223161de652d0a.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_wrap {
  background-color: #fff;
  margin-bottom: 100px;
  margin-top: 7px;
  padding: 0% 5% 7% 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_wrap_margin {
  margin-top: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_face {
  width: 20%;
  margin: 0;
  height: 0;
  padding-top: 20%;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  display: block;
  margin: 0;
  position: relative;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_content {
  width: 75%;
  border-bottom: solid 1px #eff0f2;
  padding-bottom: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_content_time {
  text-align: right;
  font-size: 10px;
  color: #17cbda;
  margin: -2px 0 0 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_content_name {
  font-weight: bold;
  margin: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_content_text {
  color: #888;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 5px 0 0 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet {
  width: 75%;
  border-bottom: solid 1px #eff0f2;
  padding-bottom: 20px;
  position: relative;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet_time {
  font-size: 10px;
  color: #888;
  line-height: 0.6;
  margin: 2px 0 10px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet_name {
  font-weight: bold;
  margin: 0;
}

/* line 3854, app/assets/stylesheets/design.scss */
.message_tweet_name span {
  margin-left: 5px;
  font-size: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_tweet_text {
  font-size: 10px;
  margin-bottom: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_list {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #333;
  padding-top: 15px;
  padding-right: 20px;
}

/* line 3872, app/assets/stylesheets/design.scss */
.message_list:last-child .message_content,
.message_list:last-child .message_tweet {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_date {
  margin: 20px 0;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #aaa;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_inner {
  width: 100%;
  display: flex;
  margin: 20px 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_inner_from {
  flex-direction: row-reverse;
}

/* line 3892, app/assets/stylesheets/design.scss */
.message_inner_from .message_inner_box {
  margin-right: 5%;
  margin-left: 0;
  background-color: #17cbda;
  color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* line 3898, app/assets/stylesheets/design.scss */
.message_inner_from .message_inner_box:after {
  display: none;
}

/* line 3901, app/assets/stylesheets/design.scss */
.message_inner_from .message_inner_box:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #17cbda;
  position: absolute;
  right: -10px;
  top: 10px;
}

/* line 3914, app/assets/stylesheets/design.scss */
.message_inner_from .message_inner_date {
  margin-right: 2%;
  margin-left: 0;
}

/* line 3917, app/assets/stylesheets/design.scss */
.message_inner_from .message_inner_date span {
  right: 0;
  left: auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_inner_face {
  width: 10%;
  margin: 0;
  height: 0;
  padding-top: 10%;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  display: block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_inner_box {
  margin-left: 5%;
  width: 60%;
  background-color: #fff;
  padding: 1px 17px;
  border-radius: 5px;
  position: relative;
}

/* line 3942, app/assets/stylesheets/design.scss */
.message_inner_box:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  left: -10px;
  top: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_inner_date {
  position: relative;
  margin-left: 2%;
  z-index: -1;
}

/* line 3959, app/assets/stylesheets/design.scss */
.message_inner_date span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 10px;
  color: #aaa;
}

/* line 3974, app/assets/stylesheets/design.scss */
.message_etc {
  width: 90%;
  margin: 0 auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.message_etc_link {
  display: inline-block;
  padding: 10px 15px;
  background: #fff;
  border-radius: 20px;
  color: #155 !important;
  font-weight: bold;
  text-decoration: none;
}

/* line 3989, app/assets/stylesheets/design.scss */
.standby_label {
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 10;
  background: rgba(23, 203, 218, 0.9);
  color: #fff;
  font-size: 9px;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

/* line 4002, app/assets/stylesheets/design.scss */
.standby_label img {
  width: 10px;
  padding-bottom: 1px;
}

/* line 4008, app/assets/stylesheets/design.scss */
.hiatus_label {
  font-weight: bold;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 4018, app/assets/stylesheets/design.scss */
.radio,
.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 5px 0 5px 32px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

/* line 4039, app/assets/stylesheets/design.scss */
.radio:after,
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: "";
}

/* line 4055, app/assets/stylesheets/design.scss */
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #17cbda;
  content: "";
  opacity: 0;
}

/* line 4069, app/assets/stylesheets/design.scss */
input[type="radio"]:checked + .radio:before {
  opacity: 1;
}

/* line 4076, app/assets/stylesheets/design.scss */
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #17cbda;
  border-bottom: 3px solid #17cbda;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 4093, app/assets/stylesheets/design.scss */
input[type="checkbox"]:checked + .checkbox:before {
  opacity: 1;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.charge_input {
  height: 40px;
  font-size: 24px !important;
  color: #8a8a8a;
  width: 90%;
  border: solid 1px #8a8a8a;
  border-radius: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.charge_point {
  margin-left: 2px;
  font-size: 24px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 4120, app/assets/stylesheets/design.scss */
.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 125px;
  height: 25px;
  overflow: hidden;
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}

/* line 4130, app/assets/stylesheets/design.scss */
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 25px;
  width: 25px;
  z-index: 1;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}

/* line 4141, app/assets/stylesheets/design.scss */
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}

/* line 4152, app/assets/stylesheets/design.scss */
.star-rating input:hover + i, .star-rating input:checked + i {
  opacity: 1;
}

/* line 4157, app/assets/stylesheets/design.scss */
.star-rating i ~ i {
  width: 50px;
}

/* line 4159, app/assets/stylesheets/design.scss */
.star-rating i ~ i ~ i {
  width: 75px;
}

/* line 4161, app/assets/stylesheets/design.scss */
.star-rating i ~ i ~ i ~ i {
  width: 100px;
}

/* line 4163, app/assets/stylesheets/design.scss */
.star-rating i ~ i ~ i ~ i ~ i {
  width: 125px;
}

/* line 4174, app/assets/stylesheets/design.scss */
.mypage_links li {
  border-bottom: solid 1px #ccc;
}

/* line 4176, app/assets/stylesheets/design.scss */
.mypage_links li a:not(.maypage_faq_not) {
  color: #333;
  display: block;
  padding: 20px 20px 20px 40px;
  text-decoration: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  font-weight: normal;
}

/* line 4186, app/assets/stylesheets/design.scss */
.mypage_links li a:not(.maypage_faq_not):after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-width: 4px 0 4px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  content: "";
}

/* line 4200, app/assets/stylesheets/design.scss */
.mypage_links li:last-child {
  border-bottom: none;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-profile {
  background-image: url(/assets/mypage_icon_profile-7de561bb1cd8e05aae8806b2e19c513cda1ecf7b0b6bacb89e847c92c9a6facb.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-history {
  background-image: url(/assets/mypage_icon_history-9d4587b80b3a5a250c57dbc8900932879947b466d29010536d2756eb21d08dce.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-payment {
  background-image: url(/assets/mypage_icon_payment-a72a34e7b5ce9bd14338f1238aec2034539bf3349e8b680cd86c867cbcdf1750.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-memo {
  background-image: url(/assets/mypage_icon_history-9d4587b80b3a5a250c57dbc8900932879947b466d29010536d2756eb21d08dce.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-point {
  background-image: url(/assets/mypage_icon_point-958331869f8ff832ef967c67f2ff1cce64a78ec2f39076e97d26de187de684b0.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-help {
  background-image: url(/assets/mypage_icon_help-ab661b21c01f77f32c3cb2c0da0d4a6ef5eec22c9871eb13d61ad9044dcac8b9.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-faq {
  background-image: url(/assets/mypage_icon_faq-addbbbc7ac93fba218706f2f1c07ea8122f99c25cd612f90ab28eede555dc89d.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-other {
  background-image: url(/assets/mypage_icon_other-4df6a012164afa34afb98afaf614143e06af42f06c2c2f0a6b4f7c8f37eb88ae.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-logout {
  background-image: url(/assets/search_icon_close-6f11f8c884e0585918f0fe827a263db7fab66b10c7c82eb35d5132bec8f4d632.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-settings {
  background-image: url(/assets/order_icon_time-65654f1c5364373321ab27a60d52ddebd00750b911fa4861d3b30567c03d14a7.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-restricted {
  background-image: url(/assets/nav_icon_restricted-903f30ebb37bc6a530d70b760995eafebbffb05c8647e10f092d45525b690792.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-referral_shop {
  background-image: url(/assets/mypage_icon_referral_shop-075a626ed1ebabdf4abed89afb56d7e3148d24f025ceac7bf8ee15116d05ebce.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-referral_map {
  background-image: url(/assets/referral_map-9e31625840ac09c78c4e066d98d55b968937dfb55be0c8f77ab208c3aacf2221.png);
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-q {
  background-image: url(/assets/mypage_icon_faq-addbbbc7ac93fba218706f2f1c07ea8122f99c25cd612f90ab28eede555dc89d.png);
}

/* line 4245, app/assets/stylesheets/design.scss */
.mypage_links-q:after {
  transform: translateY(-50%) rotate(90deg) !important;
  transition: all, 0.3s;
}

/* line 4250, app/assets/stylesheets/design.scss */
.mypage_links-q.active:after {
  transform: translateY(-50%) rotate(-90deg) !important;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.mypage_links-noicon {
  padding-left: 0 !important;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.mypage_faq_content {
  display: none;
}

/* line 4262, app/assets/stylesheets/design.scss */
.mypage_faq_content p {
  font-weight: normal;
}

/* line 4264, app/assets/stylesheets/design.scss */
.mypage_faq_content p:first-child {
  margin-top: 0;
}

/* line 4271, app/assets/stylesheets/design.scss */
.referral_shop {
  margin: 15px auto 0;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sms_retransmission {
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sms_submit {
  background-color: #fff;
  text-decoration: underline;
  color: #0000ee;
  border-radius: 10px;
  padding: 7px;
  line-height: 1;
  border: none;
  margin-top: 25px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_date {
  display: inline;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_unit {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  right: 15px;
  font-size: 20px;
  display: block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_design {
  position: relative;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_design_inline {
  display: inline-block;
  margin-left: 10px;
}

/* line 4312, app/assets/stylesheets/design.scss */
.form_design::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #8a8a8a;
  pointer-events: none;
}

/* line 4326, app/assets/stylesheets/design.scss */
.form_design select,
.form_design input {
  padding: 5px 30px 5px 10px;
  color: #8a8a8a;
  width: 100%;
  display: block;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: #fff;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: solid 1px #8a8a8a;
}

/* line 4344, app/assets/stylesheets/design.scss */
.form_design select::-ms-expand,
.form_design input::-ms-expand {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_box {
  margin: 10px 0;
  position: relative;
}

/* line 4354, app/assets/stylesheets/design.scss */
.form_box input[type="radio"],
.form_box input[type="checkbox"] {
  display: none;
}

/* line 4358, app/assets/stylesheets/design.scss */
.form_box .radio,
.form_box .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 0 0 0 31px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

/* line 4371, app/assets/stylesheets/design.scss */
.form_box .radio:hover:after,
.form_box .checkbox:hover:after {
  border-color: #17cbda;
}

/* line 4375, app/assets/stylesheets/design.scss */
.form_box .radio:after,
.form_box .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: "";
}

/* line 4391, app/assets/stylesheets/design.scss */
.form_box .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #17cbda;
  content: "";
  opacity: 0;
}

/* line 4405, app/assets/stylesheets/design.scss */
input[type="radio"]:checked + .form_box .radio:before {
  opacity: 1;
}

/* line 4411, app/assets/stylesheets/design.scss */
.form_box .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #17cbda;
  border-bottom: 3px solid #17cbda;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 4428, app/assets/stylesheets/design.scss */
input[type="checkbox"]:checked + .form_box .checkbox:before {
  opacity: 1;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_input {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 15px;
  line-height: 1;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
}

/* line 4445, app/assets/stylesheets/design.scss */
.form_input_point:after {
  display: block;
  content: "ポイント";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_input_point {
  height: 40px;
  font-size: 24px;
  color: #000;
  padding: 0px 30px;
}

/* line 4462, app/assets/stylesheets/design.scss */
.form_input.is-invalid {
  border-color: red;
}

/* line 4467, app/assets/stylesheets/design.scss */
.form_select select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 15px;
  line-height: 1.5;
  position: relative;
  appearance: none;
  text-align: right;
  color: #000;
}

/* line 4479, app/assets/stylesheets/design.scss */
.form_select:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #06afbe transparent transparent transparent;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_textarea {
  width: 100%;
  height: 100px;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 15px;
  line-height: 1.5;
  color: #000;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.form_link {
  display: block;
  border: solid 1px #17cbda;
  width: 100%;
  background-color: #fff;
  color: #17cbda;
  border-radius: 10px;
  padding: 15px;
  line-height: 1.5;
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.flash_box {
  padding: 10px 15px;
  border: solid 1px;
  border-radius: 5px;
  margin: 15px 0;
  position: relative;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.flash_box-red {
  background-color: #f2dedd;
  border-color: #bc6b6a;
  color: #bc6b6a;
}

/* line 4532, app/assets/stylesheets/design.scss */
.flash_box-red .flash_close:after, .flash_box-red .flash_close:before {
  background-color: #bc6b6a;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.flash_box-blue {
  background-color: #daecf7;
  border-color: #5d8fa9;
  color: #5d8fa9;
}

/* line 4545, app/assets/stylesheets/design.scss */
.flash_box-blue .flash_close:after, .flash_box-blue .flash_close:before {
  background-color: #5d8fa9;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.flash_box-green {
  background-color: #dff0d8;
  border-color: #669564;
  color: #669564;
}

/* line 4558, app/assets/stylesheets/design.scss */
.flash_box-green .flash_close:after, .flash_box-green .flash_close:before {
  background-color: #669564;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.flash_box-yellow {
  background-color: #fbf8e3;
  border-color: #a59066;
  color: #a59066;
}

/* line 4571, app/assets/stylesheets/design.scss */
.flash_box-yellow .flash_close:after, .flash_box-yellow .flash_close:before {
  background-color: #a59066;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.flash_close {
  width: 20px;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
}

/* line 4585, app/assets/stylesheets/design.scss */
.flash_close:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
}

/* line 4595, app/assets/stylesheets/design.scss */
.flash_close:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added {
  background-position: left center;
  background-size: 50px;
  background-repeat: no-repeat;
  padding-left: 70px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

/* line 4616, app/assets/stylesheets/design.scss */
.payment_added:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/assets/payment_icon_added-e196ea6099e6233abf786f555b77178153d7a32ba3b58ea409255e7ec704f204.png);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added_amex {
  background-image: url(/assets/payment_icon_amex-029bc088db59025c7c592e776dd28a21a3169f5df08c5864732db1914c1ea308.png);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added_diners {
  background-image: url(/assets/payment_icon_diners-ed5f2999322fb8c30147dc964383f4093be7a836c7ced674704c383e9968c650.png);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added_jcb {
  background-image: url(/assets/payment_icon_jcb-ca96dac2467f397122909a942fbd412fcdf91f342ce81dd66539636c50b2187a.png);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added_master {
  background-image: url(/assets/payment_icon_master-2909ba412d158c83daf1d97e05b94f561cbfc9aa9480f5fa9a71d6b0dc73a156.png);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added_visa {
  background-image: url(/assets/payment_icon_visa-e960643ca1c72a336faa496d397b564894d500e7c44d64eea9f7df6a67d890ff.png);
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_added_nopadding {
  padding-left: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_link {
  margin: 25px 0;
}

/* line 4650, app/assets/stylesheets/design.scss */
.payment_link a {
  display: block;
  position: relative;
  padding: 13px 0;
  border-radius: 5px;
  background-color: #3c90d8;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
}

/* line 4662, app/assets/stylesheets/design.scss */
.payment_link a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-width: 4px 0 4px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  content: "";
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_point {
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  background-image: url(/assets/mypage_icon_point-958331869f8ff832ef967c67f2ff1cce64a78ec2f39076e97d26de187de684b0.png);
  display: flex;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_method_form {
  font-size: 220%;
  margin: 15px 0;
  display: flex;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.payment_method_radio {
  width: 50%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.terms_title {
  margin-top: 30px;
  color: #17cbda;
}

/* line 4709, app/assets/stylesheets/design.scss */
.company_txt,
.company_txt + .representative_txt {
  height: 20px;
  position: relative;
}

/* line 4713, app/assets/stylesheets/design.scss */
.company_txt::after,
.company_txt + .representative_txt::after {
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
}

/* line 4720, app/assets/stylesheets/design.scss */
.company_txt::after {
  content: "株式会社メディアトップ";
}

/* line 4723, app/assets/stylesheets/design.scss */
.company_txt + .representative_txt::after {
  content: "飯塚達也";
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_nav {
  background-color: #fff;
  padding: 23px 5% 20px 5%;
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
}

/* line 4735, app/assets/stylesheets/design.scss */
.call_nav a {
  width: 48%;
  display: block;
  text-decoration: none;
  border-bottom: solid 2px #ccc;
  color: #666;
  text-align: center;
  padding-bottom: 5px;
}

/* line 4744, app/assets/stylesheets/design.scss */
.call_nav a.call_nav_btn_active {
  color: #17cbda;
  border-color: #17cbda;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_nav_nomargin {
  padding-top: 30px;
  background-color: transparent;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_name {
  display: table;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_name_icon {
  display: table-cell;
}

/* line 4758, app/assets/stylesheets/design.scss */
.call_name_icon span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-position: center;
  background-size: cover;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_name_main {
  vertical-align: middle;
  font-weight: bold;
  display: table-cell;
  padding-left: 15px;
}

/* line 4773, app/assets/stylesheets/design.scss */
.call_name_main span {
  display: block;
  color: #777;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_date {
  border-top: solid 1px #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_tag {
  margin-top: 5px;
}

/* line 4788, app/assets/stylesheets/design.scss */
.call_tag li {
  font-size: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_about {
  border-top: solid 1px #ccc;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_about_box {
  width: 50%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_about_title {
  font-size: 10px;
  color: #ccc;
  margin: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_about_text {
  font-size: 15px;
  margin: 5px 0 0 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_link {
  margin: 20px 0 0 0;
}

/* line 4812, app/assets/stylesheets/design.scss */
.call_link a {
  padding: 6px 0;
}

/* line 4817, app/assets/stylesheets/design.scss */
.call_remodal .remodal-confirm {
  width: 100%;
  border-radius: 500px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_remodal_time {
  margin: 15px 0;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #ccc;
}

/* line 4827, app/assets/stylesheets/design.scss */
.call_remodal_time select {
  border: solid 1px #ccc;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.call_end {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
}

/* line 4840, app/assets/stylesheets/design.scss */
.call_end span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 25px;
  border: solid 1px #000;
  white-space: nowrap;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.point_list {
  border-collapse: collapse;
  margin-top: 0;
  width: 100%;
}

/* line 4857, app/assets/stylesheets/design.scss */
.point_list tr th,
.point_list tr td {
  padding: 15px 0;
  border-bottom: solid 1px #ccc;
}

/* line 4863, app/assets/stylesheets/design.scss */
.point_list tr th {
  font-weight: normal;
  text-align: left;
}

/* line 4866, app/assets/stylesheets/design.scss */
.point_list tr th.history_details_list_subtotal {
  font-weight: bold;
}

/* line 4870, app/assets/stylesheets/design.scss */
.point_list tr td {
  text-align: right;
}

/* line 4874, app/assets/stylesheets/design.scss */
.point_list tr:last-child th,
.point_list tr:last-child td {
  border-bottom: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.point_list_total {
  margin-top: 0;
}

/* line 4883, app/assets/stylesheets/design.scss */
.point_list input {
  border: solid 1px #ccc;
  display: inline-block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.footmark_name {
  display: table;
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #ccc;
}

/* line 4896, app/assets/stylesheets/design.scss */
.footmark_name:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.footmark_name_icon {
  display: table-cell;
}

/* line 4903, app/assets/stylesheets/design.scss */
.footmark_name_icon span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-position: center;
  background-size: cover;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.footmark_name_main {
  vertical-align: middle;
  display: table-cell;
  padding-left: 15px;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.footmark_name_date {
  color: #777;
}

/* line 4926, app/assets/stylesheets/design.scss */
.post_picture {
  max-width: 100%;
  height: auto !important;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.footer_link {
  padding: 20px 0px;
  background-color: #17cbda;
  text-align: center;
  background-image: url(/assets/wave_bg-a12b3667a8b3cdc4c7e452cd0cb2d37d95453f5c94f27d47c93af17845238344.png);
  background-size: cover;
}

/* line 4938, app/assets/stylesheets/design.scss */
.footer_link a {
  display: block;
  margin: 8px 0;
  color: #fff;
  text-decoration: none;
}

/* line 4951, app/assets/stylesheets/design.scss */
body #axes_registerd_card_area label,
body #axes_new_card_area label,
body #axes_token_card_info_area label {
  color: #17cbda;
  margin: 15px 0 10px 0;
}

/* line 4956, app/assets/stylesheets/design.scss */
body #axes_registerd_card_area input[type="text"],
body #axes_registerd_card_area input[type="tel"],
body #axes_new_card_area input[type="text"],
body #axes_new_card_area input[type="tel"],
body #axes_token_card_info_area input[type="text"],
body #axes_token_card_info_area input[type="tel"] {
  width: 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 15px;
  line-height: 1.5;
  position: relative;
}

/* line 4968, app/assets/stylesheets/design.scss */
body #axes_registerd_card_area input.axes_token_input_error,
body #axes_registerd_card_area select.axes_token_input_error,
body #axes_new_card_area input.axes_token_input_error,
body #axes_new_card_area select.axes_token_input_error,
body #axes_token_card_info_area input.axes_token_input_error,
body #axes_token_card_info_area select.axes_token_input_error {
  background-color: #fcfaeb;
}

/********************************
  オンラインLP
********************************/
/* line 4978, app/assets/stylesheets/design.scss */
.link-btn-block {
  background-color: #fff;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 1px 20px;
}

/* line 4985, app/assets/stylesheets/design.scss */
.link-btn-list {
  margin: 15px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/* line 4991, app/assets/stylesheets/design.scss */
.link-btn-list a {
  height: 49px;
  padding: 3px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 4997, app/assets/stylesheets/design.scss */
.link-btn-list a i {
  font-size: 20px;
}

/* line 5000, app/assets/stylesheets/design.scss */
.link-btn-list a img {
  width: 20px;
}

/* line 5005, app/assets/stylesheets/design.scss */
.lp_block {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

/* line 5010, app/assets/stylesheets/design.scss */
.copyright-block {
  display: flex;
  justify-content: space-around;
  padding: 30px 0;
  align-items: center;
  background-color: #f2f1ed;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px;
}

/* line 5021, app/assets/stylesheets/design.scss */
.reception_time_txt {
  border: solid 1px;
  color: #333;
  text-align: center;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 5030, app/assets/stylesheets/design.scss */
.sns_icon {
  display: flex;
  list-style: none;
  padding-inline-start: 0px;
}

/* line 5034, app/assets/stylesheets/design.scss */
.sns_icon li {
  width: 45px;
}

/* line 5037, app/assets/stylesheets/design.scss */
.sns_icon a img {
  box-shadow: 0px 0px 3px #ccc;
  border-radius: 5px;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist {
  position: fixed;
  left: 0;
  right: 0;
  top: 0px;
  background-color: #eff0f2;
  z-index: 3000;
  padding: 7px 5%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_inner {
  white-space: nowrap;
  line-height: 1;
  overflow-x: auto;
  padding-right: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_more {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  width: 60px;
  background: #dddddd;
  background: linear-gradient(90deg, rgba(221, 221, 221, 0) 0%, #dddddd 60%);
}

/* line 5075, app/assets/stylesheets/design.scss */
.chat_userlist_more:after {
  display: block;
  content: "";
  z-index: 6;
  position: absolute;
  width: 5px;
  height: 5px;
  border-left: solid 2px #333;
  border-top: solid 2px #333;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  font-size: 0;
  color: transparent;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_face {
  display: inline-block;
  width: 34px;
  margin: 0 5px 0 0;
  height: 0;
  padding-top: 34px;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_face_large {
  width: 15%;
  padding-top: 15%;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_details {
  margin-bottom: 20px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_details_box {
  display: flex;
  text-decoration: none;
  color: #333;
  padding: 7px 0;
  border-bottom: dotted 1px #c5c5c5;
}

/* line 5114, app/assets/stylesheets/design.scss */
.chat_userlist_details_box:last-child {
  border-bottom: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_name {
  margin: 0 10px;
  font-weight: bold;
  padding-top: 11px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.chat_userlist_age {
  padding-top: 12px;
}

/* line 5130, app/assets/stylesheets/design.scss */
.chat_userlist_inner_text {
  text-decoration: none;
  color: #3c90d8;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.review_box {
  margin: 20px 0;
  border-bottom: dotted 1px #ddd;
  padding-bottom: 10px;
}

/* line 5145, app/assets/stylesheets/design.scss */
.review_box:last-child {
  border-bottom: 0;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.review_rating {
  display: flex;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.review_rating_star {
  margin-right: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.review_rating_point {
  line-height: 1.6;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.review_rating_date {
  margin-left: auto;
  font-size: 10px;
  color: #c5c5c5;
}

/* line 5163, app/assets/stylesheets/design.scss */
.review_rating_text p {
  margin: 6px 0;
  font-weight: normal;
}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_wrapper {
  width: 96%;
  max-width: 480px;
  text-align: center;
  margin: 0 auto;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_title {
  margin-top: 20px;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_image {
  margin-top: 30px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_name {
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_box {
  width: 90%;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: left;
  margin: auto;
  margin-bottom: 15px;
  height: 50px;
  align-items: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_number {
  display: block;
  margin: 1px 5px;
  border-radius: 10px;
  background: #f5b527;
  padding: 5px;
  color: white;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_decoration {
  width: 312px;
  height: 320px;
  margin: 0 auto -275px;
  background-size: 101%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: -250px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_month_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_month_arrow {
  font-size: 24px;
  margin: 0 12px;
  color: #3c90d8;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_month_arrow-disable {
  font-size: 24px;
  margin: 0 12px;
  color: #bbbbbb;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_month_month {
  display: center;
  font-size: 20px;
  color: #000;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_select {
  position: absolute;
  right: 20px;
  top: 40%;
  transform: translateY(-50%);
  overflow: hidden;
  text-align: center;
  padding-left: 10px;
  border-radius: 5px;
  background: #ffffff;
  width: 20%;
  border: solid 1px #ccc;
  padding-right: 20px;
}

/* line 5270, app/assets/stylesheets/design.scss */
.ranking_select::before {
  position: absolute;
  top: 0.7em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666666;
  pointer-events: none;
}

/* line 5283, app/assets/stylesheets/design.scss */
.ranking_select select {
  padding: 5px 0;
  color: #666666;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 5298, app/assets/stylesheets/design.scss */
.ranking_select select::-ms-expand {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_tab {
  margin: 50px auto 15px;
  display: flex;
  width: 90%;
  max-width: 480px;
  font-size: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_tab_btn {
  border-top: solid 2px #3c90d8;
  border-bottom: solid 2px #3c90d8;
  border-left: solid 2px #3c90d8;
  width: 50%;
  background-color: #fff;
  padding: 8px 0;
  text-align: center;
  color: #3c90d8 !important;
  font-weight: bold;
  text-decoration: none;
}

/* line 5320, app/assets/stylesheets/design.scss */
.ranking_tab_btn:first-child {
  border-radius: 5px 0 0 5px;
}

/* line 5324, app/assets/stylesheets/design.scss */
.ranking_tab_btn:last-child {
  border-radius: 0 5px 5px 0;
  border-right: solid 2px #3c90d8;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_tab_btn_active {
  background-color: #3c90d8;
  color: #fff !important;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_tab_nomargin {
  margin: 10px auto;
  padding-top: 0px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_prefectures {
  margin: 15px 5%;
  background-color: #17cbda !important;
  border-radius: 5px;
  position: relative;
}

/* line 5343, app/assets/stylesheets/design.scss */
.ranking_prefectures:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #17cbda transparent;
  position: absolute;
  right: 23%;
  top: -10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_prefectures_wrap {
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #17cbda;
  width: 100%;
  z-index: 10;
}

/* line 5364, app/assets/stylesheets/design.scss */
.ranking_prefectures_wrap::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  pointer-events: none;
}

/* line 5378, app/assets/stylesheets/design.scss */
.ranking_prefectures_wrap select {
  padding: 12px 23px;
  color: #fff;
  width: 100%;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 5392, app/assets/stylesheets/design.scss */
.ranking_prefectures_wrap select::-ms-expand {
  display: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.ranking_list_age {
  font-size: 10px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sticker_list {
  display: flex;
  flex-wrap: wrap;
}

/* line 5410, app/assets/stylesheets/design.scss */
.sticker_list li {
  width: 30% !important;
  margin: 1.5%;
}

/* line 5413, app/assets/stylesheets/design.scss */
.sticker_list li a {
  display: block;
  text-decoration: none;
  text-align: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sticker_price {
  padding: 10px 7px 7px 7px;
  border-radius: 10px;
  color: #3c90d8;
  text-decoration: none;
  display: block;
  position: relative;
  border: solid 1px #3c90d8;
}

/* line 5428, app/assets/stylesheets/design.scss */
.sticker_price:after {
  display: block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #3c90d8 transparent;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sticker_price_inner {
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sticker_buy {
  background-color: #3c90d8;
  padding: 2px 0;
  border-radius: 5px;
  font-size: 10px;
  margin-top: 5px;
  color: #fff;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sticker_info_title {
  display: block;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.sticker_info_price {
  display: none;
}

/* line 5463, app/assets/stylesheets/design.scss */
.toggle-switch {
  position: relative;
  width: 50px;
  height: 25px;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.toggle-switch-center {
  margin: auto;
}

/* line 5473, app/assets/stylesheets/design.scss */
.toggle-switch input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

/* line 5484, app/assets/stylesheets/design.scss */
.toggle-switch label {
  width: 50px;
  height: 25px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  transition: 0.4s;
  box-sizing: border-box;
}

/* line 5493, app/assets/stylesheets/design.scss */
.toggle-switch label:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}

/* line 5509, app/assets/stylesheets/design.scss */
.toggle-switch input:checked + label {
  background-color: #3c90d8;
}

/* line 5511, app/assets/stylesheets/design.scss */
.toggle-switch input:checked + label:after {
  left: 25px;
}

/* line 5518, app/assets/stylesheets/design.scss */
.toggle-switch-customer {
  position: relative;
  width: 50px;
  height: 25px;
  margin: 10px 0 10px 0;
}

/* line 55, app/assets/stylesheets/design/__mixin.scss */
.toggle-switch-customer-center {
  margin: auto;
}

/* line 5528, app/assets/stylesheets/design.scss */
.toggle-switch-customer input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

/* line 5539, app/assets/stylesheets/design.scss */
.toggle-switch-customer label {
  width: 50px;
  height: 25px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  transition: 0.4s;
  box-sizing: border-box;
}

/* line 5548, app/assets/stylesheets/design.scss */
.toggle-switch-customer label:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}

/* line 5564, app/assets/stylesheets/design.scss */
.toggle-switch-customer input:checked + label {
  background-color: #3c90d8;
}

/* line 5566, app/assets/stylesheets/design.scss */
.toggle-switch-customer input:checked + label:after {
  left: 25px;
}

/* line 5573, app/assets/stylesheets/design.scss */
.open-setting-content {
  display: flex;
  justify-content: space-between;
}

/* line 5578, app/assets/stylesheets/design.scss */
.notification_settings_p {
  margin-top: 0px;
}

/* line 5581, app/assets/stylesheets/design.scss */
.tingle-modal {
  z-index: 10001;
  overflow: auto;
  padding-top: 30px;
}

/* line 5587, app/assets/stylesheets/design.scss */
.tingle-modal-box {
  border-radius: 5px;
  top: 0% !important;
  bottom: 3% !important;
}

/* line 5591, app/assets/stylesheets/design.scss */
.body_order .tingle-modal-box {
  top: 26% !important;
  bottom: 26% !important;
}

/* line 5599, app/assets/stylesheets/design.scss */
.invite-modal-text {
  text-align: center;
}

/* line 5602, app/assets/stylesheets/design.scss */
div .invite_customer_box {
  margin: 1.5em auto;
  position: relative;
  border: 1px solid #555555;
  border-radius: 8px;
  width: 100%;
}

/* line 5608, app/assets/stylesheets/design.scss */
div .invite_customer_box .box_title {
  text-align: center;
  font-size: 15px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -1.8em;
}

/* line 5615, app/assets/stylesheets/design.scss */
div .invite_customer_box .box_title span {
  background-color: white;
  padding: 0 0.5em;
}

/* line 5620, app/assets/stylesheets/design.scss */
div .invite_customer_box .box_inner {
  margin: 1em;
  text-align: center;
  display: block;
  font-size: 15px;
}

/* line 5621, app/assets/stylesheets/design.scss */
div .invite_customer_box .box_inner span {
  font-size: 13px;
}

/* line 5632, app/assets/stylesheets/design.scss */
.remodal-wrapper h1,
.tingle-modal-box h1 {
  margin-bottom: 20px;
  font-size: 15px;
  text-align: center;
}

/* line 5636, app/assets/stylesheets/design.scss */
.remodal-wrapper h1:after,
.tingle-modal-box h1:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  margin: 10px auto;
  background-color: #17cbda;
}

/* line 5645, app/assets/stylesheets/design.scss */
.remodal-wrapper .tingle-modal-box__content,
.tingle-modal-box .tingle-modal-box__content {
  overflow: visible;
  height: 100%;
}

/* line 5649, app/assets/stylesheets/design.scss */
.remodal-wrapper .modal_inner,
.tingle-modal-box .modal_inner {
  height: 100%;
  overflow-y: scroll;
}

/* line 5652, app/assets/stylesheets/design.scss */
.remodal-wrapper .modal_inner h2,
.tingle-modal-box .modal_inner h2 {
  font-size: 15px;
  color: #17cbda;
}

/* line 5657, app/assets/stylesheets/design.scss */
.remodal-wrapper .modal-close,
.tingle-modal-box .modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  background-image: url(/assets/search_icon_close-6f11f8c884e0585918f0fe827a263db7fab66b10c7c82eb35d5132bec8f4d632.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 20;
  border: none;
  background-color: #fff0;
}

/* line 5692, app/assets/stylesheets/design.scss */
.remodal-wrapper .modal-confirm,
.tingle-modal-box .modal-confirm {
  display: block;
  margin: 15px 0;
  border-radius: 5px;
  padding: 10px;
  background-color: #3c90d8;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

/* line 5702, app/assets/stylesheets/design.scss */
.remodal-wrapper .modal-confirm.btn-warning,
.tingle-modal-box .modal-confirm.btn-warning {
  background-color: #fb7272;
}

/* line 5708, app/assets/stylesheets/design.scss */
.tingle-modal-box {
  position: fixed;
  left: 5%;
  right: 5%;
  top: 20%;
  bottom: 20%;
  animation: none !important;
}

/* line 5715, app/assets/stylesheets/design.scss */
.tingle-modal-box .center {
  margin-top: 1em;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.coupon_list {
  display: flex;
  justify-content: space-between;
  border-bottom: dotted 1px #ccc;
}

/* line 5725, app/assets/stylesheets/design.scss */
.coupon_list:last-child {
  border-bottom: none;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.coupon_list_icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #ccc;
  background-size: cover;
  background-position: center;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.coupon_list_name {
  position: relative;
  padding: 25px 0 25px 53px;
}

/* line 41, app/assets/stylesheets/design/__mixin.scss */
.coupon_list_point {
  position: relative;
  padding: 25px 60px 25px 0;
}

/* line 5747, app/assets/stylesheets/design.scss */
.coupon_list_point span {
  background-color: #666;
  padding: 3px 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 10px;
  border-radius: 100px;
}

/* line 5757, app/assets/stylesheets/design.scss */
.coupon_list_point span.coupon_list_point_get {
  background-color: #17cbda;
}

/* line 5765, app/assets/stylesheets/design.scss */
.box {
  padding: 0.5em 1em;
  margin: 3em auto 0px;
  font-weight: bold;
  color: black;
  background: #ffff7f;
  border: solid 3px #ff8c19;
  border-radius: 10px;
  width: 300px;
  display: block;
  text-align: center;
}

/* line 5777, app/assets/stylesheets/design.scss */
.title {
  background-color: #66ffb2;
  text-align: center;
  height: auto;
  vertical-align: middle;
}

/* line 5783, app/assets/stylesheets/design.scss */
.image {
  text-align: center;
}

/* line 5788, app/assets/stylesheets/design.scss */
.uppy-Root {
  z-index: 10000 !important;
}

/* line 5790, app/assets/stylesheets/design.scss */
.uppy-Root .uppy-Dashboard-overlay {
  z-index: 10001 !important;
}

/* line 5793, app/assets/stylesheets/design.scss */
.uppy-Root .uppy-Dashboard-inner {
  z-index: 10002 !important;
}

/* line 5796, app/assets/stylesheets/design.scss */
.subbox .uppy-Root {
  z-index: 1 !important;
}

/* line 5798, app/assets/stylesheets/design.scss */
.subbox .uppy-Root .uppy-Dashboard-overlay {
  z-index: 2 !important;
}

/* line 5801, app/assets/stylesheets/design.scss */
.subbox .uppy-Root .uppy-Dashboard-inner {
  z-index: 3 !important;
}

/* line 5807, app/assets/stylesheets/design.scss */
.uppy-Root .uppy-Dashboard-inner {
  min-width: 0 !important;
}

@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}

/* Slider */
/* line 3, app/assets/stylesheets/design/_slick.scss */
#new_cast_container > .slick-slider {
  max-width: 100vw;
}

/* line 7, app/assets/stylesheets/design/_slick.scss */
#main > .slick-slider {
  max-width: 100vw !important;
}

/* line 11, app/assets/stylesheets/design/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: auto;
  max-width: 80vw;
  padding: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 28, app/assets/stylesheets/design/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 35, app/assets/stylesheets/design/_slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 39, app/assets/stylesheets/design/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 44, app/assets/stylesheets/design/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 53, app/assets/stylesheets/design/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 61, app/assets/stylesheets/design/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 67, app/assets/stylesheets/design/_slick.scss */
.slick-track:after {
  clear: both;
}

/* line 71, app/assets/stylesheets/design/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 76, app/assets/stylesheets/design/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  text-decoration: none;
  display: none;
}

/* line 81, app/assets/stylesheets/design/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 84, app/assets/stylesheets/design/_slick.scss */
.slick-slide img {
  display: block;
}

/* line 87, app/assets/stylesheets/design/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 93, app/assets/stylesheets/design/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 97, app/assets/stylesheets/design/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 101, app/assets/stylesheets/design/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 105, app/assets/stylesheets/design/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 111, app/assets/stylesheets/design/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
/* line 116, app/assets/stylesheets/design/_slick.scss */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

/* line 141, app/assets/stylesheets/design/_slick.scss */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

/* line 150, app/assets/stylesheets/design/_slick.scss */
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 157, app/assets/stylesheets/design/_slick.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

/* line 163, app/assets/stylesheets/design/_slick.scss */
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 177, app/assets/stylesheets/design/_slick.scss */
.slick-prev {
  left: -25px;
}

/* line 181, app/assets/stylesheets/design/_slick.scss */
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

/* line 186, app/assets/stylesheets/design/_slick.scss */
.slick-prev:before {
  content: '<';
}

/* line 190, app/assets/stylesheets/design/_slick.scss */
[dir='rtl'] .slick-prev:before {
  content: '<';
}

/* line 195, app/assets/stylesheets/design/_slick.scss */
.slick-next {
  right: -25px;
}

/* line 199, app/assets/stylesheets/design/_slick.scss */
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

/* line 204, app/assets/stylesheets/design/_slick.scss */
.slick-next:before {
  content: '>';
}

/* line 208, app/assets/stylesheets/design/_slick.scss */
[dir='rtl'] .slick-next:before {
  content: '>';
}

/* line 14, app/assets/stylesheets/design/_animation.scss */
.likeButton {
  cursor: pointer;
}

/* line 17, app/assets/stylesheets/design/_animation.scss */
.likeButton .border {
  fill: white;
}

/* line 20, app/assets/stylesheets/design/_animation.scss */
.likeButton .explosion {
  transform-origin: 250px 250px;
  transform: scale(0.02);
  stroke: #dd4688;
  fill: none;
  opacity: 0;
  stroke-width: 1;
  transform-origin: 250px 250px;
}

/* line 30, app/assets/stylesheets/design/_animation.scss */
.likeButton .particleLayer {
  opacity: 0;
}

/* line 33, app/assets/stylesheets/design/_animation.scss */
.likeButton .particleLayer circle {
  opacity: 0;
  transform-origin: 250px 250px;
}

/* line 39, app/assets/stylesheets/design/_animation.scss */
.likeButton .heart {
  fill: rgba(6, 6, 6, 0.24);
  transform: scale(0.8);
  transform-origin: 250px 250px;
}

/* line 46, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .explosion {
  animation: explosionAnime 800ms;
  animation-fill-mode: forwards;
}

/* line 51, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .heart {
  animation: heartAnime 800ms;
  animation-fill-mode: forwards;
}

/* line 56, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer {
  animation: particleLayerAnime 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(1) {
  animation: particleAnimate1 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(2) {
  animation: particleAnimate2 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(3) {
  animation: particleAnimate3 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(4) {
  animation: particleAnimate4 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(5) {
  animation: particleAnimate5 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(6) {
  animation: particleAnimate6 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(7) {
  animation: particleAnimate7 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(8) {
  animation: particleAnimate8 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(9) {
  animation: particleAnimate9 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(10) {
  animation: particleAnimate10 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(11) {
  animation: particleAnimate11 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(12) {
  animation: particleAnimate12 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(13) {
  animation: particleAnimate13 800ms;
  animation-fill-mode: forwards;
}

/* line 61, app/assets/stylesheets/design/_animation.scss */
.likeButton.clicked .particleLayer circle:nth-child(14) {
  animation: particleAnimate14 800ms;
  animation-fill-mode: forwards;
}

@keyframes explosionAnime {
  0% {
    opacity: 0;
    transform: scale(0.01);
  }
  1% {
    opacity: 1;
    transform: scale(0.01);
  }
  5% {
    stroke-width: 200;
  }
  20% {
    stroke-width: 300;
  }
  50% {
    stroke: #cc8ef5;
    transform: scale(1.1);
    stroke-width: 1;
  }
  50.1% {
    stroke-width: 0;
  }
  100% {
    stroke: #cc8ef5;
    transform: scale(1.1);
    stroke-width: 0;
  }
}

@keyframes particleLayerAnime {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  60% {
    transform: translate(0, 0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -20px);
  }
}

@keyframes particleAnimate1 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-16px, -59px);
  }
  90% {
    transform: translate(-16px, -59px);
  }
  100% {
    opacity: 1;
    transform: translate(-16px, -59px);
  }
}

@keyframes particleAnimate2 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(41px, 43px);
  }
  90% {
    transform: translate(41px, 43px);
  }
  100% {
    opacity: 1;
    transform: translate(41px, 43px);
  }
}

@keyframes particleAnimate3 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(50px, -48px);
  }
  90% {
    transform: translate(50px, -48px);
  }
  100% {
    opacity: 1;
    transform: translate(50px, -48px);
  }
}

@keyframes particleAnimate4 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-39px, 36px);
  }
  90% {
    transform: translate(-39px, 36px);
  }
  100% {
    opacity: 1;
    transform: translate(-39px, 36px);
  }
}

@keyframes particleAnimate5 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-39px, 32px);
  }
  90% {
    transform: translate(-39px, 32px);
  }
  100% {
    opacity: 1;
    transform: translate(-39px, 32px);
  }
}

@keyframes particleAnimate6 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(48px, 6px);
  }
  90% {
    transform: translate(48px, 6px);
  }
  100% {
    opacity: 1;
    transform: translate(48px, 6px);
  }
}

@keyframes particleAnimate7 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-69px, -36px);
  }
  90% {
    transform: translate(-69px, -36px);
  }
  100% {
    opacity: 1;
    transform: translate(-69px, -36px);
  }
}

@keyframes particleAnimate8 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-12px, -52px);
  }
  90% {
    transform: translate(-12px, -52px);
  }
  100% {
    opacity: 1;
    transform: translate(-12px, -52px);
  }
}

@keyframes particleAnimate9 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-43px, -21px);
  }
  90% {
    transform: translate(-43px, -21px);
  }
  100% {
    opacity: 1;
    transform: translate(-43px, -21px);
  }
}

@keyframes particleAnimate10 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-10px, 47px);
  }
  90% {
    transform: translate(-10px, 47px);
  }
  100% {
    opacity: 1;
    transform: translate(-10px, 47px);
  }
}

@keyframes particleAnimate11 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(66px, -9px);
  }
  90% {
    transform: translate(66px, -9px);
  }
  100% {
    opacity: 1;
    transform: translate(66px, -9px);
  }
}

@keyframes particleAnimate12 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(40px, -45px);
  }
  90% {
    transform: translate(40px, -45px);
  }
  100% {
    opacity: 1;
    transform: translate(40px, -45px);
  }
}

@keyframes particleAnimate13 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(29px, 24px);
  }
  90% {
    transform: translate(29px, 24px);
  }
  100% {
    opacity: 1;
    transform: translate(29px, 24px);
  }
}

@keyframes particleAnimate14 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-10px, 50px);
  }
  90% {
    transform: translate(-10px, 50px);
  }
  100% {
    opacity: 1;
    transform: translate(-10px, 50px);
  }
}

@keyframes heartAnime {
  0% {
    transform: scale(0);
    fill: #E2264D;
  }
  39% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1) translate(0%, -10%);
  }
  75% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  80% {
    transform: scale(0.95, 1.05) translate(0%, -3%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    fill: #E2264D;
  }
}

/*! nouislider - 13.1.1 - 2/14/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
/* line 6, vendor/assets/stylesheets/_nouislider.scss */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 19, vendor/assets/stylesheets/_nouislider.scss */
.noUi-target {
  position: relative;
  direction: ltr;
}

/* line 23, vendor/assets/stylesheets/_nouislider.scss */
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
/* line 32, vendor/assets/stylesheets/_nouislider.scss */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

/* line 36, vendor/assets/stylesheets/_nouislider.scss */
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* Offset direction
 */
/* line 51, vendor/assets/stylesheets/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
/* line 58, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical .noUi-origin {
  width: 0;
}

/* line 61, vendor/assets/stylesheets/_nouislider.scss */
.noUi-horizontal .noUi-origin {
  height: 0;
}

/* line 64, vendor/assets/stylesheets/_nouislider.scss */
.noUi-handle {
  position: absolute;
}

/* line 67, vendor/assets/stylesheets/_nouislider.scss */
.noUi-touch-area {
  height: 100%;
  width: 100%;
}

/* line 71, vendor/assets/stylesheets/_nouislider.scss */
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

/* line 76, vendor/assets/stylesheets/_nouislider.scss */
.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
/* line 81, vendor/assets/stylesheets/_nouislider.scss */
.noUi-horizontal {
  height: 18px;
}

/* line 84, vendor/assets/stylesheets/_nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

/* line 90, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical {
  width: 18px;
}

/* line 93, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* line 99, vendor/assets/stylesheets/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
/* line 106, vendor/assets/stylesheets/_nouislider.scss */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

/* line 112, vendor/assets/stylesheets/_nouislider.scss */
.noUi-connects {
  border-radius: 3px;
}

/* line 115, vendor/assets/stylesheets/_nouislider.scss */
.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
/* line 120, vendor/assets/stylesheets/_nouislider.scss */
.noUi-draggable {
  cursor: ew-resize;
}

/* line 123, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

/* line 126, vendor/assets/stylesheets/_nouislider.scss */
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

/* line 133, vendor/assets/stylesheets/_nouislider.scss */
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
/* line 138, vendor/assets/stylesheets/_nouislider.scss */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

/* line 149, vendor/assets/stylesheets/_nouislider.scss */
.noUi-handle:after {
  left: 17px;
}

/* line 152, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

/* line 159, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
/* line 164, vendor/assets/stylesheets/_nouislider.scss */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

/* line 167, vendor/assets/stylesheets/_nouislider.scss */
.noUi-target[disabled],
.noUi-handle[disabled],
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
/* line 175, vendor/assets/stylesheets/_nouislider.scss */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 180, vendor/assets/stylesheets/_nouislider.scss */
.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
/* line 187, vendor/assets/stylesheets/_nouislider.scss */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

/* line 192, vendor/assets/stylesheets/_nouislider.scss */
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
/* line 199, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

/* line 203, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-sub {
  background: #AAA;
}

/* line 206, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
/* line 212, vendor/assets/stylesheets/_nouislider.scss */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

/* line 219, vendor/assets/stylesheets/_nouislider.scss */
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

/* line 223, vendor/assets/stylesheets/_nouislider.scss */
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

/* line 227, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

/* line 232, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

/* line 235, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
/* line 241, vendor/assets/stylesheets/_nouislider.scss */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

/* line 247, vendor/assets/stylesheets/_nouislider.scss */
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

/* line 252, vendor/assets/stylesheets/_nouislider.scss */
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

/* line 256, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

/* line 261, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

/* line 264, vendor/assets/stylesheets/_nouislider.scss */
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

/* line 267, vendor/assets/stylesheets/_nouislider.scss */
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

/* line 278, vendor/assets/stylesheets/_nouislider.scss */
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

/* line 284, vendor/assets/stylesheets/_nouislider.scss */
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* line 3, app/assets/stylesheets/design_extensions.scss */
img {
  width: 100%;
}

/* line 7, app/assets/stylesheets/design_extensions.scss */
p.list_content_comment {
  font-size: 10px;
}

/* line 11, app/assets/stylesheets/design_extensions.scss */
.translucent {
  opacity: 0.4;
}

/* line 15, app/assets/stylesheets/design_extensions.scss */
.business_area_name {
  font-size: 13px;
}

/* line 19, app/assets/stylesheets/design_extensions.scss */
.list_content_new_member {
  font-size: 10px;
  background-color: #fb7272;
  color: white;
  padding: 2px 5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}

/* line 29, app/assets/stylesheets/design_extensions.scss */
.last_activity {
  font-size: 10px;
  font-weight: normal;
}

/* line 33, app/assets/stylesheets/design_extensions.scss */
.profile-header-line-notify {
  font-size: 11px;
  padding: 4px 10px;
  margin: auto;
  border-radius: 5px;
  background-color: #3db900;
  color: #fff;
}

/* line 42, app/assets/stylesheets/design_extensions.scss */
.history_nav {
  margin: 30px 0 10px;
  display: flex;
  justify-content: center;
}

/* line 46, app/assets/stylesheets/design_extensions.scss */
.history_nav a {
  color: #3c90d8;
  text-decoration: none;
  position: relative;
  line-height: 1;
  display: inline-block;
}

/* line 54, app/assets/stylesheets/design_extensions.scss */
.history_nav_next {
  margin-left: 50px;
}

/* line 58, app/assets/stylesheets/design_extensions.scss */
.month_box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 5px 5px 0px rgba(17, 18, 17, 0.05);
  padding-bottom: 10px;
}

/* line 70, app/assets/stylesheets/design_extensions.scss */
.arrow {
  font-size: 24px;
  color: #3c90d8;
  text-decoration: none;
}

/* line 75, app/assets/stylesheets/design_extensions.scss */
.month_text {
  color: #3c90d8;
  text-decoration: none;
  text-align: center;
}

/* line 81, app/assets/stylesheets/design_extensions.scss */
.month_text_total {
  font-size: 24px;
  color: #3c90d8;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
}

/* line 89, app/assets/stylesheets/design_extensions.scss */
.month_text_total span {
  padding: 2px 7px 0px;
}

/* line 93, app/assets/stylesheets/design_extensions.scss */
#more_link {
  margin-top: 40px;
  background-color: #17cbda;
  border: none;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px;
  width: 100%;
  font-weight: bold;
  display: block;
}

/* line 106, app/assets/stylesheets/design_extensions.scss */
.select_btn a {
  background-color: #36be5c;
  border: none;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px;
  font-weight: bold;
  display: block;
}

/* line 116, app/assets/stylesheets/design_extensions.scss */
.sticker_remodal ul {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

/* line 120, app/assets/stylesheets/design_extensions.scss */
.sticker_remodal ul li {
  width: 24%;
}

/* line 124, app/assets/stylesheets/design_extensions.scss */
.nav_list,
.history_tag,
.sticker_remodal ul,
.sticker_list,
.order_confirm_list ul,
.mypage_links {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 134, app/assets/stylesheets/design_extensions.scss */
.confirm-price-total {
  font-size: 20px;
}

/* line 137, app/assets/stylesheets/design_extensions.scss */
.confirm-price-has {
  text-align: center;
  font-size: 15px;
  color: #666;
  font-weight: normal;
}

/* line 143, app/assets/stylesheets/design_extensions.scss */
.message_list {
  position: relative;
}

/* line 146, app/assets/stylesheets/design_extensions.scss */
.label.label-warning.message-unread-counter {
  background: #c31717;
  color: #fff;
  display: block;
  padding: 0 5px;
  overflow: hidden;
  font-size: 9px;
  border-radius: 50%;
  position: absolute;
  top: 34px;
  right: 0;
}

/* line 158, app/assets/stylesheets/design_extensions.scss */
.btn-warning {
  background: #c31717;
}

/* line 161, app/assets/stylesheets/design_extensions.scss */
.mgb-30 {
  margin-bottom: 30px;
}

/* line 164, app/assets/stylesheets/design_extensions.scss */
#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  font-size: 15px;
}

/* line 168, app/assets/stylesheets/design_extensions.scss */
.post_delete_btn {
  padding: 3px;
  background: red;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

/* line 177, app/assets/stylesheets/design_extensions.scss */
.message_system.message_system span {
  overflow-wrap: break-word;
  max-width: 80%;
  border-radius: 5px;
  margin: 0 auto;
  background-color: #17cbda;
  padding: 10px 15px;
  line-height: 180%;
  text-align: left;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* line 189, app/assets/stylesheets/design_extensions.scss */
p.system_message_time {
  text-align: center;
  color: #aaa;
}

/* line 195, app/assets/stylesheets/design_extensions.scss */
div.message_inner_box {
  max-width: 60%;
  min-width: 10%;
  width: auto;
  z-index: 0;
}

/* line 203, app/assets/stylesheets/design_extensions.scss */
.message_inner_box,
.message_inner_box a {
  word-wrap: break-word;
  text-decoration: revert;
}

/* line 209, app/assets/stylesheets/design_extensions.scss */
.message_inner_from a {
  word-wrap: break-word;
  color: #fff;
  text-decoration: revert;
}

/* line 215, app/assets/stylesheets/design_extensions.scss */
.message_face.system_message_face {
  background-size: 180%;
}

/* line 218, app/assets/stylesheets/design_extensions.scss */
.message_system h4 {
  display: none;
}

/* line 221, app/assets/stylesheets/design_extensions.scss */
.message_inner_box:after {
  display: none !important;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  left: -10px;
  top: 10px;
}

/* line 233, app/assets/stylesheets/design_extensions.scss */
.message_inner_box.sticker_chat_box {
  width: 80%;
  text-align: center;
  background-image: url(/assets/sticker_bg-c1c35ce810a01fd49d9cf359194ef1a73a18da1f9b5635f4d5077339334b1fb4.gif);
  background-position: center;
}

/* line 240, app/assets/stylesheets/design_extensions.scss */
a.signup_without_sns_button,
a.login_or_signup_with_sns_button {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  background-color: #3baf75;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(128, 128, 128, 0.7);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
  width: 100%;
  padding: 10px;
}

/* line 255, app/assets/stylesheets/design_extensions.scss */
.cast_select_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 260, app/assets/stylesheets/design_extensions.scss */
.message_room_cast_select_btn {
  white-space: nowrap;
  display: block;
  width: 100%;
  text-align: center;
  border: solid 1px #3c90d8;
  background: #fff;
  color: #3c90d8 !important;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 0;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

/* line 275, app/assets/stylesheets/design_extensions.scss */
pre {
  display: none;
}

/* line 279, app/assets/stylesheets/design_extensions.scss */
.message-send {
  background-color: #17cbda;
  color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(128, 128, 128, 0.7);
}

/* line 285, app/assets/stylesheets/design_extensions.scss */
.selected_cast:before {
  content: "";
  font-size: 2rem;
  position: absolute;
  width: 100%;
  height: 100%;
  filter: brightness(75%);
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

/* line 296, app/assets/stylesheets/design_extensions.scss */
.selected_cast:after {
  content: "確定";
  font-size: 2rem;
  letter-spacing: 3px;
  color: #fff;
  position: absolute;
  z-index: 1100;
  padding: 10px 20px;
  border: 2px solid #fff;
  top: 40%;
  left: 9%;
  transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  text-align: center;
  width: 60%;
}

/* line 313, app/assets/stylesheets/design_extensions.scss */
.message_system a {
  color: #fff;
}

/* line 316, app/assets/stylesheets/design_extensions.scss */
.message_system .form_link {
  color: #17cbda;
}

/* line 319, app/assets/stylesheets/design_extensions.scss */
.nav {
  z-index: 3000;
}

/* line 322, app/assets/stylesheets/design_extensions.scss */
.subheader {
  z-index: 3000;
}

/* line 325, app/assets/stylesheets/design_extensions.scss */
.review_text_box {
  width: 100%;
  margin-top: 10px;
}

/* line 329, app/assets/stylesheets/design_extensions.scss */
.review_text_box textarea {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

/* line 337, app/assets/stylesheets/design_extensions.scss */
.payment_image_box {
  display: flex;
  align-items: center;
}

/* line 341, app/assets/stylesheets/design_extensions.scss */
.payment_image_box img {
  width: 20px;
  margin-right: 10px;
}

/* line 346, app/assets/stylesheets/design_extensions.scss */
.credit-card-consensus {
  height: 180px;
  overflow-y: scroll;
  border: solid gray;
  padding: 5px;
  padding-right: 1px;
}

/* line 352, app/assets/stylesheets/design_extensions.scss */
.credit-card-consensus .credit-card-consensus-title {
  font-weight: bold;
}

/* line 355, app/assets/stylesheets/design_extensions.scss */
.credit-card-consensus .credit-card-consensus-body {
  margin-top: 10px;
}

/* line 357, app/assets/stylesheets/design_extensions.scss */
.credit-card-consensus .credit-card-consensus-body p {
  margin: 5px 0;
}

/* line 363, app/assets/stylesheets/design_extensions.scss */
.hide_box {
  display: none;
}

/* line 367, app/assets/stylesheets/design_extensions.scss */
.scroll-end {
  display: none;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

/* line 373, app/assets/stylesheets/design_extensions.scss */
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
> .uppy-Dashboard-inner {
  height: 420px;
  margin: 80px auto;
  overflow: auto;
}

/* line 379, app/assets/stylesheets/design_extensions.scss */
.share_page h2 {
  text-align: center;
  font-size: 20px;
}

/* line 383, app/assets/stylesheets/design_extensions.scss */
.share_page .share_text {
  text-align: center;
  color: #777;
}

/* line 388, app/assets/stylesheets/design_extensions.scss */
.modal_inner .subbody {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 394, app/assets/stylesheets/design_extensions.scss */
.modal_inner .subbox {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 400, app/assets/stylesheets/design_extensions.scss */
.button-confirm {
  display: block;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  padding: 13px 0;
  border-radius: 10px;
  background-color: #3c90d8;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
}

/* line 415, app/assets/stylesheets/design_extensions.scss */
button.modal-button {
  border-radius: 5px;
  color: #fff;
  padding: 5% 0;
  margin-right: 4%;
  display: block;
  width: 100%;
  margin-top: 15px;
}

/* line 416, app/assets/stylesheets/design_extensions.scss */
button.modal-button.success {
  background-color: #00aa00;
  border: 1px solid #008800;
}

/* line 420, app/assets/stylesheets/design_extensions.scss */
button.modal-button.info {
  background-color: #3c90d8;
  border: 1px solid #3c90d8;
}

/* line 424, app/assets/stylesheets/design_extensions.scss */
button.modal-button.danger {
  background-color: #ff6600;
  border: 1px solid #ff3333;
}

/* line 428, app/assets/stylesheets/design_extensions.scss */
button.modal-button.disable {
  background-color: #aaaaaa;
  border: 1px solid #999999;
}

/* line 432, app/assets/stylesheets/design_extensions.scss */
button.modal-button.link {
  background-color: transparent !important;
  border: 1px solid #555 !important;
  color: #555 !important;
}

/* line 447, app/assets/stylesheets/design_extensions.scss */
[data-modal-id] {
  display: none;
}

/* line 450, app/assets/stylesheets/design_extensions.scss */
a.custom_btn_t2,
button.custom_btn_t2 {
  background-color: #f5b527;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

/* line 457, app/assets/stylesheets/design_extensions.scss */
.remind_link {
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  display: block;
}

/* line 463, app/assets/stylesheets/design_extensions.scss */
.small_box {
  height: 300px;
  overflow: auto;
}

/* line 467, app/assets/stylesheets/design_extensions.scss */
.agreement_box_title {
  text-align: center;
  margin-top: 3rem;
}

/* line 471, app/assets/stylesheets/design_extensions.scss */
.welcome_link .link_text {
  font-size: 20px;
  color: #fff;
  border: none;
  background-color: inherit;
  text-decoration: underline;
}

/* line 478, app/assets/stylesheets/design_extensions.scss */
.tingle-modal-box {
  position: relative;
  width: 90%;
}

/* line 482, app/assets/stylesheets/design_extensions.scss */
.order_count_input {
  width: 100%;
  border: 1px solid #b2b2b2;
}

/* line 486, app/assets/stylesheets/design_extensions.scss */
.order_count_wrap:before,
.order_count_wrap:after {
  display: none;
}

/* line 490, app/assets/stylesheets/design_extensions.scss */
.foot_print_head_btn {
  width: 30px;
  display: none;
  position: fixed;
  top: 15px;
  left: 10px;
  z-index: 10000;
}

/* line 498, app/assets/stylesheets/design_extensions.scss */
.show_head_foot_btn .foot_print_head_btn {
  display: block;
}

/* line 501, app/assets/stylesheets/design_extensions.scss */
.left_margin_foot_btn .foot_print_head_btn {
  display: block;
  left: 50px;
}

/* line 505, app/assets/stylesheets/design_extensions.scss */
.head_phone_btn {
  position: absolute;
  top: 7px;
  right: 50px;
  width: 30px;
  font-size: 33px;
  z-index: 15;
  color: white;
}

/* line 514, app/assets/stylesheets/design_extensions.scss */
.head_phone_btn:link,
.head_phone_btn:visited,
.head_phone_btn:active {
  color: white;
}

/* line 519, app/assets/stylesheets/design_extensions.scss */
.chat_soft_delete {
  display: none;
  width: 18px;
}

/* line 523, app/assets/stylesheets/design_extensions.scss */
.show_trash_icon {
  display: inline-block;
}

/* line 528, app/assets/stylesheets/design_extensions.scss */
.fontsize-15 {
  font-size: 15px;
}

/* line 535, app/assets/stylesheets/design_extensions.scss */
.custom-menu-etc {
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 62px;
  left: 0;
  width: 100%;
  padding: 0 5px;
}

/* line 544, app/assets/stylesheets/design_extensions.scss */
.custom-menu-etc .btn-herf, .custom-menu-etc .btn-herf-second {
  flex-direction: column;
}

/* line 547, app/assets/stylesheets/design_extensions.scss */
.custom-menu-etc .small {
  font-size: 10px;
}

/* line 552, app/assets/stylesheets/design_extensions.scss */
.modal-message-line {
  display: block;
  margin: .5em 0em;
}

/* line 555, app/assets/stylesheets/design_extensions.scss */
.modal-message-line.modal-headline {
  margin: 0;
  margin-top: 5px;
  border-bottom: dotted .2em;
}

/* line 560, app/assets/stylesheets/design_extensions.scss */
.modal-message-line .bold {
  font-weight: bold;
}

/* line 563, app/assets/stylesheets/design_extensions.scss */
.modal-message-line .danger {
  color: #c31717;
}

/* line 566, app/assets/stylesheets/design_extensions.scss */
.modal-message-line .large {
  font-size: 20px;
}

/* line 569, app/assets/stylesheets/design_extensions.scss */
.modal-message-line .middle {
  font-size: 15px;
}

/* line 572, app/assets/stylesheets/design_extensions.scss */
.modal-message-line .small {
  font-size: 13px;
}

/* line 576, app/assets/stylesheets/design_extensions.scss */
.modal-message-block {
  margin-top: 25px;
}

/* line 578, app/assets/stylesheets/design_extensions.scss */
.modal-message-block button {
  margin: 0;
}

/* line 582, app/assets/stylesheets/design_extensions.scss */
.subbody.chat_room_div {
  padding-bottom: 100px;
}

/* line 585, app/assets/stylesheets/design_extensions.scss */
.iphone_message_box {
  margin-bottom: 30px;
}

/* line 588, app/assets/stylesheets/design_extensions.scss */
.history_wrap {
  font-size: 10px;
}

/* line 591, app/assets/stylesheets/design_extensions.scss */
.profile_point_btn a.ranking_btn {
  background: linear-gradient(to bottom, rgba(255, 89, 0, 0.75) 0%, rgba(247, 98, 98, 0.75) 100%);
}

/* line 598, app/assets/stylesheets/design_extensions.scss */
textarea#message-new-content {
  max-height: 50vh;
}

/* line 601, app/assets/stylesheets/design_extensions.scss */
.payment_method_box input {
  margin-left: 10px;
}

/* line 604, app/assets/stylesheets/design_extensions.scss */
.notes_text {
  font-weight: normal;
  color: #c31717;
}

/* line 608, app/assets/stylesheets/design_extensions.scss */
#payment_method_notes {
  font-weight: normal;
  color: #333;
}

/* line 612, app/assets/stylesheets/design_extensions.scss */
#payment_method_notes p {
  padding: 5px;
  background-color: #ffffcf;
  border: 1px solid #a59066;
}

/* line 618, app/assets/stylesheets/design_extensions.scss */
.message_room_payment_btn {
  display: block;
  width: 100%;
  text-align: center;
  background-color: red;
  border: 1px solid #ff355a;
  color: #ff355a;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(128, 128, 128, 0.7);
}

/* line 631, app/assets/stylesheets/design_extensions.scss */
.overview_credit {
  display: block;
  padding: 5px 8px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
}

/* line 641, app/assets/stylesheets/design_extensions.scss */
.credit_amount_number {
  text-align: center;
  padding: 10px;
}

/* line 645, app/assets/stylesheets/design_extensions.scss */
.credit_balance {
  text-align: center;
  margin: 0px 0;
}

/* line 649, app/assets/stylesheets/design_extensions.scss */
.charge_input {
  width: 40%;
  border-radius: 10px;
  height: 40px;
  font-size: 27px !important;
  text-align: right;
}

/* line 656, app/assets/stylesheets/design_extensions.scss */
.alert_message {
  text-align: center;
  padding: 0 0 3px;
}

/* line 660, app/assets/stylesheets/design_extensions.scss */
.credit_title {
  margin: 10px 0px 10px 0px;
  padding-bottom: 5px;
  text-align: center;
  color: #888;
  position: relative;
  text-decoration: none;
}

/* line 669, app/assets/stylesheets/design_extensions.scss */
.check_payment_method {
  display: flex;
  text-align: center;
}

/* line 673, app/assets/stylesheets/design_extensions.scss */
.credit_title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 2px;
  background: #17cbda;
}

/* line 684, app/assets/stylesheets/design_extensions.scss */
.delay_selection_conrainer {
  padding: 5px;
}

/* line 687, app/assets/stylesheets/design_extensions.scss */
.credit_request_colum {
  text-align: center;
  padding: 5px;
}

/* line 691, app/assets/stylesheets/design_extensions.scss */
.toggle-arrow-disp {
  display: block;
  position: relative;
  font-size: 15px;
  color: #7e4d21;
}

/* line 697, app/assets/stylesheets/design_extensions.scss */
.toggle-arrow-disp:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-width: 4px 0 4px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  content: "";
}

/* line 710, app/assets/stylesheets/design_extensions.scss */
.toggle-arrow-disp.active:after {
  transform: translateY(-50%) rotate(-90deg) !important;
}

/* line 713, app/assets/stylesheets/design_extensions.scss */
.toggle-arrow-disp:after {
  transform: translateY(-50%) rotate(90deg) !important;
  transition: all, 0.3s;
}

/* link-arrow aタグのリンクに矢印を出してリンクできる感を出す */
/* line 719, app/assets/stylesheets/design_extensions.scss */
a.link-arrow {
  position: relative;
}

/* line 722, app/assets/stylesheets/design_extensions.scss */
a.link-arrow:after {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fff;
}

/* フリーオーダーの残〇分のアイコン */
/* line 737, app/assets/stylesheets/design_extensions.scss */
.icon-timelimit {
  width: 100px;
  text-align: center;
  text-decoration: none;
  background-color: #c31717;
  margin-bottom: 2px;
  border-radius: 5px;
  color: #fff;
}

/* line 746, app/assets/stylesheets/design_extensions.scss */
.meeting-list {
  font-size: 13px;
  padding-inline-start: 20px;
}

/* line 750, app/assets/stylesheets/design_extensions.scss */
.meeting-list-item span {
  font-weight: bold;
  font-size: 15px;
}

/* 注意文字をspanで囲うと赤い字になる */
/* line 756, app/assets/stylesheets/design_extensions.scss */
.caution-color {
  color: #c31717;
  font-weight: bold;
}

/* 注意文（お知らせ）を表示するボックス */
/* line 761, app/assets/stylesheets/design_extensions.scss */
.caution-box {
  padding: 20px;
  margin: 25px 0;
  border: double 4px #c31717;
  background-color: #fff;
  border-radius: 10px;
}

/* line 768, app/assets/stylesheets/design_extensions.scss */
.caution-box-title {
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(transparent 90%, #c31717 0%);
}

/* line 774, app/assets/stylesheets/design_extensions.scss */
.caution-box-content {
  margin-top: 10px;
}

/* line 777, app/assets/stylesheets/design_extensions.scss */
ul.caution-box-content {
  padding-inline-start: 20px;
}

/* line 5835, app/assets/stylesheets/design.scss */
.btn-line-notify-reg {
  background-color: #16c464 !important;
}

/* line 5838, app/assets/stylesheets/design.scss */
.btn-line-notify-del {
  background-color: #cccccc !important;
}

/* line 5841, app/assets/stylesheets/design.scss */
.areaname {
  line-height: 0.6;
  font-size: 10px;
}

/* line 5845, app/assets/stylesheets/design.scss */
.nickname {
  font-weight: bold;
}

/* line 5849, app/assets/stylesheets/design.scss */
.userbirthday {
  font-size: 10px;
}

/* line 5853, app/assets/stylesheets/design.scss */
.interested-profile {
  position: absolute;
  width: 38px;
  height: 40px;
  right: 50px;
  top: 0;
  z-index: 50;
  margin-top: 8px;
}

/* line 5861, app/assets/stylesheets/design.scss */
.interested-profile input {
  filter: drop-shadow(0 0 3px #999);
  opacity: 0.7;
}

/* line 5868, app/assets/stylesheets/design.scss */
.check_memo_icon_show {
  line-height: 1;
  width: 28px;
  z-index: 50;
  margin-left: 6px;
}

/* line 5873, app/assets/stylesheets/design.scss */
.check_memo_icon_show img {
  filter: drop-shadow(0 0 3px #999);
  opacity: 0.7;
}

/* line 5878, app/assets/stylesheets/design.scss */
.check_memo_icon_show span {
  padding-left: 3px;
}

/* line 5881, app/assets/stylesheets/design.scss */
.memo-wrap {
  width: 100%;
}

/* line 5885, app/assets/stylesheets/design.scss */
.memo_topic {
  width: 100%;
  display: block;
  padding: 0;
  text-align: left;
}

/* line 5891, app/assets/stylesheets/design.scss */
.memo_content {
  width: 100%;
  display: block;
  margin: 8px 0 0;
}

/* line 5896, app/assets/stylesheets/design.scss */
.memo_box {
  display: block;
  margin: 20px 0 0;
}

/* line 5900, app/assets/stylesheets/design.scss */
.memo_select {
  border: solid 1px #888;
}

/* line 5903, app/assets/stylesheets/design.scss */
.memo_text {
  width: 100%;
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  border-color: #888;
}

/* line 5910, app/assets/stylesheets/design.scss */
.memo-caution {
  margin: 10px 10% 10px 9%;
  padding: 10px;
  border: double 4px #c31717;
}

/* line 5916, app/assets/stylesheets/design.scss */
.auto_match_notice {
  font-size: smaller;
  text-align: center;
  display: inline-block;
  width: 100%;
  color: red;
}

/* line 5925, app/assets/stylesheets/design.scss */
.sns_link {
  text-decoration: none;
  position: absolute;
  right: 0px;
  bottom: 53px;
}

/* line 5931, app/assets/stylesheets/design.scss */
.line-notify-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(23, 203, 218, 0.8);
}

/* line 5941, app/assets/stylesheets/design.scss */
.line-notify-modal .line-notify-modal-wrap {
  text-align: center;
  background-color: #fff;
  top: 3%;
  right: 5%;
  bottom: 3%;
  left: 5%;
  border-radius: 5px;
  position: absolute;
}

/* line 5950, app/assets/stylesheets/design.scss */
.line-notify-modal .line-notify-modal-wrap:after {
  display: block;
  content: "";
  background-color: #fff;
  height: 43px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  border-radius: 5px;
}

/* line 5964, app/assets/stylesheets/design.scss */
.line-notify-modal .select-box {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 100%;
}

/* line 5971, app/assets/stylesheets/design.scss */
.line-notify-modal .select-box-inner {
  margin: 30% auto;
  display: table;
}

/* line 5976, app/assets/stylesheets/design.scss */
.line-notify-modal .strong-text {
  margin: 25px 0 0;
  font-size: 15px;
  background-image: linear-gradient(transparent 60%, #fffa50 50%);
  display: inline-block;
}

/* line 5983, app/assets/stylesheets/design.scss */
.line-notify-modal .strong-text span {
  font-weight: bold;
}

/* line 5987, app/assets/stylesheets/design.scss */
.line-notify-title {
  text-align: center;
  padding: 0 5%;
  color: #1dcd00;
}

/* line 5993, app/assets/stylesheets/design.scss */
.line-notify-reccomend {
  padding: 0 3rem;
}

/* line 5995, app/assets/stylesheets/design.scss */
.line-notify-reccomend dt {
  font-weight: bold;
  font-size: 15px;
  padding: 5px 0 5px 30px;
  background: url(/assets/line_check-f04e5c4a2349494b3270f2224a3e6f6e8613bb015e813802b8351a29e9505ba2.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
}

/* line 6004, app/assets/stylesheets/design.scss */
.line-notify-reccomend dd {
  margin-left: 0;
}

/* line 6009, app/assets/stylesheets/design.scss */
.line-messaging-login {
  display: flex;
  flex-direction: column;
}

/* line 6012, app/assets/stylesheets/design.scss */
.line-messaging-login .line-messaging-login-title {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}

/* line 6017, app/assets/stylesheets/design.scss */
.line-messaging-login .line-messaging-login-body {
  display: flex;
  flex-direction: column;
  text-align: start;
}

/* line 6021, app/assets/stylesheets/design.scss */
.line-messaging-login .line-messaging-login-body span {
  margin: 5px 0;
}

/* line 6023, app/assets/stylesheets/design.scss */
.line-messaging-login .line-messaging-login-body span.line-messaging-login-add-friend-btn {
  margin: 5px auto;
}

/* line 6025, app/assets/stylesheets/design.scss */
.line-messaging-login .line-messaging-login-body span.line-messaging-login-add-friend-btn img {
  width: auto;
}

/* line 6033, app/assets/stylesheets/design.scss */
.btn-line-notify-reg-wrap {
  text-align: center;
}

/* line 6037, app/assets/stylesheets/design.scss */
.btn-line-notify-reg {
  width: 80%;
  display: inline-block;
  padding: 12px 0px;
  line-height: 135%;
  margin-top: 20px;
  background: #1dcd00;
  color: #fff;
  border-radius: 4px;
}

/* line 6046, app/assets/stylesheets/design.scss */
.btn-line-notify-reg:hover {
  background: #555;
}

/* line 6050, app/assets/stylesheets/design.scss */
.btn-line-notify-next-wrap {
  text-align: center;
  margin-top: 1.5rem;
}

/* line 6054, app/assets/stylesheets/design.scss */
.btn-line-notify-next {
  width: 80%;
  padding: 20px 0;
  display: inline-block;
  line-height: 135%;
  background: #17cbda;
  color: #fff;
  border-radius: 4px;
}

/* line 6067, app/assets/stylesheets/design.scss */
.convasation-contact-btn {
  position: fixed;
  bottom: 70px;
  margin: 0;
}

/* line 6073, app/assets/stylesheets/design.scss */
.conversation-point-charge {
  margin-bottom: 10px;
}

/* line 6077, app/assets/stylesheets/design.scss */
#remote-media-div {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 6084, app/assets/stylesheets/design.scss */
#remote-media-div video {
  width: 100%;
  height: 100%;
}

/* line 6090, app/assets/stylesheets/design.scss */
#local-media video {
  width: 28%;
  position: absolute;
  top: 20px;
  left: 13px;
  background-color: #272726;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
}

/* line 6099, app/assets/stylesheets/design.scss */
.video-start-btn {
  position: fixed;
  right: 3%;
}

/* line 6103, app/assets/stylesheets/design.scss */
.video-btn-wrapper {
  position: fixed;
  z-index: 100;
  width: 100%;
  bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 6111, app/assets/stylesheets/design.scss */
.video-btn-wrapper .video-btn {
  padding: 8px;
  background: none;
  position: relative;
  border: solid 0px;
  width: 55px;
  height: 55px;
  text-align: center;
  margin: 0 10px;
  border-radius: 50%;
  overflow: hidden;
}

/* line 6122, app/assets/stylesheets/design.scss */
.video-btn-wrapper .video-btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  filter: blur(1px);
}

/* line 6134, app/assets/stylesheets/design.scss */
.video-btn-wrapper .video-btn i {
  color: #17cbda;
  font-size: 24px;
}

/* line 6138, app/assets/stylesheets/design.scss */
.video-btn-wrapper .video-btn-tel {
  width: 65px;
  height: 65px;
  text-align: center;
}

/* line 6142, app/assets/stylesheets/design.scss */
.video-btn-wrapper .video-btn-tel:after {
  background: rgba(204, 5, 5, 0.7);
}

/* line 6146, app/assets/stylesheets/design.scss */
.video-btn-wrapper .video-btn-tel i {
  color: #fff;
  font-size: 24px;
}

/* line 6151, app/assets/stylesheets/design.scss */
.video-miss-btn {
  text-align: center;
}

/* line 6157, app/assets/stylesheets/design.scss */
.faq-btn-wrapper {
  position: fixed;
  z-index: 100;
  top: 5px;
  left: 0;
  right: 0;
  width: 75%;
  margin: auto;
}

/* line 6165, app/assets/stylesheets/design.scss */
.faq-btn-wrapper a {
  border: solid 1px #fff;
  color: #fff;
  padding: 3px 5px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

/* line 6175, app/assets/stylesheets/design.scss */
.start_online {
  background-color: white;
  border-radius: 10px;
  text-decoration: none;
  color: #3c90d8 !important;
  padding: 5px;
  font-weight: bold;
}

/* line 6183, app/assets/stylesheets/design.scss */
.setting-point-link {
  display: block;
  flex-wrap: wrap;
}

/* line 6186, app/assets/stylesheets/design.scss */
.setting-point-link a {
  font-size: 15px;
  display: block;
  width: 50%;
  text-align: center;
  margin: auto;
}

/* line 6194, app/assets/stylesheets/design.scss */
.setting-invite {
  width: 88% !important;
}

/* line 6198, app/assets/stylesheets/design.scss */
.setting-line-login {
  background-color: #fff;
  margin: 20px;
  padding: 15px;
}

/* line 6203, app/assets/stylesheets/design.scss */
.setting-topic-head {
  font-size: 20px;
  text-align: center;
  margin-bottom: 16px;
}

/* line 6208, app/assets/stylesheets/design.scss */
.setting-topic-inner {
  max-width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}

/* line 6214, app/assets/stylesheets/design.scss */
.setting-topic-inner.topic_date {
  margin-right: 10px;
}

/* line 6218, app/assets/stylesheets/design.scss */
.setting-topics {
  margin: 8px 0;
  text-align: left;
}

/* line 6224, app/assets/stylesheets/design.scss */
.setting-topic-title {
  font-size: 15px;
  color: #3c90d8;
}

/* line 6228, app/assets/stylesheets/design.scss */
.setting-topic-past {
  color: #3c90d8;
  margin-top: 10px;
  text-align: right;
  display: block;
}

/* line 6234, app/assets/stylesheets/design.scss */
.newMark {
  background-color: #fb7272;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  bottom: 0px;
  margin-right: 3px;
  padding: 1px 4px 2px;
  vertical-align: text-top;
  position: relative;
  bottom: 2px;
}

/* line 6247, app/assets/stylesheets/design.scss */
.topics {
  color: #333;
  text-decoration: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  font-weight: normal;
  text-align: justify;
}

/* line 6259, app/assets/stylesheets/design.scss */
.topics_info {
  text-align: center;
  margin: 4px;
}

/* line 6263, app/assets/stylesheets/design.scss */
.topic_pics {
  width: 95%;
  vertical-align: middle;
  /* 上下中央に寄せる */
  padding: 0.3em 0.1em;
  border: solid 1px #dcdcdc;
  text-align: center;
  margin: 0 auto;
}

/* line 6272, app/assets/stylesheets/design.scss */
.topics_table {
  margin: 10px 0;
  padding: 12px;
  color: #3c90d8;
  background: #fff;
  border: solid 1px #3c90d8;
  border-radius: 10px;
  /*角の丸み*/
}

/* line 6280, app/assets/stylesheets/design.scss */
.topic_title {
  color: #3c90d8;
  font-size: 15px;
  text-decoration: none;
  text-align: left;
  display: block;
}

/* line 6288, app/assets/stylesheets/design.scss */
.topic_wrap {
  border-bottom: 1px solid #ccc;
}

/* line 6291, app/assets/stylesheets/design.scss */
.link_to_line_notify {
  text-align: center;
  margin-top: 124px;
}

/* line 6295, app/assets/stylesheets/design.scss */
.link_to_line_notify * a {
  color: #3c90d8;
  font-size: 15px;
  font-weight: bold;
}

/* line 6300, app/assets/stylesheets/design.scss */
.bnr_bou {
  border: 1px solid #ccc;
  box-shadow: 0px 1px 1px 1px #dcdcdc;
  margin: 0px auto;
}

/* line 6306, app/assets/stylesheets/design.scss */
.cast-active {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0ec357;
  margin: 0;
}

/* line 6314, app/assets/stylesheets/design.scss */
.message_content_inline {
  display: flex;
}

/* line 6317, app/assets/stylesheets/design.scss */
.message_content_name {
  display: inline;
}

/* line 6320, app/assets/stylesheets/design.scss */
.partner_content {
  font-size: 10px;
}

/* line 6323, app/assets/stylesheets/design.scss */
.topic_notice {
  padding: 30px 0 0 0;
  text-align: left;
}

/* line 6327, app/assets/stylesheets/design.scss */
.topic_notice_title {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  border-bottom: 2px dotted #999999;
}

/* line 6333, app/assets/stylesheets/design.scss */
.topic_contents {
  padding-top: 10px;
}

/* line 6337, app/assets/stylesheets/design.scss */
.topic_content {
  padding-top: 10px;
}

/* line 6341, app/assets/stylesheets/design.scss */
.nav_search {
  text-align: center;
}

/* line 6344, app/assets/stylesheets/design.scss */
.nav_search ul {
  margin: 0;
  padding: 0;
}

/* line 6348, app/assets/stylesheets/design.scss */
.nav_search li {
  list-style: none;
  display: inline-block;
  width: 10%;
  min-width: 90px;
}

/* line 6354, app/assets/stylesheets/design.scss */
.nav_search li:not(:last-child) {
  border-right: 2px solid #ddd;
}

/* line 6357, app/assets/stylesheets/design.scss */
.nav_search a {
  text-decoration: none;
  color: #333;
}

/* line 6361, app/assets/stylesheets/design.scss */
.nav_search a.current {
  color: #00b0f0;
  border-bottom: 2px solid #00b0f0;
}

/* line 6365, app/assets/stylesheets/design.scss */
.nav_search a:hover {
  color: #f7cb4d;
  border-bottom: 2px solid #f7cb4d;
}

/* line 6369, app/assets/stylesheets/design.scss */
.checkbox {
  display: none;
}

/* line 6372, app/assets/stylesheets/design.scss */
.checkbox-fontas {
  position: relative;
  vertical-align: middle;
}

/* line 6376, app/assets/stylesheets/design.scss */
.checkbox + .checkbox-fontas:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: #ccc;
}

/* line 6382, app/assets/stylesheets/design.scss */
.checkbox:checked + .checkbox-fontas:before {
  color: #ff7a7c;
}

/* line 6385, app/assets/stylesheets/design.scss */
.referral_box {
  font-size: 15px;
  margin: 25px 0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 5px 0px rgba(17, 18, 17, 0.05);
  padding: 10px;
  position: relative;
  color: #333;
  text-decoration: none;
  display: block;
  line-height: 1.7;
}

/* line 6398, app/assets/stylesheets/design.scss */
.referral_subtitle {
  margin: 0 10px;
  font-size: 15px;
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #17cbda;
  font-weight: bold;
}

/* line 6407, app/assets/stylesheets/design.scss */
.referral_text {
  margin: 10px 10px 0 10px;
  text-align: justify;
}

/* line 6415, app/assets/stylesheets/design.scss */
.subbody_ex {
  margin: 0% auto;
  width: 100%;
}

/* line 6420, app/assets/stylesheets/design.scss */
.subbox_shoplist {
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0px 5px 5px 0px rgba(17, 18, 17, 0.05);
  padding: 0px 20px;
  position: relative;
  color: #333;
  text-decoration: none;
  display: block;
}

/* line 6432, app/assets/stylesheets/design.scss */
.free_int {
  position: relative;
}

/* line 6436, app/assets/stylesheets/design.scss */
.bottom {
  margin-bottom: 50px;
}

/* line 6443, app/assets/stylesheets/design.scss */
.box_line a {
  text-decoration: none;
}

/* line 6447, app/assets/stylesheets/design.scss */
.mypage_faq_content span {
  background: linear-gradient(transparent 60%, #99ffff 60%);
}

/* line 6451, app/assets/stylesheets/design.scss */
.select_box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  text-align: center;
  padding-top: 5px;
}

/* line 6459, app/assets/stylesheets/design.scss */
.select_box_child {
  font-weight: bold;
  display: inline-block;
  background-color: #17cbda;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  padding: 8px 0;
  font-size: 15px;
  width: 45%;
}

/* line 6470, app/assets/stylesheets/design.scss */
.select_box_child a {
  color: #ffffff;
  text-decoration: none;
}

/* line 6476, app/assets/stylesheets/design.scss */
.payment_box {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 0.35em;
  margin-bottom: 0.625em;
  width: 48%;
}

/* line 6483, app/assets/stylesheets/design.scss */
.payment_title {
  background-color: #eff0f2;
  display: block;
  border-right: none;
  padding: 5px;
}

/* line 6490, app/assets/stylesheets/design.scss */
.blue_button {
  -webkit-appearance: none;
  width: 100%;
  background-color: #3c90d8;
  border-radius: 10px;
  line-height: 1.5;
  margin-top: 20px;
  text-align: center;
  padding: 1px;
}

/* line 6500, app/assets/stylesheets/design.scss */
.blue_button p {
  color: #fff;
  line-height: 1;
  text-decoration: none;
}

/* line 6507, app/assets/stylesheets/design.scss */
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
  width: 100%;
  color: #333 !important;
}

/* line 6525, app/assets/stylesheets/design.scss */
.point_box_inner {
  display: flex;
  justify-content: space-around;
}

/* line 6529, app/assets/stylesheets/design.scss */
.point_box table {
  margin: 0 auto;
  font-size: 15px;
  color: #3c90d8;
}

/* line 6535, app/assets/stylesheets/design.scss */
.gray {
  text-align: center;
  color: #888;
  position: relative;
  text-decoration: none;
}

/* line 6544, app/assets/stylesheets/design.scss */
.show_box {
  display: none;
}

/* line 6547, app/assets/stylesheets/design.scss */
.credit_section01 {
  display: block;
}

/* line 6552, app/assets/stylesheets/design.scss */
.history_about_info {
  display: flex;
  justify-content: space-around;
}

/* line 6556, app/assets/stylesheets/design.scss */
.history_about_info_info {
  color: #333;
  text-decoration: none;
}

/* line 6560, app/assets/stylesheets/design.scss */
.border-left {
  border-left: 1px solid #ccc;
}

/* line 6563, app/assets/stylesheets/design.scss */
.width49 {
  width: 49%;
}

/****** 予約リクエスト関連 *******/
/* line 6568, app/assets/stylesheets/design.scss */
.reservation_status_box {
  border: solid 1px #fff;
  color: white;
  background-color: dodgerblue;
  margin: 0 auto;
  width: 30%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: .5em;
  font-size: 10px;
}

/* line 6579, app/assets/stylesheets/design.scss */
.reservation_status_box.requested {
  background-color: #f17a7a;
}

/* line 6582, app/assets/stylesheets/design.scss */
.reservation_status_box.confirmed, .reservation_status_box.point_requested, .reservation_status_box.cash {
  background-color: #fc0;
}

/* line 6585, app/assets/stylesheets/design.scss */
.reservation_status_box.canceled, .reservation_status_box.admin_canceled {
  background-color: gray;
}

/* line 6588, app/assets/stylesheets/design.scss */
.reservation_status_box.charged, .reservation_status_box.uncharged {
  background-color: transparent;
  border-color: black;
  color: black;
}

/* line 6593, app/assets/stylesheets/design.scss */
.reservation_status_box.focused {
  height: 80%;
  width: 20%;
}

/* line 6597, app/assets/stylesheets/design.scss */
.reservation_status_box span {
  margin: 0 auto;
  white-space: nowrap;
}

/* line 6602, app/assets/stylesheets/design.scss */
.chat_room_latest_reservation {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 75px;
  z-index: 1;
}

/* line 6610, app/assets/stylesheets/design.scss */
.chat_room_latest_reservation .latest_reservation_box {
  color: #fff;
  border: solid 1px #8a8a8a;
  border-radius: 5px;
  background-color: deepskyblue;
  width: 95%;
  height: 45px;
  margin: 2px auto;
  display: flex;
  align-items: center;
}

/* line 6620, app/assets/stylesheets/design.scss */
.chat_room_latest_reservation .latest_reservation_box.all {
  height: 30px;
}

/* line 6623, app/assets/stylesheets/design.scss */
.chat_room_latest_reservation .latest_reservation_box .latest_reservation_info {
  margin: 0 auto;
  display: flex;
  align-items: center;
}

/* line 6627, app/assets/stylesheets/design.scss */
.chat_room_latest_reservation .latest_reservation_box .latest_reservation_info button {
  border: none;
  color: white;
  background-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  height: 90%;
  text-decoration: underline;
}

/* line 6641, app/assets/stylesheets/design.scss */
.create_reservation_input .search_content.reservation_begin_at .search_content_input {
  width: 40%;
}

/* line 6643, app/assets/stylesheets/design.scss */
.create_reservation_input .search_content.reservation_begin_at .search_content_input input.create_reservation_begin_at_date {
  height: 26px;
  padding-right: 0;
}

/* line 6652, app/assets/stylesheets/design.scss */
.show_reservations .reservation_row {
  border-top: dotted 1px black;
  border-bottom: dotted 1px black;
  margin-top: -1px;
  border-spacing: none;
  display: flex;
  align-items: center;
  padding: 2em 0;
}

/* line 6660, app/assets/stylesheets/design.scss */
.show_reservations .reservation_row .reservation_info {
  margin: 0 auto;
  width: 55%;
}

/* line 6664, app/assets/stylesheets/design.scss */
.show_reservations .reservation_row button {
  width: 15% !important;
  margin: 0;
  padding: .5em;
}

/* line 6673, app/assets/stylesheets/design.scss */
.show_reservation_detail .reservation_detail_box {
  font-size: 2em;
  margin-bottom: 10px;
  margin-left: 10px;
}

/* line 6677, app/assets/stylesheets/design.scss */
.show_reservation_detail .reservation_detail_box .reservation_detail_info {
  font-size: 14px;
}

/* line 6683, app/assets/stylesheets/design.scss */
.reservation-flow {
  margin: 0 5px;
  display: flex;
  width: 90%;
}

/* line 6687, app/assets/stylesheets/design.scss */
.reservation-flow::after {
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

/* line 6693, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box {
  padding-top: 10px;
  width: 33%;
  /* 表示するステータスの数により変動 */
  height: 30px;
  background: gray;
  /* デフォルトの色指定 */
  color: white;
  float: left;
  position: relative;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  padding-left: 25px;
}

/* line 6705, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box:first-child {
  padding-left: 15px;
}

/* line 6708, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box::before, .reservation-flow .reservation-flow-box::after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  content: "";
  position: absolute;
  top: 0;
}

/* line 6715, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box::before {
  border-left: 20px solid white;
  right: -21px;
  /* 三角形を作ってafterの下に配置する */
  z-index: 9;
}

/* line 6720, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box::after {
  border-left: 20px solid gray;
  right: -20px;
  /* 三角形幅分ずらす */
  z-index: 10;
}

/* line 6725, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box.focused {
  background: #17cbda;
}

/* line 6727, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box.focused::after {
  border-left-color: #17cbda;
}

/* line 6731, app/assets/stylesheets/design.scss */
.reservation-flow .reservation-flow-box.half {
  width: 50%;
}

/* line 6737, app/assets/stylesheets/design.scss */
.reservation-notice-box {
  border: solid 1.5px red;
  color: red;
  background-color: transparent;
  height: 100%;
  align-items: center;
  padding: .5em;
  font-size: 10px;
  text-align: center;
  margin: 15px 0;
}

/* line 6747, app/assets/stylesheets/design.scss */
.reservation-notice-box.warning {
  border-color: white;
  color: white;
  background-color: #f5b527;
}

/* line 6752, app/assets/stylesheets/design.scss */
.reservation-notice-box.charged {
  border-color: #333;
  color: #333;
}

/******予約リクエストモーダル conversations/_create_reservation_modal.html.erb*******/
/* line 6760, app/assets/stylesheets/design.scss */
.reservation_category {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}

/* line 6764, app/assets/stylesheets/design.scss */
.reservation_category input {
  display: none;
}

/* line 6768, app/assets/stylesheets/design.scss */
.reservation_category_real + label {
  margin-right: 1%;
  background-image: url(/assets/meet_color-c2e30160301f2cd9ac362896a0b885201b38bd1a9be22fad1e1c502037c36a7f.svg);
}

/* line 6772, app/assets/stylesheets/design.scss */
.reservation_category_online + label {
  background-image: url(/assets/online_color-17e09a8e66ae326ef0dda295fa112b1e3a8136e72b255b6d94ce9b0d966558b0.svg);
}

/* line 6776, app/assets/stylesheets/design.scss */
.reservation_category_real:checked + label {
  background-image: url(/assets/meet_white-ad27819a58a577dec2996e0a6bcebaa6f4fc4928a61effee7136791aa5272441.svg);
}

/* line 6779, app/assets/stylesheets/design.scss */
.reservation_category_online:checked + label {
  background-image: url(/assets/online_white-42c2471173ae541c3a53465afcfd44e9a0058255387c8b1ad5af3bf95e0bfc26.svg);
}

/* line 6783, app/assets/stylesheets/design.scss */
.reservation_category_label {
  display: block;
  font-size: 11px;
  border: solid 1px #8a8a8a;
  color: #8a8a8a;
  border-radius: 5px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 1rem 0.5rem;
  background-size: 22px;
  background-position: left 5px center;
  background-repeat: no-repeat;
  padding-left: 32px;
  width: 49.5%;
}

/* line 6800, app/assets/stylesheets/design.scss */
.reservation_category_input:checked + label {
  border-color: #fff;
  background-color: #17cbda;
  color: #fff;
}

/* line 6806, app/assets/stylesheets/design.scss */
.history_receipt {
  color: #3c90d8;
}

/******キャスト待機モーダル _standby_modal.html.erb*******/
/* line 6811, app/assets/stylesheets/design.scss */
.standby_modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  background-color: rgba(23, 203, 218, 0.8);
}

/* line 6822, app/assets/stylesheets/design.scss */
.standby_form {
  padding: 0 3rem !important;
}

/* line 6826, app/assets/stylesheets/design.scss */
.standby_message {
  font-size: 15px;
  text-align: center;
  line-height: 2.4;
}

/* line 6832, app/assets/stylesheets/design.scss */
.standby_message_time {
  font-size: 24px;
  font-weight: bold;
  color: #f96464;
}

/* line 6838, app/assets/stylesheets/design.scss */
.standby_message_cat {
  font-weight: bold;
  font-size: 20px;
  color: #17cbda;
  border-radius: 4px;
  background: #eff0f2;
  padding: 1rem;
  display: flex;
  align-items: center;
}

/* line 6849, app/assets/stylesheets/design.scss */
.standby_message_cat img {
  width: 28px;
  margin-right: 3px;
}

/* line 6854, app/assets/stylesheets/design.scss */
.standby_title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin: 3rem 0 1rem;
}

/* line 6860, app/assets/stylesheets/design.scss */
.standby_text {
  font-size: 10px;
  font-weight: bold;
  background-color: #d9f7fa;
  padding: 4px;
}

/* line 6866, app/assets/stylesheets/design.scss */
.stndby_category {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

/* line 6872, app/assets/stylesheets/design.scss */
.stndby_category input {
  display: none;
}

/* line 6876, app/assets/stylesheets/design.scss */
.standby_cat_input_1 + label {
  margin-right: 1%;
  background-image: url(/assets/meet_color-c2e30160301f2cd9ac362896a0b885201b38bd1a9be22fad1e1c502037c36a7f.svg);
}

/* line 6880, app/assets/stylesheets/design.scss */
.standby_cat_input_2 + label {
  background-image: url(/assets/online_color-17e09a8e66ae326ef0dda295fa112b1e3a8136e72b255b6d94ce9b0d966558b0.svg);
}

/* line 6884, app/assets/stylesheets/design.scss */
.standby_cat_label {
  display: block;
  font-size: 10px;
  border: solid 1px #8a8a8a;
  color: #8a8a8a;
  border-radius: 5px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 1rem 0.5rem;
  background-size: 22px;
  background-position: left 5px center;
  background-repeat: no-repeat;
  padding-left: 32px;
  width: 49.5%;
}

/* line 6901, app/assets/stylesheets/design.scss */
.standby_cat_input_1:checked + label {
  background-image: url(/assets/meet_white-ad27819a58a577dec2996e0a6bcebaa6f4fc4928a61effee7136791aa5272441.svg);
}

/* line 6904, app/assets/stylesheets/design.scss */
.standby_cat_input_2:checked + label {
  background-image: url(/assets/online_white-42c2471173ae541c3a53465afcfd44e9a0058255387c8b1ad5af3bf95e0bfc26.svg);
}

/* line 6908, app/assets/stylesheets/design.scss */
.standby_cat_input:checked + label {
  border-color: #fff;
  background-color: #3c90d8;
  color: #fff;
}

/* line 6914, app/assets/stylesheets/design.scss */
.standby_time {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  margin: 0 auto;
  width: 200px;
}

/* line 6922, app/assets/stylesheets/design.scss */
.standby_time input {
  display: none;
}

/* line 6926, app/assets/stylesheets/design.scss */
.standby_time_label {
  padding: 0.5rem 1rem;
  border: solid 1px #8a8a8a;
  color: #8a8a8a;
  border-radius: 5px;
  font-size: 10px;
  margin: 0 3px;
  text-align: center;
  display: block;
}

/* line 6937, app/assets/stylesheets/design.scss */
.standby_time_label span {
  font-weight: bold;
  font-size: 24px;
  display: block;
  line-height: 1;
}

/* line 6944, app/assets/stylesheets/design.scss */
.standby_time input:checked + label {
  border-color: #fff;
  background-color: #f5b527;
  color: #fff;
}

/* line 6951, app/assets/stylesheets/design.scss */
.login_page_standby_casts h1 {
  display: block;
  text-align: center;
  font-size: 20px;
}

/* line 6957, app/assets/stylesheets/design.scss */
.gtm-login-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}

/* line 6964, app/assets/stylesheets/design.scss */
.gtm-login-line {
  background: #1dcd00 !important;
}

/* line 6968, app/assets/stylesheets/design.scss */
.gtm-sms-text {
  background: antiquewhite;
  font-size: 10px;
}

/* line 6972, app/assets/stylesheets/design.scss */
.gtm-sms-line {
  background-color: #1dcd00;
}

/* tab */
/* line 6977, app/assets/stylesheets/design.scss */
.tab-index .tab-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eff0f2;
  text-align: center;
  font-weight: bold;
}

/* line 6984, app/assets/stylesheets/design.scss */
.tab-index .tab-nav .tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #eff0f2;
  padding: 10px 0;
  color: #999;
}

/* line 6993, app/assets/stylesheets/design.scss */
.tab-index .tab-nav .tab.active {
  background-color: #3c90d8;
  color: #fff;
  border: none;
}

/* line 7000, app/assets/stylesheets/design.scss */
.tab-index .tab-container {
  display: none;
}

/* line 7002, app/assets/stylesheets/design.scss */
.tab-index .tab-container.show {
  display: block;
}

/* line 7006, app/assets/stylesheets/design.scss */
.tab-index .tab-content {
  padding: 20px 10px;
  text-align: center;
  background-color: #fff;
}

/* line 7011, app/assets/stylesheets/design.scss */
.tab-index .arrow {
  padding: 20px 0;
}

/* line 7013, app/assets/stylesheets/design.scss */
.tab-index .arrow img {
  width: 36px;
}

/* line 7017, app/assets/stylesheets/design.scss */
.tab-index .blue {
  color: #17cbda;
}

/* line 7021, app/assets/stylesheets/design.scss */
.tab-index.tab-purchase .tab-nav {
  font-size: 10px;
}

/* line 7024, app/assets/stylesheets/design.scss */
.tab-index.tab-purchase .tab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 7028, app/assets/stylesheets/design.scss */
.tab-index.tab-purchase .tab span {
  width: 100%;
}

/* line 7032, app/assets/stylesheets/design.scss */
.tab-index.tab-purchase .tab-container {
  border: 1px solid #ccc;
}

/* line 7041, app/assets/stylesheets/design.scss */
.cal-top {
  text-align: center;
  background-color: white;
}

/* line 7046, app/assets/stylesheets/design.scss */
.exchange-point {
  font-size: 24px;
}

/* line 7048, app/assets/stylesheets/design.scss */
.exchange-point span {
  margin-right: 10px;
}

/* line 7056, app/assets/stylesheets/design.scss */
.point_label {
  font-size: 15px;
}

/* line 7060, app/assets/stylesheets/design.scss */
.point_item {
  margin: auto;
  border-top: solid 0.1em;
  padding-top: 5px;
}

/* line 7064, app/assets/stylesheets/design.scss */
.point_item tr td {
  width: 50%;
}

/* line 7067, app/assets/stylesheets/design.scss */
.point_item .point_data {
  padding-left: 10px;
  text-align: left;
}

/* line 7071, app/assets/stylesheets/design.scss */
.point_item .point_title {
  text-align: right;
}

/* line 7074, app/assets/stylesheets/design.scss */
.point_item .point_expire_date_row {
  font-size: 10px;
}

/* line 7077, app/assets/stylesheets/design.scss */
.point_item .point_expire_help_btn {
  width: 15px;
  position: relative;
  top: 3px;
}

/* line 7084, app/assets/stylesheets/design.scss */
link_to_expire {
  margin: 0 auto;
  width: 85%;
}

/* line 7087, app/assets/stylesheets/design.scss */
link_to_expire p {
  padding: 0.2em;
  margin: 0;
}

/* line 7091, app/assets/stylesheets/design.scss */
link_to_expire.warn {
  background-color: #ff0;
}

/* line 7096, app/assets/stylesheets/design.scss */
.link-btn {
  display: flex;
  flex-wrap: wrap;
}

/* line 7100, app/assets/stylesheets/design.scss */
.link-btn img {
  width: 18px;
  height: auto;
  margin-right: 4px;
}

/* line 7107, app/assets/stylesheets/design.scss */
.link-btn .btn-blue {
  background-color: #3c90d8;
}

/* line 7110, app/assets/stylesheets/design.scss */
.link-btn .btn-orange {
  background-color: #f5b527;
}

/* line 7113, app/assets/stylesheets/design.scss */
.link-btn .icon-tel {
  margin-right: 10px;
}

/* line 7117, app/assets/stylesheets/design.scss */
.border-panel {
  padding: 5px;
  border: 1px solid #eff0f2;
  text-align: left;
  margin: 0 0 10px 0;
}

/* line 7122, app/assets/stylesheets/design.scss */
.border-panel p {
  text-align: center;
}

/* line 7124, app/assets/stylesheets/design.scss */
.border-panel p.warning {
  font-size: 10px;
  color: #c72424;
  width: 90%;
  margin: auto;
  text-align: left;
}

/* line 7133, app/assets/stylesheets/design.scss */
.blue-panel {
  background-color: #eff0f2;
  padding: 5px;
  margin-bottom: 10px;
}

/* line 7138, app/assets/stylesheets/design.scss */
.text-center {
  text-align: center;
}

/* line 7142, app/assets/stylesheets/design.scss */
.smsbox {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 1px #ccc;
  border-radius: 8px;
}

/* line 7149, app/assets/stylesheets/design.scss */
.smsbox .sms-box-title {
  position: absolute;
  display: inline-block;
  top: -9px;
  left: 14px;
  padding: 0 9px;
  line-height: 1;
  text-align: center;
  background: #fff;
  color: rgba(23, 203, 218, 0.8);
  font-weight: bold;
}

/* line 7162, app/assets/stylesheets/design.scss */
.smsbox p {
  margin: 0;
  padding: 6px;
}

/* line 7167, app/assets/stylesheets/design.scss */
.subbox h2 {
  text-align: center;
  font-size: 15px;
}

/* line 7175, app/assets/stylesheets/design.scss */
.shop_area {
  border-bottom: 1px solid #eff0f2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* line 7179, app/assets/stylesheets/design.scss */
.shop_area .shop_img {
  position: relative;
  margin-bottom: 15px;
}

/* line 7182, app/assets/stylesheets/design.scss */
.shop_area .shop_img .shop_map_link {
  display: flex;
  align-items: center;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: -20px;
  right: 10px;
  border-radius: 50%;
  text-align: center;
  background-color: #17cbda;
  color: #fff;
}

/* line 7194, app/assets/stylesheets/design.scss */
.shop_area .shop_img .shop_map_link span {
  display: block;
  text-align: center;
  font-weight: bold;
  width: 100%;
}

/* line 7206, app/assets/stylesheets/design.scss */
.shop_area h3.shop-name {
  color: #17cbda;
  margin: 0 0 10px;
}

/* line 7210, app/assets/stylesheets/design.scss */
.shop_area .icon-blue {
  color: #17cbda;
  margin-right: 5px;
}

/* line 7215, app/assets/stylesheets/design.scss */
.login-contact__tel {
  background-color: #f5b527;
  border-radius: 24px;
  font-size: 15px;
  width: 50%;
  height: 48px;
  color: #fff;
}

/* line 7223, app/assets/stylesheets/design.scss */
.login-contact__line {
  background-color: #1dcd00;
  border-radius: 24px;
  width: 45%;
  height: 48px;
  color: #fff;
}

/* line 7230, app/assets/stylesheets/design.scss */
.gray-text {
  margin-top: 20px;
  font-size: 10px;
  color: #c72424;
  text-align: justify;
}

/* line 7236, app/assets/stylesheets/design.scss */
.resubmit_code {
  color: #c72424;
  background-color: #fff;
  text-align: justify;
  border: none;
}

/* line 7242, app/assets/stylesheets/design.scss */
.referral-shop-text {
  font-size: 15px;
}

/* line 7246, app/assets/stylesheets/design.scss */
.area_select {
  border-radius: 10px;
  padding: 10px;
}

/* line 7249, app/assets/stylesheets/design.scss */
.area_select::before {
  position: absolute;
  top: 1.4em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666666;
  pointer-events: none;
}

/* line 7264, app/assets/stylesheets/design.scss */
.profile_area {
  width: 100%;
  color: #333;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 15px;
  line-height: 1;
  position: relative;
  appearance: none;
}

/* line 7275, app/assets/stylesheets/design.scss */
.profile_motto {
  text-align: center;
  position: relative;
  border-radius: 10px;
  margin: 10px auto;
  padding: 7px 10px;
  max-width: 95%;
  background: #fff;
}

/* line 7284, app/assets/stylesheets/design.scss */
.profile_motto:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 25%;
  border: 15px solid transparent;
  border-bottom: 15px solid #fff;
}

/* line 7293, app/assets/stylesheets/design.scss */
#user_motto.form_input {
  background: #eff0f2;
}

/* line 7297, app/assets/stylesheets/design.scss */
.motto {
  position: relative;
  border-radius: 5px;
  margin-bottom: 4px;
  padding: 3px 2px;
  max-width: 100%;
  background: rgba(23, 203, 218, 0.5);
}

/* line 7305, app/assets/stylesheets/design.scss */
.motto:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 15%;
  border: 10px solid transparent;
  border-bottom: 10px solid rgba(23, 203, 218, 0.5);
}

/* line 7313, app/assets/stylesheets/design.scss */
.motto p {
  font-size: 13px;
  color: #fff;
  margin: 5px 7px;
}

/* line 7319, app/assets/stylesheets/design.scss */
.list_content_motto {
  position: relative;
  border-radius: 5px;
  margin: 10px 0 7px;
  padding: 3px 2px;
  max-width: 100%;
  background: rgba(53, 206, 220, 0.5);
}

/* line 7327, app/assets/stylesheets/design.scss */
.list_content_motto:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 15%;
  border: 10px solid transparent;
  border-bottom: 10px solid rgba(53, 206, 220, 0.5);
}

/* line 7335, app/assets/stylesheets/design.scss */
.list_content_motto p {
  font-size: 13px;
  margin: 5px 7px;
}