/*size*/
/*color*/
/*size*/
/* line 4, ../../../../src/page/top/css/_sp.scss */
body {
  overflow: hidden;
}
/* line 6, ../../../../src/page/top/css/_sp.scss */
body img {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
}
/* line 16, ../../../../src/page/top/css/_sp.scss */
body header {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  line-height: 0;
  width: 100%;
}
/* line 23, ../../../../src/page/top/css/_sp.scss */
body header .title {
  position: absolute;
  width: 46%;
  left: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
  line-height: 0;
}
/* line 32, ../../../../src/page/top/css/_sp.scss */
body header .logo {
  position: absolute;
  width: 30%;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
  line-height: 0;
}
/* line 43, ../../../../src/page/top/css/_sp.scss */
body #field {
  padding: 0 0 4px 0;
}
/* line 45, ../../../../src/page/top/css/_sp.scss */
body #field .l {
  width: 100%;
  float: left;
  margin: 1.5% 0;
  visibility: hidden;
}
/* line 50, ../../../../src/page/top/css/_sp.scss */
body #field .l.show {
  visibility: visible;
}
/* line 53, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
}
/* line 57, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice .icon {
  width: 15%;
  float: left;
}
/* line 61, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice div {
  width: auto;
  max-width: 74%;
  float: left;
  padding: 4.5%;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 1.4em;
  margin: 0 0 0 6%;
}
/* line 72, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice div span {
  position: absolute;
  top: 14px;
  left: -15px;
  width: 20px;
  height: 14px;
  background: url(../img/balloon_tip.png) no-repeat;
  background-size: contain;
}
/* line 81, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice div p {
  width: 100%;
  float: left;
  min-width: 1.8em;
  word-break: break-all;
}
/* line 86, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice div p i {
  width: 100%;
  display: inline-block;
  text-align: center;
}
/* line 93, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
}
/* line 103, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 113, ../../../../src/page/top/css/_sp.scss */
body #field .l .voice a.textlink {
  width: auto;
  float: none;
  display: block;
  text-align: left;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  border-top: none;
}
/* line 127, ../../../../src/page/top/css/_sp.scss */
body #field .l .link {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
}
/* line 131, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .icon {
  width: 15%;
  float: left;
}
/* line 135, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area {
  width: auto;
  max-width: 74%;
  float: left;
  position: relative;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 1.4em;
  margin: 0 0 0 6%;
}
/* line 144, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area span {
  position: absolute;
  top: 14px;
  left: -15px;
  width: 20px;
  height: 14px;
  background: url(../img/balloon_tip.png) no-repeat;
  background-size: contain;
}
/* line 153, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area div {
  width: 100%;
  float: left;
  padding: 6%;
  box-sizing: border-box;
  position: relative;
}
/* line 159, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area div p {
  width: 100%;
  float: left;
  min-width: 1.8em;
}
/* line 163, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area div p i {
  width: 100%;
  display: inline-block;
  text-align: center;
}
/* line 170, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
}
/* line 180, ../../../../src/page/top/css/_sp.scss */
body #field .l .link .area a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 193, ../../../../src/page/top/css/_sp.scss */
body #field .l .result {
  width: 100%;
  float: left;
  overflow: hidden;
}
/* line 209, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul {
  width: 100%;
  float: left;
  margin: 0 0 0 16%;
}
/* line 214, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li {
  width: 195px !important;
  float: left;
  margin: 0 0.2% 0 0.2%;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
/* line 227, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li figure {
  width: 100%;
  float: left;
}
/* line 230, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li figure .photo {
  width: 100%;
  height: 110px;
  float: left;
  overflow: hidden;
  line-height: 0;
  position: relative;
}
/* line 237, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li figure .photo span {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  float: left;
}
/* line 247, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li figure figcaption {
  width: 100%;
  float: left;
  padding: 6% 9%;
  box-sizing: border-box;
}
/* line 252, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li figure figcaption h3 {
  width: 100%;
  float: left;
  font-size: 0.9em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
  line-height: 1.4em;
}
/* line 260, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li figure figcaption p {
  width: 100%;
  float: left;
  font-size: 0.8em;
  line-height: 1.6em;
  height: 6.4em;
  overflow: hidden;
}
/* line 270, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
}
/* line 280, ../../../../src/page/top/css/_sp.scss */
body #field .l .result ul li a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 294, ../../../../src/page/top/css/_sp.scss */
body #field .l .error {
  width: 100%;
  float: left;
  text-align: center;
}
/* line 298, ../../../../src/page/top/css/_sp.scss */
body #field .l .error p {
  padding: 0.8em 1.4em;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  display: inline-block;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  font-size: 0.9em;
  letter-spacing: 0.02em;
  line-height: 1.2em;
}
/* line 310, ../../../../src/page/top/css/_sp.scss */
body #field .l .loading {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
}
/* line 314, ../../../../src/page/top/css/_sp.scss */
body #field .l .loading .icon {
  width: 15%;
  float: left;
}
/* line 318, ../../../../src/page/top/css/_sp.scss */
body #field .l .loading div {
  width: auto;
  max-width: 74%;
  float: left;
  padding: 4.5%;
  box-sizing: border-box;
  position: relative;
  background: #eff1f5;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 1.4em;
  margin: 0 0 0 6%;
}
/* line 329, ../../../../src/page/top/css/_sp.scss */
body #field .l .loading div span {
  position: absolute;
  top: 14px;
  left: -15px;
  width: 20px;
  height: 14px;
  background: url(../img/balloon_tip_loading.png) no-repeat;
  background-size: contain;
}
/* line 338, ../../../../src/page/top/css/_sp.scss */
body #field .l .loading div p {
  width: 100%;
  float: left;
  line-height: 0;
}
/* line 342, ../../../../src/page/top/css/_sp.scss */
body #field .l .loading div p img {
  width: 3em;
}
/* line 349, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
  overflow: hidden;
}
/* line 354, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp ul {
  width: 74%;
  float: left;
  margin: 0 0 0 21%;
}
/* line 358, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp ul li {
  width: 100%;
  float: left;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
/* line 364, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp ul li figure {
  width: 100%;
  float: left;
}
/* line 367, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp ul li figure .photo {
  width: 100%;
  float: left;
  overflow: hidden;
  line-height: 0;
}
/* line 374, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
}
/* line 384, ../../../../src/page/top/css/_sp.scss */
body #field .l .cp ul li a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 398, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
  overflow: hidden;
}
/* line 403, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul {
  width: 74%;
  float: left;
  margin: 0 0 0 21%;
}
/* line 407, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li {
  width: 100%;
  float: left;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
/* line 413, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li figure {
  width: 100%;
  float: left;
}
/* line 416, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li figure .photo {
  width: 100%;
  float: left;
  overflow: hidden;
  line-height: 0;
}
/* line 422, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li figure figcaption {
  width: 100%;
  float: left;
  padding: 6% 9%;
  box-sizing: border-box;
}
/* line 427, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li figure figcaption h3 {
  width: 100%;
  float: left;
  font-size: 0.9em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
  line-height: 1.4em;
}
/* line 435, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li figure figcaption p {
  width: 100%;
  float: left;
  font-size: 0.8em;
  line-height: 1.6em;
}
/* line 443, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
}
/* line 453, ../../../../src/page/top/css/_sp.scss */
body #field .l .rooms ul li a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 467, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
  overflow: hidden;
}
/* line 472, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul {
  width: 74%;
  float: left;
  margin: 0 0 0 21%;
}
/* line 476, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li {
  width: 100%;
  float: left;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
}
/* line 482, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li figure {
  width: 100%;
  float: left;
}
/* line 485, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li figure .photo {
  width: 100%;
  float: left;
  overflow: hidden;
  line-height: 0;
}
/* line 491, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li figure figcaption {
  width: 100%;
  float: left;
  padding: 6% 9%;
  box-sizing: border-box;
}
/* line 496, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li figure figcaption h3 {
  width: 100%;
  float: left;
  font-size: 0.9em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
  line-height: 1.4em;
}
/* line 504, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li figure figcaption p {
  width: 100%;
  float: left;
  font-size: 0.8em;
  line-height: 1.6em;
}
/* line 512, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
}
/* line 522, ../../../../src/page/top/css/_sp.scss */
body #field .l .plus ul li a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 536, ../../../../src/page/top/css/_sp.scss */
body #field .l .stamp {
  width: 71%;
  margin: 0 0 0 3%;
  float: left;
  overflow: hidden;
}
/* line 541, ../../../../src/page/top/css/_sp.scss */
body #field .l .stamp .icon {
  width: 15%;
  float: left;
}
/* line 545, ../../../../src/page/top/css/_sp.scss */
body #field .l .stamp div {
  width: auto;
  max-width: 74%;
  float: left;
  padding: 4.5%;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 0 6%;
}
/* line 557, ../../../../src/page/top/css/_sp.scss */
body #field .r {
  width: 100%;
  float: left;
  margin: 3% 0;
}
/* line 561, ../../../../src/page/top/css/_sp.scss */
body #field .r .voice {
  width: 71%;
  margin: 0 3% 0 0;
  float: right;
}
/* line 565, ../../../../src/page/top/css/_sp.scss */
body #field .r .voice div {
  width: auto;
  max-width: 74%;
  float: right;
  padding: 4.5%;
  box-sizing: border-box;
  position: relative;
  background: #ed1162;
  color: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 1.4em;
  margin: 0 19px 0 0;
}
/* line 577, ../../../../src/page/top/css/_sp.scss */
body #field .r .voice div span {
  position: absolute;
  top: 14px;
  right: -19px;
  width: 20px;
  height: 14px;
  background: url(../img/balloon_tip_user.png) no-repeat;
  background-size: contain;
}
/* line 586, ../../../../src/page/top/css/_sp.scss */
body #field .r .voice div p {
  width: 100%;
  float: left;
  word-break: break-all;
}
/* line 594, ../../../../src/page/top/css/_sp.scss */
body #field .r .loading {
  width: 71%;
  margin: 0 3% 0 0;
  float: right;
}
/* line 598, ../../../../src/page/top/css/_sp.scss */
body #field .r .loading div {
  width: auto;
  max-width: 74%;
  float: right;
  padding: 4.5%;
  box-sizing: border-box;
  position: relative;
  background: #eff1f5;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 1.4em;
  margin: 0 6% 0 0;
}
/* line 609, ../../../../src/page/top/css/_sp.scss */
body #field .r .loading div span {
  position: absolute;
  top: 14px;
  right: -15px;
  width: 20px;
  height: 14px;
  background: url(../img/balloon_tip_loading.png) no-repeat;
  background-size: contain;
  transform: scale(-1, 1);
}
/* line 619, ../../../../src/page/top/css/_sp.scss */
body #field .r .loading div p {
  width: 100%;
  float: left;
  line-height: 0;
}
/* line 623, ../../../../src/page/top/css/_sp.scss */
body #field .r .loading div p img {
  width: 3em;
}
/* line 631, ../../../../src/page/top/css/_sp.scss */
body #field .spacer {
  height: 8.5em;
}
/* line 636, ../../../../src/page/top/css/_sp.scss */
body #choice {
  width: 100%;
  height: 0;
  float: left;
  overflow: auto;
  background: #ffffff;
  -webkit-overflow-scrolling: touch;
}
/* line 646, ../../../../src/page/top/css/_sp.scss */
body #choice.-section ul li a {
  font-size: 80%;
}
/* line 652, ../../../../src/page/top/css/_sp.scss */
body #choice ul {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dee3eb;
}
/* line 656, ../../../../src/page/top/css/_sp.scss */
body #choice ul li {
  width: 100%;
  float: left;
}
/* line 659, ../../../../src/page/top/css/_sp.scss */
body #choice ul li a {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ed1162;
  line-height: 3em;
  font-weight: bold;
  border-top: 1px solid #dee3eb;
  cursor: pointer;
}
/* line 670, ../../../../src/page/top/css/_sp.scss */
body #choice ul li a img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}
/* line 684, ../../../../src/page/top/css/_sp.scss */
body footer {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  line-height: 0;
  background: #ffffff;
  /*
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  line-height: 0;
  background: $white;
  */
}
/* line 700, ../../../../src/page/top/css/_sp.scss */
body footer .area {
  padding: 2.1% 3%;
  box-sizing: border-box;
}
/* line 703, ../../../../src/page/top/css/_sp.scss */
body footer .area input {
  width: 69%;
  height: 3em;
  float: left;
  margin: 0 3% 0 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dee3eb;
  line-height: 3em;
  text-indent: 0.5em;
  font-size: 12pt;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
/* line 715, ../../../../src/page/top/css/_sp.scss */
body footer .area input::placeholder {
  font-size: 85%;
  color: rgba(0, 0, 0, 0.5);
}
/* line 720, ../../../../src/page/top/css/_sp.scss */
body footer .area .frame {
  width: 69%;
  height: 3em;
  margin: 0 3%;
  float: left;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dee3eb;
  padding: 0.3em 0.5em 0.25em 0.5em;
  box-sizing: border-box;
  font-size: 0.8em;
  overflow: hidden;
}
/* line 733, ../../../../src/page/top/css/_sp.scss */
body footer .area .frame textarea, body footer .area .frame input {
  width: 100%;
  float: left;
  border: none;
  line-height: 2em;
  font-size: 1.2em;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  resize: none;
  height: 2em;
  padding: 0;
}
/* line 745, ../../../../src/page/top/css/_sp.scss */
body footer .area .frame textarea:focus, body footer .area .frame input:focus {
  outline: 0px #ffffff;
}
/* line 750, ../../../../src/page/top/css/_sp.scss */
body footer .area #interaction_message_send {
  width: 16%;
  height: 3em;
  float: left;
  background: #ed1162;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #ffffff;
  padding: 0 1em;
  text-align: center;
  border: none;
  font-size: 0.8em;
  letter-spacing: 0em;
  box-sizing: border-box;
  cursor: pointer;
}
/* line 765, ../../../../src/page/top/css/_sp.scss */
body footer .area #interaction_message_send:focus {
  outline: 0px #ffffff;
}
/* line 769, ../../../../src/page/top/css/_sp.scss */
body footer .area #cookie_clear {
  width: 9%;
  padding: 2px 0 0;
  float: left;
  display: block;
  background: none;
  border: none;
  outline: none;
}
/* line 777, ../../../../src/page/top/css/_sp.scss */
body footer .area #cookie_clear img {
  width: 100%;
  height: auto;
}
/* line 785, ../../../../src/page/top/css/_sp.scss */
body .footer_dummy {
  width: 100%;
  float: left;
  height: 3.55em;
  overflow: hidden;
}
/* line 794, ../../../../src/page/top/css/_sp.scss */
body .bx-controls .bx-pager {
  display: none !important;
}
/* line 797, ../../../../src/page/top/css/_sp.scss */
body .bx-controls .bx-controls-direction {
  position: absolute;
  top: 0;
  height: 30px;
  bottom: 0;
  width: 92%;
  margin: auto 4%;
}
/* line 804, ../../../../src/page/top/css/_sp.scss */
body .bx-controls .bx-controls-direction .bx-prev {
  width: 30px;
  height: 30px;
  float: left;
  font-size: 0;
  background: url(../img/result_prev.png) no-repeat;
  background-size: contain;
}
/* line 812, ../../../../src/page/top/css/_sp.scss */
body .bx-controls .bx-controls-direction .bx-next {
  width: 30px;
  height: 30px;
  float: right;
  font-size: 0;
  background: url(../img/result_next.png) no-repeat;
  background-size: contain;
}

