@charset "utf-8";
body {
  background-color: #f5f2e9;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;
  -webkit-text-size-adjust: 100%;
}
body a, .btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
  tap-highlight-color: rgba(0, 0, 0, 0.25);
}
a {
  outline: none !important;
}
h1 {
  height: initial;
  line-height: initial;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  padding-left: .5em
}
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mg0 { margin: 0px !important; }
.mg5 { margin: 5px !important; }
.mg10 { margin: 10px !important; }
.mg20 { margin: 20px !important; }
.mg30 { margin: 30px !important; }
.mg40 { margin: 40px !important; }
.mg50 { margin: 50px !important; }
.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pr0 { padding-right: 0px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb100 { padding-bottom: 100px !important; }
.pd0 { padding: 0px !important; }
.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd20 { padding: 20px !important; }
.pd30 { padding: 30px !important; }
.pd40 { padding: 40px !important; }
.pd50 { padding: 50px !important; }

.small { font-size: 85%; }
.smaller { font-size: 10px; }
.fb { font-weight: bold !important; }
.clb { clear: both !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.visible-xs {
  display: block !important;
}
.hidden-xs, .sp_hidden{
  display: none !important;
}
.font-big{
  font-size: 120%;
}
.ovf-hidden {
  overflow: hidden;
}
/*主要class*/
hr {
  border: 0;
  border-top: thin solid #ececec;
  margin: 10px 0;
}
/*display*/
.disp-iblock { display: inline-block; }
.disp-flex, .flex {
  display: flex;
  display: -webkit-flex;
}
/*フロート*/
.pull-right { float: right; }
.pull-left { float: left; }
.clearfix::after {
  clear: both;
  display: table;
  content: " ";
}
/*幅*/
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.max60 { max-width: 60px; }
.max80 { max-width: 80px; }
.max100 { max-width: 100px; }
.max120 { max-width: 120px; }
.max160 { max-width: 160px; }
.max200 { max-width: 200px; }
.max240 { max-width: 240px; }
.max320 { max-width: 320px; }
.max360 { max-width: 360px; }
.max400 { max-width: 400px; }
.max480 { max-width: 480px; }
.max520 { max-width: 520px; }
.max600 { max-width: 600px; }
/*サロン情報ラベル*/
.label-maleok { background: #6B9CD6; }
.label-femaleok { background: #f79f9b; }
.label-primary { background: #EB8257; }
.label-secondary { background: #9EC452; }
.label-tertiary {
  border: 1px solid #EB8257 !important;
  color: #EB8257 !important;
}
.label-secondary-outlined {
  border: 1px solid #9ec452 !important;
  color: #9ec452 !important;
}
.tag-ribbon {
  background-color: #eb8257;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  position: relative;
  line-height: 1;
  padding: .4em .2em 0;
  display: inline-block;
  z-index: 1;
  border-color: #eb8257;
}
.tag-ribbon::before, .tag-ribbon::after {
  content: "";
  display: inline-block;
  border-bottom: solid 1.6em transparent;
  bottom: -1.5em;
  position: absolute;
}
.tag-ribbon::before {
  right: 0;
  border-right: solid 3.5em #eb8257;
}
.tag-ribbon::after {
  left: 0;
  border-left: solid 3.5em #eb8257;
}
.bgc-gold {
  background-color: #be9506;
}
.bgc-gold.tag-ribbon::before, .bgc-gold.tag-ribbon::after {
  border-right-color: #be9506;
  border-left-color: #be9506;
  z-index: -1
}
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  border-width: 2px;
  border-top: none;
  border-right: none;
  border-left: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
  color: #ffffff;
  background-color: #529a00;
  border-color: #529a00;
}
.swip-css {
  width:100%;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.bg-warning {
  background-color: #fcf8e3;
}
.text-warning {
  color: #8a6d3b;
}
/*header*/
.navbar.navbar-default {
  margin-bottom: 0;
  border: none;
  padding-top: 0;
  background: #fff;
}
.navbar-brand:hover {
  opacity: 0.8;
}
.navbar.navbar-default .container{
  width: 100%;
}
/*EPARKポイント*/
#epark_common_header .user_owned_point p {
  background-color: #f3ffe9;
  overflow: hidden;
  height: 22.8px;
  padding: 0 5px;
}
#epark_common_header .user_owned_point p .label-text,
#epark_common_header .user_owned_point p .value {
  display: inline-block;
  color:#333;
}
#epark_common_header .user_owned_point p .label-text {
  padding: 0.2em 0 0 2.2em;
}
#epark_common_header .user_owned_point p .value {
  padding: 0 0 0 .2em;
  text-decoration: underline;
  font-weight: 700;
}
#epark_common_header .user_owned_point a {
  background: no-repeat 6px 3px;
  background-size: 16px;
  line-height: 20px;
  display: block;
  float: right;
  font-size:12px;
}
#epark_common_header .user_owned_point .user_point a {
  background-image: url(../images/common/header/icon_user_point.png);
}
/*パンくず*/
.breadcrumb-wrap {
  background:#fff;
}
.breadcrumb {
  margin: 0;
  background: none;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow-x: auto;
  padding: 6px !important;
  font-size: 11px;
}
.breadcrumb > li {
  display: inline-block;
  color: #565656 !important;
}
.breadcrumb > li + li:before {
  content: ">";
  padding: 0 10px;
  color: #ccc;
}
.breadcrumb li:last-child { font-weight:bold;}
.breadcrumb li:last-child:before { font-weight:normal;}
.breadcrumb a { color: #565656; text-decoration: underline; }
.breadcrumb a:hover{
  text-decoration: underline;
}

/*footer*/
footer {
  background-color: #fff;
  border-top: none;
  clear: both;
}
footer a, footer {
  color: #888;
  font-size: 12px;
}
footer .container a, footer .container {
  color: #565656;
  font-size: 12px;
}
.sns-share { padding: 10px 0 !important; border-top:1px solid #eee; }
.sns-share a{ margin-bottom: 0; font-size: 12px !important; width: 25%;}
.sns-share span {display: none ;}
.sns-share .fa-facebook  { background:url(../images/common/facebook_icon.png) no-repeat top center; background-size:22px; position:relative; height:22px; margin:0 auto; }
.sns-share .fa-twitter{  background:url(../images/common/twitter_icon_white.png) no-repeat top center; background-size:22px; position:relative; height:22px; margin:0 auto;}
.sns-share .fa-comment{  background:url(../images/common/line_icon.png) no-repeat top center; background-size:22px; position:relative; height:22px; margin:0 auto; }
.sns-share .fa-envelope-o{  background:url(../images/common/mail_icon.png) no-repeat top center; background-size:22px; position:relative; height:22px; margin:0 auto; }
.sns-share .fa-facebook-f:before, .sns-share .fa-facebook:before, .sns-share .fa-twitter:before , .sns-share .fa-comment:before , .sns-share .fa-envelope-o:before{ content: "\0020" !important;}
.sns-share .btn.share-facebook:hover { background-color: #4267B2; color:#fff; }
.sns-share .btn.share-twitter:hover { background-color: #3E9AD5; color:#fff;}
.sns-share .btn.share-line:hover { background-color: #00B900; color:#fff;}
.sns-share .btn.share-mail:hover { background-color: #e6bb3a; color:#fff;}
.mobile-banner-home i { color: #8d6e63; }
.sns-share .btn:hover i { color: #fff; }
.sns-share .btn i {
  margin-top: 0;
  font-size: 22px;
}
@media (max-width: 767px) {
  .footer-share__wrapper {
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid #eee;
  }
}
@media (min-width: 767px) {
  .footer-share__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.footer-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 0;
  background-color: #fff;
}
@media (max-width: 767px) {
  .footer-share {
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333;
  }
}
@media (min-width: 767px) {
  .footer-share {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.footer-share__item {
  list-style-type: none;
}
@media (max-width: 767px) {
  .footer-share__item:not(.footer-share__title) {
    flex: 1 0 25%;
  }
}
.footer-share__title {
  font-size: 14px;
  text-align: center;
}
@media (max-width: 767px) {
  .footer-share__title {
    flex: 0 1 100%;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 767px) {
  .footer-share__title {
    margin-right: 60px;
    font-weight: bold;
  }
}
.footer-share__button {
  font-size: 14px;
}
@media (max-width: 767px) {
  .footer-share__button {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #333 !important;
  }
}
@media (min-width: 767px) {
  .footer-share__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.footer-share__button:hover,
.footer-share__button:active,
.footer-share__button:focus {
  text-decoration: none;
  opacity: 0.7;
}
.footer-share__icon {
  fill: currentColor;
}
@media (max-width: 767px) {
  .footer-share__icon {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 767px) {
  .footer-share__icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
}
.footer-share__icon--mail {
  color: #6b9cd6;
}
@media (min-width: 767px) {
  .footer-share__button-title {
    color: #888888;
  }
}
.mobile-footer-btn .btn p {
  font-size: 12px;
  background: none;
  margin-top: 0;
}
.mobile-banner-home i { color: #8d6e63; }
.mobile-banner-area i { color: #e35d87; }
.mobile-banner-railway i { color: #36b1c7; }
.mobile-footer-btn { display: block; border-top: none; margin-top: 15px; }
.mobile-main-btn .btn {
  border-radius: 0;
  margin: 0;
}
.epark-global-clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  line-height: 0;
}
.header-wrap { background-color: #fff; }
/*サロンページ*/
.l-section-card .p-title--large { line-height: 1.2; }
.p-salon-special-coupon-button::before { display:inline-block;content:"スペシャルクーポンをもっと見る" !important; }
.p-shop-menu-card__foot {
  align-items: start !important;
}
.p-shop-menu-card__price-discount-text {
  margin-top: 2px !important;
}
.p-salon-header-review__item.p-salon-header-review-number a { text-decoration: underline; }
.p-salon-global-nav-sc__tooltip {
  position: absolute;
  top: -2.5em;
  right: -6em;
  color: #DC5519;
  font-weight: bold;
  border-bottom: 1px #DC5519 solid;
  width: 12em; 
  padding: 2px 2px 0 2px;
}
.p-salon-global-nav-sc-arrow__tooltip {
  position: absolute;
  top: -1.2em;
  right: 2.5em;
  color: #DC5519;
}
.p-reserve-selected-menu-list__discount{
  padding-left: 16px;
  padding-right: 16px;
}
.p-reserve-selected-menu-list__discount-text {
  font-size: 13px !important;
}
/*すごとく*/
.p-title--primary.p-title--sgtk {
  background: #ffe7dd;
  color:#dc5519;
  margin-bottom: 0;
  border-top:1px solid #dc5519;
}
.p-salon-menu-card .p-shop-menu-card{
  box-shadow: none;
}
.p-salon-menu-card .p-shop-menu-card__foot{
  border-bottom:1px solid #dc5519;
}
.p-salon-sgtk-card .p-shop-menu-card__price-discount-rate {
  font-size: 13px;
  color: #de7016;
}
.p-salon-sgtk-card .p-shop-menu-card__price-discount-text {
  color: #de7016;
}
.p-salon-sgtk-card .p-cards > .p-cards__item:last-of-type {
  margin-bottom: 16px;
}
/*ABテスト*/
#rich-special-coupon-salon-content_1,
#rich-special-coupon-salon-content_2,
#rich-special-coupon-salon-content_3,
#rich-special-coupon-list-content_1,
#rich-special-coupon-list-content_2,
#rich-special-coupon-list-content_3,
#rich-special-coupon-list-content_4,
#rich-special-coupon-top-content_1,
#rich-special-coupon-top-content_2 {
  clear: both;
}
/*特典LP 共通ボタン*/
/*#campaign .button-fixed .btn_wrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
#campaign .button-fixed .btn_wrap .btn-cam {
  max-width: 165px;
}*/
/*メンテナンスのお知らせ*/
.info-band-wrap {
  width: 100%;
  padding: 5px 10px;
  background: #f7f7f7;
}
.info-band-wrap a {
  text-decoration: underline;
  color:#565656;
}
/*キャンペーン終了帯*/
#cp_end {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 30px 0;
  background-color: rgba(28, 19, 18, 0.8);
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.6em;
  font-size: 100%;
}
#cp_end p {
  margin-bottom: 0;
}
#cp_end a,
#cp_end a:hover, 
#cp_end a:active,
#cp_end a:visited {
  color: #a1f6ff;
}
/*通知バナー*/
.message-banner-upper-sp {
  height:80px;
  text-align:center;
  padding: 0 20px !important;
  position: fixed;
  z-index: 10;
  top: 10px;
  right: 0;
  width: 100%;
}
.message-banner-upper-sp img {
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
}
.message-banner-upper-sp__inner {
  position: relative;
}
.message-banner-upper-close {
  border: none;
}
.message-banner-upper-close img {
  position: absolute;
  color: #fff;
  top: 10px;
  right: -7px;
  border: none;
  z-index:100;
  box-shadow: none;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}
.banner-fadeIn1s {
  animation-name: fadeIn1s;
  animation-delay: .5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  transform: translateY(-50px);
  opacity: 0;
}
@keyframes fadeIn1s {
  0% {
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*アプリ対応*/
#rae-app .header-wrap {
  background-color: transparent !important;
}
#rae-app footer {
  margin-top: 0 !important;
  padding-top: 10px !important;
  background: transparent !important;
}
#rae-app footer .breadcrumb-wrap {
  margin-bottom: 0 !important;
}
#rae-app .breadcrumb-wrap .breadcrumb {
  padding: 10px 16px 30px 16px !important;
}
#rae-app .header-wrap #campaign .button-fixed,
#rae-app .header-wrap #campaign .sp-float,
#rae-app .header-wrap #esthe-salon .box-btn-float,
#rae-app .header-wrap #campaign .box-btn-float {
  padding-bottom: 28px !important;
}
#rae-app .page-top-box {
  display: none;
}
#rae-app .header-wrap .container .row .col-md-12 h2 {
  margin-top: 15px !important;
}
#signup footer {
  margin: 0 -15px;
}
#signup footer footer {
  margin: 0;
}
/*アプリ誘導バナー*/
.sp-header-app-banner {
  height: auto !important;
}
.sp-header-app-banner__link {
  display: block;
  position: relative;
}
.sp-header-app-banner__image {
  width: 100%;
  margin-bottom: 0 !important;
}
.sp-header-app-banner__close {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8%;
  height: 70%;
  z-index: 1002;
}
/*****ソーシャルログイン対応*****/
/**********ログイン************/
#loginBtnModal .epark_common_nav-login-btn,
#signupBtnModal .epark_common_nav-login-btn {
  border-radius: 5px;
  background-color: #8fc31f;
  color: #fff;
  width: 250px;
  margin: 0 auto;
  padding: 8px 8px 8px 66px;
  text-align: left;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bolder;
  display: block;
  text-decoration: none;
  margin-bottom: 8px;
}
#loginBtnModal .epark_common_nav-login-btn:hover,
#signupBtnModal .epark_common_nav-login-btn:hover {
  background-color: #84b31d;
  color: #fff;
  text-decoration: none;
}
#loginBtnModal .panel-heading,
#signupBtnModal .panel-heading {
  padding: 10px 10px 0 10px;
}
/**********新規会員登録************/
#loginBtnModal .epark_common_nav-registry,
#signupBtnModal .epark_common_nav-registry {
  background-color: #fff;
  margin: 0 auto;
  box-sizing: border-box;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 0 10px 10px 10px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-content,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-content {
  background-color: #fff;
  padding: 6px 15px 0 15px;
  box-sizing: border-box;
  border-radius: 4px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-title,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-title {
  text-align: center;
  font-size: 1.4rem;
  color: #333;
  font-weight: bolder;
  margin-bottom: 10px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn {
  border-radius: 5px;
  width: 250px;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bolder;
  display: block;
  text-decoration: none;
  position: relative;
  padding-left: 84px;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  margin-bottom: 8px;
  padding: 8px 8px 8px 66px;
  height: auto;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn:last-of-type,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn:last-of-type {
  margin-bottom: 0;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-link,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-link {
  margin-top: 10px;
  text-align: center;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-link a,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-link a {
  background: url(/images/common/header/point.png) left center no-repeat;
  background-size: 3px 5px;
  padding-left: 10px;
  text-decoration: underline;
  color: #333;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.epark-registry-btn,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.epark-registry-btn {
  background-color: #ffe53d;
  color: #333;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.epark-registry-btn:hover,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.epark-registry-btn:hover {
  background-color: #e9cd1b;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn:before,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:after,
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:after,
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:after,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:after,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:after,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}
/**********ソーシャルログインボタン Apple************/
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn {
  background-color: #000;
  color: #fff;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:hover,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:hover {
  background-color: #333333;
  color: #fff;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:before,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:before {
  background-image: url(https://pimage1.mitsuraku.jp/img/icon/icon_apple.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:after,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.apple-login-btn:after {
  border-color: rgb(255,255,255,0.2);
}
/**********ソーシャルログインボタン LINE************/
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn {
  background-color: #06C755;
  color: #fff;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:hover,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:hover {
  background-color: #009300;
  color: #fff;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:before,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:before {
  background-image: url(https://pimage1.mitsuraku.jp/img/icon/icon_line.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  top: -2px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:after,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.line-login-btn:after {
  border-color: rgba(0, 0, 0, 0.10);
}
/**********ソーシャルログインボタン Google************/
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #c3c3c3;
  padding: 7px 8px 7px 66px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:hover,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:hover {
  background-color: #f7f7f7;
  color: #000;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:before,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:before {
  background-image: url(https://pimage1.mitsuraku.jp/img/icon/icon_google.png);
  background-size: 46%;
  background-repeat: no-repeat;
  background-position: center;
  top: -2px;
}
#loginBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:after,
#signupBtnModal .epark_common_nav-registry .epark_common_nav-registry-btn.google-login-btn:after {
  border-color: rgba(0, 0, 0, 0.10);
  width: 39px;
}
#loginBtnModal .epark_common_nav-registry-content .epark_common_nav-login-btn,
#loginBtnModal .epark_common_nav-registry-content .epark_common_nav-registry-btn,
#signupBtnModal .epark_common_nav-registry-content .epark_common_nav-login-btn,
#signupBtnModal .epark_common_nav-registry-content .epark_common_nav-registry-btn {
  width: 230px;
  margin: 0 auto 10px;
}
#loginBtnModal .epark_common_nav-registry-content p,
#signupBtnModal .epark_common_nav-registry-content p {
  font-size:14px;
}
#loginBtnModal .signupModalClose,
#loginBtnModal .loginModalClose,
#signupBtnModal .signupModalClose,
#signupBtnModal .loginModalClose {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #e3e3e3;
  opacity: 1;
  width: 1.6em;
  height: 1.6em;
  border: solid #333 1px;
  border-radius: 100%;
  color: #333;
  padding: 4px 8px;
  cursor: pointer;
  -webkit-appearance: none;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  display: block;
  z-index: 1000;
}
#loginBtnModal .signupModalClose:hover,
#loginBtnModal .loginModalClose:hover,
#signupBtnModal .signupModalClose:hover,
#signupBtnModal .loginModalClose:hove {
  cursor: pointer;
  background: #bbb;
}
#loginBtnModal .signupModalClose span,
#loginBtnModal .loginModalClose span,
#signupBtnModal .signupModalClose span,
#signupBtnModal .loginModalClose span {
  position: relative;
  top: -1px;
}
#loginBtnModal .modal-open .modal,
#signupBtnModal .modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden;
}
#loginBtnModal .modal-content,
#signupBtnModal .modal-content {
  background-color: #fff;
  margin: 50% auto;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
  animation-name: modalopen;
  animation-duration: 1s;
  width: 320px;
  position: relative;
}