/* line 825, ../../../../src/page/top/css/_sp.scss */
.modal {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
  transition: height 0ms 201ms, opacity 200ms 0ms ease-in-out, z-index 0ms 201ms;
}
/* line 840, ../../../../src/page/top/css/_sp.scss */
.modal.-shown {
  height: 100%;
  opacity: 1;
  z-index: 9999;
  transition: height 0ms 0ms, opacity 200ms 1ms ease-in-out, z-index 0ms 0ms;
}

/* line 851, ../../../../src/page/top/css/_sp.scss */
.modal_inner {
  width: 100%;
  max-width: 80%;
  color: #464646;
  font-size: 16px;
  text-align: center;
  border-radius: 13px;
  background-color: white;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
/* line 865, ../../../../src/page/top/css/_sp.scss */
.modal_inner > p {
  padding: 30px 0 20px;
}

/* line 870, ../../../../src/page/top/css/_sp.scss */
.clear_btns {
  width: 100%;
  font-size: 0;
  border-top: 1px solid #dee3eb;
  display: table;
  table-layout: fixed;
}

/* line 878, ../../../../src/page/top/css/_sp.scss */
.clear_btn {
  width: 50%;
  margin: 0;
  padding: 15px;
  color: #ed1162;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: transparent;
  display: table-cell;
  position: relative;
}
/* line 890, ../../../../src/page/top/css/_sp.scss */
.clear_btn:nth-child(1) {
  border-right: 1px solid #dee3eb;
}
/* line 894, ../../../../src/page/top/css/_sp.scss */
.clear_btn > img {
  position: absolute;
  right: 4.5%;
  top: 0;
  bottom: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
}