@charset "UTF-8";
/*
 common layout
*****************************************/
/*
::selection {
background: #f7d6e3;
}
::-moz-selection {
background: #f7d6e3;
}
*/
@media screen and (max-width:768px) {
  

a {
  -webkit-tap-highlight-color: rgba(0,0,0,.1);
  color: #2b2827;
}
dl, dt, dd {
  font-weight: normal;
}
a:hover, a:active, a:focus {
  color: #2b2827;
}

.form-control:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.txt-white {
  color: #fff !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

/*-----------------------------------------------------
bootstrap overwrite
-------------------------------------------------------*/

.thumbnail {
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.error {
  color: #d35336;
  font-weight: bold;
}
.form-error {
  border: 2px solid #d35336;
}

/* button
------------------------------------------------*/

.btn{
	border-radius: 20px;
}
.btn,
.btn-default {
  color: #2b2827;
  border-color: #CCC;
}
.btn-default:hover,
.btn-default.active { color: #2b2827 !important; }
/*btn-green*/
.btn-green {
  position:relative;
  text-decoration:none;
  background-color: #9dbda6;
  color: #fff !important;
  border: solid 1px #9dbda6;
}
.btn-green:hover,
.btn-green:active {
  background-color: #fff;
  color: #9dbda6 !important;
}

/*button-pink*/

.btn-pink{
  background-color:#fcf5f6;
  color:#496e54;
  position:relative;
  text-decoration:none;
  box-shadow:0px 3px 0px #febbc7;
  border: 1px solid #febbc7;
}

.btn-pink:active{
  background-color:#fdecf3;
  color:#496e54;
  box-shadow:inset 0px -1px 0px #febbc7;
  top:3px;
}

/*button-gray*/

.btn-gray{
  position:relative;
  text-decoration:none;
  background-color: #be9cb5;
  color: #fff !important;
  border: solid 1px #be9cb5;
}

.btn-gray:hover,
.btn-gray:active{
  background-color: #fff;
  color: #be9cb5 !important;
}

/*button-gray02*/

.btn-gray02{
  background-color:#f6f4f4;
  color:#978787;
  position:relative;
  text-decoration:none;
  box-shadow:0px 3px 0px #d9d3d3;
  border: 1px solid #d9d3d3;
}

.btn-gray02:active{
  background-color:#f6f4f4;
  color:#978787;
  box-shadow:inset 0px -1px 0px #d9d3d3;
  top:3px;
}

/*button-gray03*/

.btn-gray03{
  background-color:#f5f5f3;
  color:#948c89;
  position:relative;
  text-decoration:none;
  box-shadow:0px 3px 0px #d6d5d3;
  border: 1px solid #d6d5d3;
}

.btn-gray03:active{
  background-color:#f5f5f3;
  color:#978787;
  box-shadow:inset 0px -1px 0px #d6d5d3;
  top:3px;
}
.send-btn a {
  color: #fff;
}

/* breadcrumb
------------------------------------------------*/

.breadcrumb { background-color: #FFF; }
.breadcrumb>li+li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  padding: 0 5px;
  color: #ccc;

}
#breadcrumb .now {
  display: inline-block;
}
.breadcrumb-list{
  margin-top: 2px;
}
.breadcrumb-list__link {
  position: relative;
  display: block;
  padding: 10px 1.5em;
  border-bottom: 2px solid #f4f3ef;
  font-size: 1.3rem;
}
a.breadcrumb-list__link:after {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -16px;
  font-family: 'FontAwesome';
  font-size: 2rem;
  content: "\f105";
  color: #b1aba9;
}

/* list-group
------------------------------------------------*/

a.list-group-item.active{
  color:#fff;
  background: #2b2827;
  border:1px solid #2b2827;
}
a.list-group-item:after {
  display: block;
  font-family: 'FontAwesome';
  content: "\f105";
  font-size: 20px;
  font-weight: bold;
  position: absolute;top:
  8px;
  right:16px;
}






/* link
-------------------*/

.img-link {
  padding: 0 15px;
  margin:10px 0;
}
.img-link a {
  display: block;
}
.link-block {
  display: block;
}

/* container common
-------------------*/

.container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nav-tabs>li>a {
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -ms-transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
}
.nav.quatro>li>a {
  padding-left: 9px;
  padding-right: 9px;
}
.pagination-wrap{
  margin: 0 10px;
}
.pagination-wrap--top .pagination{
  margin-top: 0;
}
.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  min-width: 28px;
  padding: 5px 0;
  line-height: 1.428571429;
  text-decoration: none;
  color: #2b2827;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #2b2827;
  border-color: #d5d5d5;
  cursor: default;
}

/* genre color
-------------------*/

.hd {
  padding: 15px;
  color: #2b2827;
  font-weight: bold;
  background-color: #f5f5f1;
}
.hd span { font-weight: normal; }
.hd-result {
  /*border-top: 5px solid #999;*/
  border-top: none;
  padding-top: 5px;
}

#hair .hd-result,
#nail .hd-result,
#esthe .hd-result,
#relax .hd-result,
#eyelash .hd-result,
#biyoseikei .hd-result { border-top: none; }


/* catalog
-------------------*/
#catalog h2.hd { box-shadow: none; }
.hd-title {
  color: #2b2827;
  background: #eceaea;
  padding:14px 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}
#search-catalog .catalog-list:nth-child(odd) {
  padding:0 7.5px 15px 15px;
}
#search-catalog .catalog-list:nth-child(even) {
  padding:0 15px 15px 7.5px;
}
#search-catalog .catalog-link {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
#search-catalog .catalog-link img {
  border: solid 1px #f5f5f1;
}
#search-catalog .catalog-txt {
  position: absolute;
  bottom: 0;
  padding: 5px 10px;
  width: 100%;
  background-color: #2b2827;
  opacity: 0.7;
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: center;
}
#search-catalog .catalog-txt p {
  color: #fff;
}
/*
 basic layout
*****************************************/

/* header
-------------------*/
header .sp-header-inner {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background-color: rgba(255,255,255,0.9);
  border-bottom: solid 2px #2c2827;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  z-index: 3000001;
}
header .sp-header-inner .logo {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 22px;
  height: 22px;
}
header .sp-header-inner .logo a {
  display: block;
  height: 100%;
}
header .sp-header-inner .logo img {
  width: auto;
  height: 100%;
  vertical-align: middle;
}
header .sp-header-inner .button-location a {
  display: block;
  position: absolute;
  top: 10px;
  left: 70px;
  width: 22px;
  height: 22px;
  color: #9dbda6;
  text-align: center;
  font-size: 22px;
  line-height: 1;
}
header .sp-header-inner .button-location img {
  width: 100%;
  height: auto;
}
header .sp-header-inner .button-location svg {
  width: auto;
  height: 21px;
}
header .sp-header-inner .search-form {
  display: block;
  padding: 9px 5px 5px 100px;
}
header .sp-header-inner .search-form .form-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
header .sp-header-inner .search-form input[type=text] {
  border: solid 1px #9dbda6;
  font-size: 11px;
  height: 24px;
  width: calc(100% - 40px);
  border-radius: 40px 0 0 40px;
  padding: 0 5px 0 10px;
  max-width: 300px;
  margin: 0 0 0 auto;
}
header .sp-header-inner .search-form button {
  display: block;
  width: 40px;
  height: 24px;
  text-align: center;
  padding: 2px;
  margin: 0;
  background: #9dbda6;
  border: solid 1px #9dbda6;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  border-left: none;
  border-radius: 0 40px 40px 0;
}
header .sp-header-inner .search-form button img {
  width: auto;
  height: 100%;
  vertical-align: top;
}
header .sp-header-inner .search-form button svg {
  width: auto;
  height: 16px;
  vertical-align: top;
}
header .sp-header-inner .search-form .open-select-genre {
  width: 100%;
  font-size: 11px;
  text-align: right;
  padding: 3px 5px;
  overflow: hidden;
  white-space: nowrap;
}
header .sp-header-inner .search-form .open-select-genre i {
  display: inline-block;
  font-size: 8px;
  margin: 0 0px 2px 5px;
  vertical-align: middle;
}
header .sp-header-inner .search-form .open-select-genre svg {
  width: auto;
  height: 9px;
  margin: 0 0 0 5px;
}
header .sp-header-inner .search-form .select-genre {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 95vw;;
  max-width: 300px;
  background: #fff;
  padding: 0;
  border: solid 1px #9dbda6;
  /* overflow: hidden; */
  z-index: 999;
}
header .sp-header-inner .search-form .select-genre ul {
  display: flex;
  flex-wrap: wrap;
}
header .sp-header-inner .search-form .select-genre ul li {
  width: 50%;
  box-sizing: border-box;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
header .sp-header-inner .search-form .select-genre label {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  padding: 5px 10px;
  margin: 0;
  white-space: nowrap;
}
header .sp-header-inner .search-form .select-genre ul li:nth-child(2n) {
  border-right: none;
}
header .sp-header-inner .search-form .select-genre ul li:nth-child(5),
header .sp-header-inner .search-form .select-genre ul li:nth-child(6) {
  border-bottom: none;
}

#gnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.9);
  border-bottom: solid 2px #2c2827;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  z-index: 3000001;
}
#gnav .gnav__inner{
  padding: 18px 0;
}
#gnav .row {
  margin-left: 0;
  margin-right: 0;
}
#gnav .gnav__title {
  position: absolute;
  width: 66.66666666666666%;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 16.666666666666664%;
}
#gnav .gnav__title:after {
    content: '';
    display: inline-block;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 78%;
    position: absolute;
    background: url(/images/common/ico_202312.png) no-repeat left top;
    background-size: contain;
}
#gnav .gnav__logo {
  width: 126px;
}
#gnav .gnav__logo-under {
  text-align: center;
  display: block;
  font-size: 11px;
}
#gnav .gnav__name {
  font-size: 1.0rem;
  text-align: center;
}
#gnav .gnav__list {
  position: relative;
  height: 18px;
  padding: 0;
  list-style: none;
}
#gnav .gnav__link {
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#gnav .gnav__list--menu .gnav__link {
  background: url(/sp/images/menu-icon.png) no-repeat center 0;
  background-size: 18px 18px;
}
#gnav .gnav__list--search .gnav__link {
  background: url(/sp/images/search-icon.png) no-repeat center 0;
  background-size: 18px 18px;
}

/* 店舗数(現在使用していません) */
#shop-count {
  font-size: 11px;
  background-color: #ffaac6;
  color: #FFF;
  line-height: 10px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  box-shadow:none;
}

/* .lead-genretop
-------------------*/
.lead-genretop__headline {
  padding: 6px 0 5px;
  color: #fff;
  background: #9dbda6;
  text-align: center;
  font-size: 1.2rem;
}
.lead-genretop__mv {
  border-bottom: 3px solid #e2e0df;
}

/* genre-nav(ジャンルナビ)
-------------------*/
.genre-nav__lists {
  margin-right: -500%!important;
  margin-left: -500%!important;
  padding-right: 500%;
  padding-left: 500%;
  border-top: 3px solid #e2e0df;
  border-bottom: 3px solid #e2e0df;
  height: 45px;
}
.lead-genretop .genre-nav__lists {
  border-top: 0;
}
/*
.genre-nav__lists li {
  width: auto;
  font-size: 1.2rem;
}
.genre-nav__lists li a {
  display: block;
}
.genre-nav__lists li a.active {
  margin: -3px 0 -3px;
  border-top: 3px solid #9dbda6;
  border-bottom: 3px solid #9dbda6;
}
*/
.genre-nav__lists li {
    min-width: 5em;
    width: auto;
    margin: 10px 0;
}
.genre-nav__lists li a {
    display: block;
    border-radius: 20px;
    border: 1px solid #9dbda6;
    overflow: hidden;
    margin: 0 2px;
    color: #000;
}
.genre-nav__lists li a.active {
    color: #fff;
    background: #9dbda6;
    border: 1px solid #9dbda6;
}

.genre-nav__lists .swiper-slide__inner {
  display: block;
  margin: 2px 0;
  padding: 0px 5px;
  font-size: 12px;
}
.genre-nav__lists li:first-child .swiper-slide__inner {
  border-left: 0;
}

/* main
-------------------*/
#main {
  /*margin-top: 42px;*/
  /* margin-top: 55px; */
  padding: 0;
  word-break: break-all;
  /* gnav size*/;
}

/* mainvisual
-------------------*/
#mainvisual {
  overflow: hidden;
}
#mainvisual .swipe-ico, #pickup-catalog .swipe-ico { bottom: 50px; }
#mainvisual .swiper-wrapper, #pickup-catalog .swiper-wrapper {
  border-left: none;
  border-right: none;
  position: relative;
}
#mainvisual .container {
  position: relative;
}
#mainvisual .img-responsive, #pickup-catalog .img-responsive {
  max-width: none;
  width: 100%;
}
#mainvisual .mainvisual-txt {
  position: absolute;
  bottom: 0;
  padding: 9px 10px;
  width: 100%;
  min-height: 52px;
  background-color: #2b2827;
  opacity: 0.7;
  font-size: 1.3rem;
  line-height: 1.4;
}
#mainvisual .mainvisual-txt h1 {
  color: #fff;

}

.toggle-gorup,
.toggle-gorup ul,
.toggle-gorup li { list-style: none; }
.toggle-gorup ul {
  padding: 0;
  margin: 0 0 0 18px;
}
.toggle-gorup {
  padding: 4px;
  margin: 0px;
  font-weight:bold;
}
.toggle-gorup > li { margin: 4px 0; }
.toggle-gorup > li li { margin: 4px 0; }
.toggle-gorup a {
  display: block;
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
  -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
  box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.toggle-gorup a .ico {
  float: left;
  padding: 2px 10px;
  color: #ef7070;
}
.toggle-gorup a .ico:after { content: "\f067"; }
.toggle-gorup a:hover .ico { border-top-color: #fff; }
.toggle-gorup li.open > a {
  background-color: #ef7070;
  border-color: #5D5D5D;
  color: #f5f5f5;
}
.toggle-gorup li.open > ul >li.open > a {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.toggle-gorup li li a { background-color: #fff; }
.toggle-gorup li.open > a > .ico:after { content: "\f068"; color:#fff; }
.toggle-gorup a:hover,
.toggle-gorup li.active > a { background-color: #fff; }
.toggle-gorup li a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  padding: 0 15px;
  float: right;
}
.toggle-gorup li.open>a:after { color:#fff; font-family: 'FontAwesome';
  content: "\f107"; }
.toggle-gorup > li.active > a { background-color: #4D90FE; }
.toggle-gorup li a {
  line-height: 18px;
  padding: 2px 10px;
}
.toggle-gorup > li > a {
  font-size: 14px;
  line-height: 20px;
  padding: 4px 10px;
}

/* accordion
-------------------*/
.accordion-area {
  padding: 5px 0;
}
.accordion-area dl {
  margin: 0px auto;
  width: 100%;
}
.accordion-area dt.accordion-hide {
  position: relative;
  margin: 5px;
  padding: 10px 20px;
  border:1px solid #9dbda6;
  background:#fff;
  border-radius: 20px;
}
.accordion-area dt.accordion-hide:hover {
  /*
  background: #9dbda6;
  color: #fff;
*/
}
.accordion-area dt.accordion-hide:after {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f067";
  position: absolute;
  top: 0;
  right: 5px;
  vertical-align: middle;
  padding: 10px;
  color:#9dbda6;
}
.accordion-area dt.accordion-hide:hover:after {
  /*color:#fff;*/
}
.accordion-area dt.accordion-hide.active:after {
  color:#fff;
  font-family: 'FontAwesome';
  content: "\f068";
}
.accordion-area dt.accordion-hide.active {
  color:#fff;
  background: #9dbda6;
}
.accordion-area dd {
  color: #9dbda6;
  background: #fff;
  display: none;
}

.accordion-area dd>ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 10px;
}
.accordion-area dd>ul>li {
  width: calc(50% - 2px);
}
.accordion-area dd li {
  border: none;
  margin: 0 0 5px 0;
}
.accordion-area dd li a,
.accordion-area dd li>span,
.accordion-area dd.accordion-hide-dd--nolink {
  width:100%;
  margin: 0 auto;
  padding: 7px 30px 7px 20px;
  background: #fff;
  border:1px solid #9dbda6;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.accordion-area dd li>span {
  border:1px solid #ddd;
  color: #aaa;
}
.accordion-area dd li a:after {
  display: block;
  font-family: 'FontAwesome';
  content: "\f105";
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top:calc(50% - 15px);
  right:16px;
  color:#9dbda6;
}
.accordion-area dd li a span {
  display: inline-block;
  margin-left: 5px;
  white-space: nowrap;
  font-size: 80%;
}
.accordion-area dd.accordion-hide-dd {
  display: none;
}

/*20140903最階層hoverしたら色つくように修正*/
.accordion-area dd a:hover {
  /*
  color:#fff;
  background: #d8d5d4;
*/
}
.accordion-area dd.accordion-show-dd {
  display: block;
}
.accordion-area dt.accordion-show-dt {
  position: relative;
  margin: 5px;
  padding: 10px 20px;
  border:1px solid #9dbda6;
  background:#fff;
  border-radius: 20px;
}
.accordion-area dt.accordion-show-dt:after {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  top: 0;
  right: 5px;
  vertical-align: middle;
  padding: 10px;
  color: #9dbda6;
}
.accordion-area dt.accordion-show-dt.active {
  color:#fff;
  background: #9dbda6;
}
.accordion-area dt.accordion-show-dt.active:after {
  color:#fff;
  font-family: 'FontAwesome';
  content: "\f067";
}

.area-search-bg {
  border-bottom: 1px solid #ddd;
}
li.area-btn a {width:100%;padding: 14px;margin: 0 auto 4px;background: #fff;border:1px solid #c5c0bf;display: block; position: relative;margin-bottom: -1px;}
li.area-btn a:after {display: block;font-family: 'FontAwesome';content: "\f105";font-size: 18px;position: absolute;top:12px;right:16px;}

li.area-btn {
  margin: 5px;
}
li.area-btn a {
  border-radius: 4px;
  background: #9dbda6;
  color: #fff;
}
.kodawari-keyword-ul {
  padding: 0 10px;
}
.kodawari-keyword-li {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 90%;
}
.kodawari-keyword-li a {
  border-radius: 2px;
  background: #9dbda6;
  color: #fff;
  padding: 2px 6px;
  border: none;
  display: inline-block;
  position: relative;
  height: auto;
  box-sizing: border-box;
}
.kodawari-keyword-li a:hover {
  text-decoration: none;
  background: #9dbda6;
}
.kodawari-keyword-li a span {
  font-size: 70%;
}


/*
aside ad-block
-------------------------------------------------------*/
#aside {
  overflow: hidden;
  padding: 0;
}
#aside .follow-me {
  margin:0 30px 40px 30px;
}
#aside .follow-me li a {
  display: block;
}
#aside .container__lists-label {
  display: inline-block;
  padding: 2px 15px;
  line-height: 1.4;
  border: 1px solid #2b2827;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #ffffff;
  text-align: center;
  font-size: 1.0rem;
}
#aside .container__title {
  padding: 10px 0;
  border-top: 4px solid #f5f5f1;
  border-bottom: 4px solid #f5f5f1;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
#aside .container__lists {
  position: relative;
  border-bottom: solid 1px #e2e0df;
}
#aside .container__lists a {
  display: block;
  padding: 10px;
}
#aside .container__lists-thumb {
  border: solid 1px #f5f5f1;
  border-radius: 10px;
  background-color: #f8f8f8;
  position: relative;
  display: block;
  overflow: hidden;
}
#aside .container__lists-thumb::before{
  content: "";
  display: block;
  padding-top: 75%;
}
#aside .container__lists-thumb img{
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#aside .container__lists-detail {
  padding-left: 8px;
}
#aside .container__lists-label {
  margin-bottom: 5px;
}
#aside .container__lists-title {
  margin-bottom: 5px;
  line-height: 1.4;
  font-size: 1.3rem;
}
#aside .container__lists-date {
    color: #b2aaa8;
    text-align: right;
    font-size: 1.2rem;
}
#aside .container__lists-new:before {
  content: url("/sp/images/pages/article/common/new.png");
  position: absolute;
}
#aside .article-next,
#aside .article-next__loading {
  margin: 10px;
}
#aside-login .login-btn li:nth-child(odd) {
  padding:0 5px 15px 10px;
}
#aside-login .login-btn li:nth-child(even) {
  padding:0 10px 15px 5px;
}

#aside .bnr-block {
  max-width: 480px;
  margin: 20px auto;
}
#aside .bnr-block img {
  width: 100%;
  max-width: 220px;
}

/* footer
-------------------*/
#footer-body {
  margin-top: 30px;
  padding-top: 5px;
}
#footer-body .page-top {
  display: table;
  margin: 0 auto;
}
#footer-body .page-top a {
  display: table-cell;
  position: relative;
  width: 10em;
  height: 10em;
  border-radius: 5em;
  background: #9dbda6;
  color: #FFF;
  vertical-align: middle;
}
#footer-body .footer-lists {
  text-align: center;
}
#footer-body .footer-list { display:inline-block; margin: 5px; }
#footer-body .footer-list a {
  text-decoration: underline;
  display: block;
}
#footer-body a {
  display: block;
}
#sns .border { border-bottom: 1px solid #eee; }
#sns .genre-top-sns {
  text-align: center;
  padding: 0 15px;
}
#sns .genre-top-sns li {
  display: inline;
  overflow: hidden;
  vertical-align: top;
}
#sns .genre-top-sns li.line img {
  vertical-align: top;
}
#sns .genre-top-sns li.x {
  display: inline-block;
}
#sns .genre-top-sns li.x a {
  display: inline-block;
  vertical-align: top;
  background: #0f1419;
  border-radius: 5px;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 70%;
}
#sns .genre-top-sns li.x a:hover {
  text-decoration: none;
  opacity: 1;
}
#sns .genre-top-sns li.x img {
  display: inline-block;
  width: 10px;
  height: auto;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.copyright { padding: 15px; margin-bottom: 100px; font-size: 1.2rem;}
/*---------------------------------------------
   common style breakpoints
  ---------------------------------------------*/

/*



/* check-salon
-------------------*/
#check-salon {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ddd;
}
#check-salon h2.hd {
  border-top: 1px solid #ddd;
  background-color: #f7f7f7;
  color: #2b2827;
  box-shadow: none;
}


/* login
-------------------*/
#login { border-bottom: 1px solid #ddd; }
#login .container { padding: 10px; }
#login .panel { margin-bottom: 0; }
#login .panel-heading {
  color: #2b2827;
  font-weight: bold;
  background-color: #FFF;
}
#login .btn-warning,
#login .btn-success {
  border: none;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
#login .btn-warning { background-color: #c373b3; color:#FFF; }
#login .btn-success { background-color: #f99cc7; color:#FFF; }












/*
  module css（旧）
====================================================================*/

/* text
-------------------*/
.bold { font-weight: bold; }
.text10 { font-size: 1.0rem; }
.text11 { font-size: 1.1rem; }
.text12 { font-size: 1.2rem; }
.text13 { font-size: 1.3rem; }
.text14 { font-size: 1.4rem; }
.text15 { font-size: 1.5rem; }
.text16 { font-size: 1.6rem; }
.text17 { font-size: 1.7rem; }
.text18 { font-size: 1.8rem; }
.text19 { font-size: 1.9rem; }
.text20 { font-size: 2.0rem; }
.text21 { font-size: 2.1rem; }
.text22 { font-size: 2.2rem; }
.text23 { font-size: 2.3rem; }
.text24 { font-size: 2.4rem; }
.text25 { font-size: 2.5rem; }
.text30 { font-size: 3.0rem; }
.text36 { font-size: 3.6rem; }
.text48 { font-size: 4.8rem; }
.text60 { font-size: 6.0rem; }
.text72 { font-size: 7.2rem; }

.line10 { line-height: 1.0; }
.line11 { line-height: 1.1; }
.line12 { line-height: 1.2; }
.line14 { line-height: 1.4; }
.line16 { line-height: 1.6; }
.line18 { line-height: 1.8; }
.line24 { line-height: 2.4; }
.line30 { line-height: 3.0; }
.line36 { line-height: 3.6; }
.line48 { line-height: 4.8; }
.line60 { line-height: 6.0; }
.line72 { line-height: 7.2; }
/* margin
-------------------*/
.m-center {
  margin-left: auto;
  margin-right: auto;
}
.mg-0 { margin: 0; }
.mg-5 { margin: 5px; }
.mg-10 { margin: 10px; }
.mg-15 { margin: 15px;}
.mg-20 { margin: 20px; }
.mg-25 { margin: 25px; }
.mg-30 { margin: 30px; }
.mg-35 { margin: 35px; }
.mg-40 { margin: 40px; }
.mg-45 { margin: 45px; }
.mg-50 { margin: 50px; }
.mg-100 { margin: 100px; }
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }
.mr-0 { margin-right: 0; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-100 { margin-right: 100px; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.ml-0 { margin-left: 0; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-100 { margin-left: 100px; }
.pd-0 { padding: 0; }
.pd-5 { padding: 5px; }
.pd-10 { padding: 10px; }
.pd-15 { padding: 15px;}
.pd-20 { padding: 20px; }
.pd-25 { padding: 25px; }
.pd-30 { padding: 30px; }
.pd-35 { padding: 35px; }
.pd-40 { padding: 40px; }
.pd-45 { padding: 45px; }
.pd-50 { padding: 50px; }
.pd-100 { padding: 100px; }
.pt-0 { padding-top: 0; }
.pt-5{ padding-top:5px;}
.pt-10{ padding-top:10px;}
.pt-15{ padding-top:15px;}
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-100 { padding-top: 100px; }
.pr-0 { padding-right: 0; }
.pr-5{ padding-right:5px;}
.pr-10{ padding-right:10px;}
.pr-15{ padding-right:15px;}
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-100 { padding-right: 100px; }
.pb-0 { padding-bottom: 0; }
.pb-5{ padding-bottom:5px;}
.pb-10{ padding-bottom:10px;}
.pb-15{ padding-bottom:15px;}
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-100 { padding-bottom: 100px; }
.pl-0 { padding-left: 0; }
.pl-5{ padding-left:5px;}
.pl-10{ padding-left:10px;}
.pl-15{ padding-left:15px;}
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-100 { padding-left: 100px; }

.position-right {
  right: 0;
}
.position-left {
  left: 0;
}

.d-block{
  display: block!important;
}
.d-inline{
  display: inline!important;
}

/* shadow image
-------------------*/
.shadow {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.shadow .right {
  float: left;
  width: 49.9%;
  height: 20px;
  background: url(../images/shadow.png) no-repeat right top;
}
.shadow .left {
  float: left;
  width: 49.9%;
  height: 20px;
  background: url(../images/shadow.png) no-repeat left top;
}
/* css3 effects
-------------------*/
.txt-wh { text-shadow: 1px 1px 0px #fff; }
.txt-bk { text-shadow: -1px -1px 0px #333; }
.rd {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.rd-top {
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.rd-bottom {
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.rd-left {
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.ds {
  -moz-box-shadow: 0px 0px 1px #999;
  -webkit-box-shadow: 0px 0px 1px #999;
  box-shadow: 0px 0px 1px #999;
}
.ds-bottom {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
/* bg-style
-------------------*/
.bg-wh { background-color: #FFF; }
.bg-pink {
  color: #FFF;
  background-color: #ffc1d5;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  padding: 10px 5px;
}
.bg-gray {
  background-color: #f6f6f6;
  padding-bottom: 10px;
}
.bg-gray2 {
  background-color: #fcf9f9;
}
.bg-pale-pink {
  background-color: #fef6f9;
}
.bg-pink2 {
  background-color: #ef7070;
}
.color-red {
  color: #ff6a84;
}
.color-orange {
  color: #ec7680;
}
.color-pink {
  color: #f6a3c3;
}
.color-pink2{
  color:#ED9BA9;
}
/* a href overlay
-------------------*/
.overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 200;
}
/* img streach
-------------------*/
.spacer {
  width: 100%;
  height: auto;
}
.picture {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: 100%;
}
/* plugin common syle
====================================================================*/

/*---------------------------------------------
  Swiper
  ---------------------------------------------*/

/* Basic Swiper Styles
-------------------*/
.swiper-container {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */;
}
.swiper-wrapper {
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide { float: left; }
/* Swiper custom styles
-------------------*/
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-container img {
  width: 100%;
  height: auto;
}
.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}

/*
.swiper-slide-active { }
.swiper-slide-visible { }
*/

/* Swiper Pagination Styles
-------------------*/
.swiper-pagination {
  width: 100%;
  padding: 10px 0;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin: 0 4px;
  background-color: #999;
  border: 1px solid #188A77;
  cursor: pointer;
  transition: all .25s linear;
  opacity: 0.5;
}
.swiper-active-switch { background-color: #ffaac6; }
.swiper-visible-switch { opacity: 1; }
.swiper-container .next,
.swiper-container .prev {
  position: absolute;
  bottom: 20px;
  font-size: 2.571em;
  left: 10px;
}
.swiper-container .next {
  left: auto;
  right: 10px;
}
.swiper-scrollbar {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 1;
}
.swipe-ico {
  width: 100%;
  position: absolute;
  text-align: center;
}
.swipe-ico span.fa { display: block; }
/* swiper ( check-salon )
-------------------*/
#check-salon .swiper-slide {
  padding: 0 5px;
  max-width: 200px;
  height: auto;
}
#check-salon .swiper-slide .thumbnail { margin-bottom: 0; }
#check-salon .swiper-slide p {
  font-size: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: left;
  padding: 1px 3px;
  color: #FFF;
  position: relative;
}
#check-salon .swiper-slide p span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.6em;
  position: relative;
}
#check-salon .swiper-slide .picture-wrap {
  background-color: #000;
  position: relative;
}
#check-salon .swiper-slide .hairsalon {
  border-top: 5px solid #ffaac6;
  color: #ffaac6;
}
#check-salon .swiper-slide .nailsalon {
  border-top: 5px solid #ac9edc;
  color: #ac9edc;
}
#check-salon .swiper-slide .esthesalon {
  border-top: 5px solid #8fb5f3;
  color: #8fb5f3;
}
#check-salon .swiper-slide .relaxation {
  border-top: 5px solid #8ddcd7;
  color: #8ddcd7;
}
#check-salon .swiper-slide .eyelash {
  border-top: 5px solid #bde165;
  color: #bde165;
}
#check-salon .swiper-slide .beautyclinic {
  border-top: 5px solid #ffbb58;
  color: #ffbb58;
}
#check-salon .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
#check-salon .swiper-visible-switch { background: #aaa; }
#check-salon .swiper-active-switch { background: #fff; }
#check-salon .swipe-ico { bottom: 30px; }
/* swiper ( catalog )
-------------------*/

/*---------------------------------------------
  slide menu
  ---------------------------------------------*/

#main { z-index: 1; }
.slidemenu {
  top: 0;
  left: 0;
  width: 80%;
  position: fixed;
  /* visibility: hidden; */
  z-index: -1;
  
}

.slidemenu .slidemenu-header { position: relative; }
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-content {
  position: relative;
  padding-bottom: 80px;
}
#wrapper { background-color: #fff; overflow: hidden;}
#slide-modal {
  /*padding-top: 42px;*/
  padding-top: 55px;
  background-color: #fff;
  /*color: #FFF;*/
  box-shadow: rgba(0, 0, 0, 0.498039) -2px 2px 8px -3px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.498039) -2px 2px 8px -3px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.498039) -2px 2px 8px -3px inset;
  /* z-index: 3000000 !important; */
  z-index: 900 !important;
}
.slide-open{
  width: 320px !important;
}
#slide-modal img.media-object {
  max-width: 60px;
  height: auto;
}
/* select-salon serch
-------------------*/
#slide-modal .slidemenu-header {
  background-color: #333;
  z-index: 5;
}
#slide-modal .modal-header {
  height: 60px;
  border: none;
}
#slide-modal .close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
  width: 100%;
  height: 100%;
  padding: 0 10px 10px 10px;
  outline: 0;
}


#slide-modal {
    /*
  position: absolute;
  top: 0;
  left: 0;
*/
}
.slidemenu .slidemenu-body {
}
.slidemenu .slidemenu-content {
}
#select-salon-nav .inner {
    height: 100vh;
    overflow: scroll;
    padding: 10px;
    box-sizing: border-box;
}
#select-salon-nav .buttons {
    margin-bottom: 20px;
}
#select-salon-nav .buttons li {
    margin: 0 0 5px 0;
}
#select-salon-nav .buttons li a {
    display: block;
    position: relative;
}
#select-salon-nav .buttons li a .icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 15px;
    top: calc(50% - 9px);
    fill: #FFF;
}
#select-salon-nav .buttons li a {
    height: 40px;
    line-height: 40px;
    position: relative;
    font-size: 13px;
    border-radius: 20px;
    color: #FFF;
    position: relative;
    text-align: center;
}
#select-salon-nav .buttons li a span {
    font-size: 80%;
}
#select-salon-nav .buttons li.login a {
    background-color: #9CBEA5;
}
#select-salon-nav .buttons li.regist a {
    background-color: #6B6461;
}


#select-salon-nav .search {
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid 1px #ddd;
}
#select-salon-nav .search .input {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
}
#select-salon-nav .search input[name=q] {
    padding: 8px;
    border: solid 1px #9dbda6;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 40px;
    width: 80%;
    color: #000;
}
#select-salon-nav .search input[type=submit] {
    width: 20%;
    color: #FFF;
    border: solid 1px #9dbda6;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: url(/sp/images/common/search-icon-white.png) no-repeat center center #9dbda6;
    background-size: 35%;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
}
#select-salon-nav .search select {
    border: solid 1px #9dbda6;
    position: relative;
    appearance: auto;
    display: block;
    color: #000;
    width: 100%;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: 10px;
}
#select-salon-nav .search input:focus,
#select-salon-nav .search select:focus {
    outline: none;
}
#select-salon-nav .search .title {
    margin: 0;
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}
#select-salon-nav .search .caption {
    margin: 0;
    color: #000;
    font-size: 12px;
}


#select-salon-nav .link {
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid 1px #ddd;
    font-size: 14px;
}
#select-salon-nav .link:last-child {
    padding-bottom: 100px;
}
#select-salon-nav .link li {
    margin: 0 0 10px 0;
}
#select-salon-nav .banner {
    margin: 20px 0;
    padding-top: 20px;
    border-top: solid 1px #ddd;
}
#select-salon-nav .banner img {
    width: 100%;
    height: auto;
}
#select-salon-nav .ad {
    margin: 20px 0;
    overflow: hidden;
}
#select-salon-nav .ad ins.adsbygoogle {
    max-width: 320px !important;
    margin: 0 auto;
}
#select-salon-nav .ad ins.adsbygoogle * {
    visibility: inherit !important;
}



/*
#select-salon-nav a { color: #FFF; }
#select-salon-nav a.current {
  background-color: rgba(255,255,255,0.15);
}
media-body
#select-salon-nav a:hover { color: #ffaac6; }
#select-salon-nav .media {
  position: relative;
  overflow: hidden;
  border-left: 5px solid #ffc1d5;
  padding-left: 5px;
  margin-top: 5px;
}
#select-salon-nav .media .overlay:before {
  font-family: 'FontAwesome';
  content: "\f105";
  padding: 0 5px;
  position: absolute;
  right: 5px;
  top: 30%;
}
#select-salon-nav .media-object {
  max-width: 120px;
  height: auto;
}
#select-salon-nav .overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#select-salon-nav .nav-hair { border-left-color: #ffaac6; }
#select-salon-nav .nav-nail { border-left-color: #ac9edc; }
#select-salon-nav .nav-esthe { border-left-color: #8fb5f3; }
#select-salon-nav .nav-relax { border-left-color: #8ddcd7; }
#select-salon-nav .nav-eyelash { border-left-color: #bde165; }
#select-salon-nav .nav-clinic { border-left-color: #ffbb58; }
#select-salon-nav h4 { padding-top: 1.5em; }
#select-salon-nav h5 { color: #999; }

*/
/*
#free-keyword .input-group-lg>.form-control {
  padding: 8px;
  border:solid 1px #2b2827;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  font-size: 1.4rem;
  height: 40px;
}
*/
#free-keyword .form-inline .input-group-btn .btn-default {
  color: #FFF;
  padding: 0 30px;
  border:solid 1px #9dbda6;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background: url(/sp/images/common/search-icon-white.png) no-repeat center center #9dbda6;
  background-size:35%;
  height: 50px;
}
#free-keyword .input-group-lg>.form-control {
    padding: 8px;
    border: solid 1px #9dbda6;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 1.4rem;
    height: 50px;
}

#free-keyword label{
  font-size: 1.2rem;
  font-weight: normal;
}

/* pickup-catalog
-------------------*/

#pickup-catalog .swiper-slide{
  text-align: center;
}
#pickup-catalog .pickup-catalog__box {
  position: relative;
  margin: 0 auto;
  padding: 4px;
  border: solid 1px #eceaea;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  /*
  width: 80%;
  height: 80vw;
*/
}
#pickup-catalog .pickup-catalog__box-inner {
  position: relative;
  border: solid 1px #eceaea;
  border-radius: 20px;
  overflow: hidden;
  background: #f5f5f1;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
#pickup-catalog .pickup-catalog__box-inner img{
  width: 100%;
  height: 100%;
  object-fit : contain;
}
#pickup-catalog .pickup-catalog__box-inner img.all-height{
  max-height: 100%;
  max-width: none;
}
#pickup-catalog .pickup-catalog__box-inner img.oblong{
  bottom: 0;
}

/*
#pickup-catalog .pickup-catalog__box-inner img.oblong--top { bottom: inherit; top: 0%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--top-5per { bottom: inherit; top: -5%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--top-10per { bottom: inherit; top: -10%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--top-15per { bottom: inherit; top: -15%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--top-20per { bottom: inherit; top: -20%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--top-25per { bottom: inherit; top: -25%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--top-30per { bottom: inherit; top: -30%; }

#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom { top: inherit; bottom: 0%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom-5per { top: inherit; bottom: -5%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom-10per { top: inherit; bottom: -10%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom-15per { top: inherit; bottom: -15%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom-20per { top: inherit; bottom: -20%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom-25per { top: inherit; bottom: -25%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--bottom-30per { top: inherit; bottom: -30%; }

#pickup-catalog .pickup-catalog__box-inner img.oblong--left { right: inherit; left: 0; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--left-10per { right: inherit; left: -10%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--left-15per { right: inherit; left: -15%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--left-20per { right: inherit; left: -20%; }

#pickup-catalog .pickup-catalog__box-inner img.oblong--right { left: inherit; right: 0; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--right-10per { left: inherit; right: -10%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--right-15per { left: inherit; right: -15%; }
#pickup-catalog .pickup-catalog__box-inner img.oblong--right-20per { left: inherit; right: -20%; }
.pickup-catalog__img--w100per {
  width: 100% !important;
}
.pickup-catalog__img--h100per {
  height: 100% !important;
}
*/

#pickup-recent-catalog .item-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 10px;
}
#pickup-recent-catalog .item-wrapper .item {
  width: calc(50% - 5px);
  box-sizing: border-box;
}
#pickup-catalog .pickup-catalog__box {
}

/* 0～767 */
@media (min-width: 768px) {
  #pickup-catalog .pickup-catalog__box-inner.__ver2 {
    height: 800px !important;
    overflow: hidden;
  }
}
#pickup-catalog .pickup-catalog-txt {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.6;
}
#pickup-catalog .pickup-icon {
/*  content: url("/sp/images/common/pickup-catalog.png");*/
  position: absolute;
  z-index:2;
  width: 25%;
  top: 3%;
  left: 3%;
}
#pickup-catalog a.pickup-catalog__link {
  display: block;
}
#pickup-catalog .pickup-catalog-detail-inner {
  text-align: left;
  padding: 5px;
}
#pickup-catalog .pickup-catalog-style-label {
  display: inline-block;
  margin-bottom: 5px;
  padding:2px;
  border:1px solid #2b2827;
  border-radius: 3px;
  font-size: 1.1rem;
  min-width: 60px;
  text-align: center;
}
#pickup-catalog .pickup-catalog-credit {
  text-align: right;
  line-height: 1.1;
}
#pickup-catalog .credit-shop-name:before {
  color: #2b2827;
  content: "Shop_";
  font-size: 1.0rem;
}
#pickup-catalog .credit-stylist-name:before {
  color: #2b2827;
  content: "Hair_";
  font-size: 1.0rem;
}
#pickup-catalog .credit-nailist-name:before {
  color: #2b2827;
  content: "Nail_";
  font-size: 1.0rem;
}

#pickup-catalog .credit-shop-name, #pickup-catalog .credit-stylist-name, #pickup-catalog .credit-nailist-name {
  color: #b1aba9;
  font-size: 1.0rem;
  white-space: nowrap;
}
#pickup-catalog .credit-stylist-name {
  margin-left: 5px;
}
#search-modal .close {
  color: #2b2827;
  outline: none;
}
#search-modal .form-control,
#search-modal .input-group-lg>.form-control,
#search-modal .input-group-lg>.input-group-addon,
#search-modal .input-group-lg>.input-group-btn>.btn{
  border-color:#f4f3ef;
}
.genre-select{
  border: none;
}
/*
.genre-select__table{
  border: 1px solid #f4f3ef;
  border-collapse: separate;
  border-radius: 6px;
}
*/
table>tbody>tr>.genre-select__td {
  width: 50%;
  padding: 0;
  border-top: 1px solid #f4f3ef;
  border-left: 1px solid #f4f3ef;
}
.genre-select__td:first-child{
  border-left: none;
}
.genre-select__tr:first-child .genre-select__td {
  border-top: none;
}
.genre-select__label{
  display: block;
  margin: 0;
  padding: 8px;
  font-size: 1.2rem;
  font-weight: normal;
}
#select-salon-nav .sublink {
  display:block;
  width:100%;
  padding: 20px 5px 20px 10px;
  border-left: 5px solid #ef7070;
}
#select-salon-nav .sublink .overlay{
  padding: 10px 0 10px 10px;
}
#select-salon-nav .sublink .overlay:before {
  font-family: 'FontAwesome';
  content: "\f105";
  padding: 0 5px;
  position: absolute;
  right: 5px;
  top: 30%;
}




/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -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; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; text-align:center; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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);}

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; width:100%; }
.slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; display:none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:none; display:none; }

.slick-prev { left: 0px; display:none; }
.slick-prev:before { content: '\8592'; display:none; }

.slick-next { right: 0px; display:none; }
.slick-next:before { content: '\8594'; display:none; }



/* Dots */
.slick-slider { margin-bottom: 8px; }

.slick-dots { position: relative; bottom: 0; list-style: none; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: '\25cf'; width: 20px; height: 20px; font-family: "slick"; font-size: 5px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
.img-hide{
  display:none;
}
.cb{
  clear: both;
}

/*
 パンくず
*************************************************/
#breadcrumb .container {
  background-color: #f5f2f1;
}
.breadcrumb__list {
  line-height: 1.0;
  font-size:1.3rem;
  color:#2b2827;
}
.breadcrumb__link:before {
  content: "\f104";
  padding-right: 15px;
  font-family: FontAwesome;
  font-size: 2rem;
}
.breadcrumb__link {
  display: block;
  padding: 9px;
  color:#2b2827;
}

/* 埼玉SPバナー140710 */
#saitama-bunner-box{
/*  background: url(../images/bg.png) repeat;*/
  background-color: #ffffff;
  opacity: 0.9;
  width: 100%;
  height: 65px;
  position: fixed;
  bottom:0px;
  z-index:10000;
  color: #4D4D4D;
  font-weight: bold;
  border-top:1px solid #ededed;
}

#saitama-bunner{
  width: 185px;
  height: 55px;
  text-align: left;
  padding: 5px;
  float: left;
  }
.saitama-bunner-img{
  width: 195px;
  height: 65px;
}

.saitama-bunner-tlt{
  color: #F30;
  font-size: 18x;
  }

.saitama-bunner-txt{
  font-size: 13px;
  }

/* mens-catalog140725*/
.thumbnail_mens {
  border-radius: 2px;
  border: none;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.thumbnail_mens > img, .thumbnail_mens a > img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.container_sns {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  background-color: #f6f6f6;
}


/*条件検索エリア*/
#sort-outer{
  padding: 10px;
}
#sort-container{
  margin:0 auto;
  /*padding:10px 4px;*/
  padding:15px 10px;
  background:#FFF;

  display: flex;
  justify-content: center;

  border-radius: 3px;
  box-shadow: 0px 0px 3px rgb(0 0 0 / 20%) !important;
  line-height: 1.2;
}
#sort-container .sort-button {
  border:1px solid #9dbda6;
  color:#9dbda6;
  padding: 10px 5px;
  text-align: center;
  min-width: calc(33.33% - 5px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  margin: 0 5px;
  font-size: 13px;
  position: relative;
}
#sort-container .sort-button .count {
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 12px;
  background: #fe4d49;
  color: #fff;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 3px;
  border-radius: 20px;
}
#sort-container .sort-button:first-child {
}
#sort-container .sort-button:last-child {
}
#sort-container .sort-button-active{
  background:#9dbda6;
  border:1px solid #9dbda6;
  color:#FFF;
}

.sort-button-change{
  background:#4EBFFC;
  border:1px solid #4EBFFC;
  color:#FFF;
  border:none;
  line-height: 120%;
  padding-top: 8px;
}
#sort-container .btn {
  white-space: normal;
}
#sort-tab .nav.nav-tabs > li {
  float: left;
  display: inline-block;
  width: 30%;
  margin:4px 0 -1px 2.7%;
  font-size:12px;
}
#sort-tab .nav.nav > li > a {
  position: relative;
  display: block;
  padding: 4px 15px;
  color:#2b2827;
}
.sort-modal-body {
  position: relative;
  padding: 10px;
}

/*-----------------------------------------------------
▼▼▼汎用class▼▼▼
-------------------------------------------------------*/

.wdt50 {width:50%;}
.wdt55 {width:55%;}
.wdt60 {width:60%;}
.wdt65 {width:65%;}
.wdt70 {width:70%;}
.wdt75 {width:75%;}
.wdt80 {width:80%;}
.wdt85 {width:85%;}
.wdt90 {width:90%;}
.wdt95 {width:95%;}
.wdt100 {width:100%;}
.side-mg2 {margin: 0 2px;}
.side-mg3 {margin: 0 3px;}
.side-mg5 {margin: 0 5px;}
.side-mg8 {margin: 0 8px;}
.side-mg10 {margin: 0 10px;}
.side-mg12 {margin: 0 12px;}
.side-mg15 {margin: 0 15px;}
.side-mg20 {margin: 0 20px;}
.side-mg25 {margin: 0 25px;}
.side-mg30 {margin: 0 30px;}
.side-mg35 {margin: 0 35px;}
.side-mg40 {margin: 0 40px;}
.side-mg45 {margin: 0 45px;}
.side-mg50 {margin: 0 50px;}
.vertical-mg2 {margin: 2px 0;}
.vertical-mg3 {margin: 3px 0;}
.vertical-mg5 {margin: 5px 0;}
.vertical-mg10 {margin: 10px 0;}
.vertical-mg12 {margin: 12px 0;}
.vertical-mg15 {margin: 15px 0;}
.vertical-mg20 {margin: 20px 0;}
.vertical-mg25 {margin: 25px 0;}
.vertical-mg30 {margin: 30px 0;}
.vertical-mg35 {margin: 35px 0;}
.vertical-mg40 {margin: 40px 0;}
.vertical-mg45 {margin: 45px 0;}
.vertical-mg50 {margin: 50px 0;}
.side-pd2 {padding: 0 2px;}
.side-pd3 {padding: 0 3px;}
.side-pd5 {padding: 0 5px;}
.side-pd8 {padding: 0 8px;}
.side-pd10 {padding: 0 10px;}
.side-pd15 {padding: 0 15px;}
.side-pd20 {padding: 0 20px;}
.side-pd25 {padding: 0 25px;}
.side-pd30 {padding: 0 30px;}
.side-pd35 {padding: 0 35px;}
.side-pd40 {padding: 0 40px;}
.side-pd45 {padding: 0 45px;}
.side-pd50 {padding: 0 50px;}
.vertical-pd2 {padding: 2px 0;}
.vertical-pd3 {padding: 3px 0;}
.vertical-pd5 {padding: 5px 0;}
.vertical-pd10 {padding: 10px 0;}
.vertical-pd15 {padding: 15px 0;}
.vertical-pd20 {padding: 20px 0;}
.vertical-pd25 {padding: 25px 0;}
.vertical-pd30 {padding: 30px 0;}
.vertical-pd35 {padding: 35px 0;}
.vertical-pd40 {padding: 40px 0;}
.vertical-pd45 {padding: 45px 0;}
.vertical-pd50 {padding: 50px 0;}
.mg0 {margin: 0;}
.mg1 {margin: 1px;}
.mg2 {margin: 2px;}
.mg3 {margin: 3px;}
.mg4 {margin: 4px;}
.mg5 {margin: 5px;}
.mg6 {margin: 6px;}
.mg7 {margin: 7px;}
.mg8 {margin: 8px;}
.mg9 {margin: 9px;}
.mg10 {margin: 10px;}
.mg11 {margin: 11px;}
.mg12 {margin: 12px;}
.mg13 {margin: 13px;}
.mg14 {margin: 14px;}
.mg15 {margin: 15px;}
.mg16 {margin: 16px;}
.mg17 {margin: 17px;}
.mg18 {margin: 18px;}
.mg19 {margin: 19px;}
.mg20 {margin: 20px;}
.mg22 {margin: 22px;}
.mg24 {margin: 24px;}
.mg25 {margin: 25px;}
.mg26 {margin: 26px;}
.mg28 {margin: 28px;}
.mg30 {margin: 30px;}
.mg35 {margin: 35px;}
.mg40 {margin: 40px;}
.mg45 {margin: 45px;}
.mg50 {margin: 50px;}
.mg55 {margin: 55px;}
.mg60 {margin: 60px;}
.mg65 {margin: 65px;}
.mg70 {margin: 70px;}
.mg80 {margin: 80px;}
.mg90 {margin: 90px;}
.mg100 {margin: 100px;}
.mt0 {margin-top: 0;}
.mt1 {margin-top: 1px;}
.mt2 {margin-top: 2px;}
.mt3 {margin-top: 3px;}
.mt4 {margin-top: 4px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt8 {margin-top: 8px;}
.mt9 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt11 {margin-top: 11px;}
.mt12 {margin-top: 12px;}
.mt13 {margin-top: 13px;}
.mt14 {margin-top: 14px;}
.mt15 {margin-top: 15px;}
.mt16 {margin-top: 16px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt19 {margin-top: 19px;}
.mt20 {margin-top: 20px;}
.mt22 {margin-top: 22px;}
.mt24 {margin-top: 24px;}
.mt25 {margin-top: 25px;}
.mt26 {margin-top: 26px;}
.mt28 {margin-top: 28px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mr0 {margin-right: 0;}
.mr1 {margin-right: 1px;}
.mr2 {margin-right: 2px;}
.mr3 {margin-right: 3px;}
.mr4 {margin-right: 4px;}
.mr5 {margin-right: 5px;}
.mr6 {margin-right: 6px;}
.mr7 {margin-right: 7px;}
.mr8 {margin-right: 8px;}
.mr9 {margin-right: 9px;}
.mr10 {margin-right: 10px;}
.mr11 {margin-right: 11px;}
.mr12 {margin-right: 12px;}
.mr13 {margin-right: 13px;}
.mr14 {margin-right: 14px;}
.mr15 {margin-right: 15px;}
.mr16 {margin-right: 16px;}
.mr17 {margin-right: 17px;}
.mr18 {margin-right: 18px;}
.mr19 {margin-right: 19px;}
.mr20 {margin-right: 20px;}
.mr22 {margin-right: 22px;}
.mr24 {margin-right: 24px;}
.mr25 {margin-right: 25px;}
.mr26 {margin-right: 26px;}
.mr28 {margin-right: 28px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;}
.mr100 {margin-right: 100px;}
.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 1px;}
.mb2 {margin-bottom: 2px;}
.mb3 {margin-bottom: 3px;}
.mb4 {margin-bottom: 4px;}
.mb5 {margin-bottom: 5px;}
.mb6 {margin-bottom: 6px;}
.mb7 {margin-bottom: 7px;}
.mb8 {margin-bottom: 8px;}
.mb9 {margin-bottom: 9px;}
.mb10 {margin-bottom: 10px;}
.mb11 {margin-bottom: 11px;}
.mb12 {margin-bottom: 12px;}
.mb13 {margin-bottom: 13px;}
.mb14 {margin-bottom: 14px;}
.mb15 {margin-bottom: 15px;}
.mb16 {margin-bottom: 16px;}
.mb17 {margin-bottom: 17px;}
.mb18 {margin-bottom: 18px;}
.mb19 {margin-bottom: 19px;}
.mb20 {margin-bottom: 20px;}
.mb22 {margin-bottom: 22px;}
.mb24 {margin-bottom: 24px;}
.mb25 {margin-bottom: 25px;}
.mb26 {margin-bottom: 26px;}
.mb28 {margin-bottom: 28px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}
.ml0 {margin-left: 0;}
.ml1 {margin-left: 1px;}
.ml2 {margin-left: 2px;}
.ml3 {margin-left: 3px;}
.ml4 {margin-left: 4px;}
.ml5 {margin-left: 5px;}
.ml6 {margin-left: 6px;}
.ml7 {margin-left: 7px;}
.ml8 {margin-left: 8px;}
.ml9 {margin-left: 9px;}
.ml10 {margin-left: 10px;}
.ml11 {margin-left: 11px;}
.ml12 {margin-left: 12px;}
.ml13 {margin-left: 13px;}
.ml14 {margin-left: 14px;}
.ml15 {margin-left: 15px;}
.ml16 {margin-left: 16px;}
.ml17 {margin-left: 17px;}
.ml18 {margin-left: 18px;}
.ml20 {margin-left: 20px;}
.ml22 {margin-left: 22px;}
.ml24 {margin-left: 24px;}
.ml25 {margin-left: 25px;}
.ml26 {margin-left: 26px;}
.ml27 {margin-left: 27px;}
.ml28 {margin-left: 28px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}
.pd0 {padding: 0;}
.pd1 {padding: 1px;}
.pd2 {padding: 2px;}
.pd3 {padding: 3px;}
.pd4 {padding: 4px;}
.pd5 {padding: 5px;}
.pd6 {padding: 6px;}
.pd7 {padding: 7px;}
.pd8 {padding: 8px;}
.pd9 {padding: 9px;}
.pd10 {padding: 10px;}
.pd11 {padding: 11px;}
.pd12 {padding: 12px;}
.pd13 {padding: 13px;}
.pd14 {padding: 14px;}
.pd15 {padding: 15px;}
.pd16 {padding: 16px;}
.pd17 {padding: 17px;}
.pd18 {padding: 18px;}
.pd19 {padding: 19px;}
.pd20 {padding: 20px;}
.pd22 {padding: 22px;}
.pd24 {padding: 24px;}
.pd25 {padding: 25px;}
.pd26 {padding: 26px;}
.pd28 {padding: 28px;}
.pd30 {padding: 30px;}
.pd35 {padding: 35px;}
.pd40 {padding: 40px;}
.pd45 {padding: 45px;}
.pd50 {padding: 50px;}
.pd55 {padding: 55px;}
.pd60 {padding: 60px;}
.pd65 {padding: 65px;}
.pd70 {padding: 70px;}
.pd80 {padding: 80px;}
.pd90 {padding: 90px;}
.pd100 {padding: 100px;}
.pt0 {padding-top: 0;}
.pt1 {padding-top: 1px;}
.pt2 {padding-top: 2px;}
.pt3 {padding-top: 3px;}
.pt4 {padding-top: 4px;}
.pt5 {padding-top: 5px;}
.pt6 {padding-top: 6px;}
.pt7 {padding-top: 7px;}
.pt8 {padding-top: 8px;}
.pt9 {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt11 {padding-top: 11px;}
.pt12 {padding-top: 12px;}
.pt13 {padding-top: 13px;}
.pt14 {padding-top: 14px;}
.pt15 {padding-top: 15px;}
.pt16 {padding-top: 16px;}
.pt17 {padding-top: 17px;}
.pt18 {padding-top: 18px;}
.pt19 {padding-top: 19px;}
.pt20 {padding-top: 20px;}
.pt22 {padding-top: 22px;}
.pt24 {padding-top: 24px;}
.pt25 {padding-top: 25px;}
.pt26 {padding-top: 26px;}
.pt28 {padding-top: 28px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pr0 {padding-right: 0;}
.pr1 {padding-right: 1px;}
.pr2 {padding-right: 2px;}
.pr3 {padding-right: 3px;}
.pr4 {padding-right: 4px;}
.pr5 {padding-right: 5px;}
.pr6 {padding-right: 6px;}
.pr7 {padding-right: 7px;}
.pr8 {padding-right: 8px;}
.pr9 {padding-right: 9px;}
.pr10 {padding-right: 10px;}
.pr11 {padding-right: 11px;}
.pr12 {padding-right: 12px;}
.pr13 {padding-right: 13px;}
.pr14 {padding-right: 14px;}
.pr15 {padding-right: 15px;}
.pr16 {padding-right: 16px;}
.pr17 {padding-right: 17px;}
.pr18 {padding-right: 18px;}
.pr19 {padding-right: 19px;}
.pr20 {padding-right: 20px;}
.pr22 {padding-right: 22px;}
.pr24 {padding-right: 24px;}
.pr25 {padding-right: 25px;}
.pr26 {padding-right: 26px;}
.pr28 {padding-right: 28px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}
.pr55 {padding-right: 55px;}
.pr60 {padding-right: 60px;}
.pr65 {padding-right: 65px;}
.pr70 {padding-right: 70px;}
.pr80 {padding-right: 80px;}
.pr90 {padding-right: 90px;}
.pr100 {padding-right: 100px;}
.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 1px;}
.pb2 {padding-bottom: 2px;}
.pb3 {padding-bottom: 3px;}
.pb4 {padding-bottom: 4px;}
.pb5 {padding-bottom: 5px;}
.pb6 {padding-bottom: 6px;}
.pb7 {padding-bottom: 7px;}
.pb8 {padding-bottom: 8px;}
.pb9 {padding-bottom: 9px;}
.pb10 {padding-bottom: 10px;}
.pb11 {padding-bottom: 11px;}
.pb12 {padding-bottom: 12px;}
.pb13 {padding-bottom: 13px;}
.pb14 {padding-bottom: 14px;}
.pb15 {padding-bottom: 15px;}
.pb16 {padding-bottom: 16px;}
.pb17 {padding-bottom: 17px;}
.pb18 {padding-bottom: 18px;}
.pb19 {padding-bottom: 19px;}
.pb20 {padding-bottom: 20px;}
.pb22 {padding-bottom: 22px;}
.pb24 {padding-bottom: 24px;}
.pb25 {padding-bottom: 25px;}
.pb26 {padding-bottom: 26px;}
.pb28 {padding-bottom: 28px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}
.pb100 {padding-bottom: 100px;}
.pl0 {padding-left: 0;}
.pl1 {padding-left: 1px;}
.pl2 {padding-left: 2px;}
.pl3 {padding-left: 3px;}
.pl4 {padding-left: 4px;}
.pl5 {padding-left: 5px;}
.pl6 {padding-left: 6px;}
.pl7 {padding-left: 7px;}
.pl8 {padding-left: 8px;}
.pl9 {padding-left: 9px;}
.pl10 {padding-left: 10px;}
.pl11 {padding-left: 11px;}
.pl12 {padding-left: 12px;}
.pl13 {padding-left: 13px;}
.pl14 {padding-left: 14px;}
.pl15 {padding-left: 15px;}
.pl16 {padding-left: 16px;}
.pl17 {padding-left: 17px;}
.pl18 {padding-left: 18px;}
.pl19 {padding-left: 19px;}
.pl20 {padding-left: 20px;}
.pl22 {padding-left: 22px;}
.pl24 {padding-left: 24px;}
.pl25 {padding-left: 25px;}
.pl26 {padding-left: 26px;}
.pl28 {padding-left: 28px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}
.pl55 {padding-left: 55px;}
.pl60 {padding-left: 60px;}
.pl65 {padding-left: 65px;}
.pl70 {padding-left: 70px;}
.pl80 {padding-left: 80px;}
.pl90 {padding-left: 90px;}
.pl100 {padding-left: 100px;}
.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.vertical-bottom {vertical-align: bottom;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.tleft {text-align: left;}
.fleft {float: left;}
.fright {float: right;}
.text-subcolor {color: #b1aba9;}
.img-only {
  font-size: 0;
  line-height: 0;
}

.pt-15em { padding-top: 1.5em; }

.d-block { display: block; }

/*-----------------------------------------------------
モジュール
-------------------------------------------------------*/

/* 逆インデント
------------------------------------------------*/

.bullet-text,
.bullet-lists li{
    padding-left: 1em;
    text-indent: -1em;
}

/* SNS
------------------------------------------------*/

.sns-btn.sns-btn--header {
    text-align: right;
}
.sns-btn.sns-btn--footer {
    margin-top: 70px;
    text-align: center;
}
.sns-btn__item {
    display: inline-block;
}
.fb_iframe_widget span{
    vertical-align: baseline!important;
}
.sns-btn__item--gplus{
    width: 60px;
}

/* block-link
------------------------------------------------*/

.block-link{
  position: relative;
  z-index: 200;
}
.block-link:hover{
  cursor: pointer;
  opacity: 0.7;
}

/* anchor-destination
------------------------------------------------*/

.anchor-destination{
  margin-top: -42px;
  padding-top: 42px;
}

/* underline
------------------------------------------------*/

.underline,
a.underline{
  text-decoration: underline;
}

/* loading-animation
------------------------------------------------*/

  .loading-animation{
    position: relative;
  }
  .loading-animation::before{
    content:"";
    display:block;
    width:50px;
    height:50px;
    border-radius:5px;
    margin: 0 auto;
    background:white;
  }
  .loading-animation::after{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display:block;
    width:32px;
    height:32px;
    border-radius:20px;
    margin: 0 auto;
    border:4px solid #2b2827;
    border-right:4px solid white;
    animation: rotate 1s infinite linear;
  }
  @keyframes rotate {
    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
  }

/* new title */

.ttl-1 {
  background-color: #7AA7EB;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  padding: 5px;
}
.ttl-2 {
  font-size: 14px;
  font-weight: bold;
}
.ttl-3 {
  font-size: 14px;
  position: relative;
  padding-left: 1em;
}
.ttl-3::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 30%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #537a5d transparent transparent transparent;
  background-color: #FFF;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* ttl-4 */

.ttl-4 {
  position: relative;
    background-color: #777;
    color: #FFF;
    padding: 7px;
    padding-left: 25px;
    font-weight: bold;
    line-height: 1.2;
}
.ttl-4::before {
  position: absolute;
  left: 9px;
  top: 10px;
  content: '';
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
      -ms-border-radius: 100%;
          border-radius: 100%;
  display: block;
  background-color: #FFF;
}

.ttl-5 {
  font-size: 14px;
}


/* button */

/* 0～575 */
@media (max-width: 575px) {
  .btn-sm-spsmall {
    padding: 3px 6px;
    font-size: 8px;
  }
  .btn-sppadding-small {
    padding: 5px;
  }
}

/* module */

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

.fsize-10 { font-size:10px; }
.fsize-11 { font-size:11px; }
.fsize-12 { font-size:12px; }
.fsize-13 { font-size:13px; }
.fsize-14 { font-size:14px; }
.fsize-15 { font-size:15px; }
.fsize-16 { font-size:16px; }
.fsize-17 { font-size:17px; }
.fsize-18 { font-size:18px; }
.fsize-19 { font-size:19px; }
.fsize-20 { font-size:20px; }

.u-radius-10{
  border-radius: 10px;
}
.u-radius-20{
  border-radius: 20px;
}

/* ----------------------------------------------- */
/* BP_1-459 */
/* ----------------------------------------------- */

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

/* tableA */

.tableA {
  font-size: 12px;
}
.tableA, .tableA th, .tableA td, .tableA tr, .tableA thead, .tableA tbody {
  display:block;
  overflow: hidden;
}
.tableA tr {
    margin-bottom: 10px
}
.tableA th {
/*     border-bottom: 1px solid #CCC; */
    border-bottom: dotted 2px #d6d5d3;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.tableA input[type="text"], .tableA textarea, .tableA select {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tableA select { padding: 8px 12px;  }
.tableA input[type="txt"] { height: 34px; }
.tableA textarea { height: 100px; }
.provision-gray-small {
    font-size: 12px;
    color: #8e8e8e;
}

.tableA input[type="text"]._w80per { width: 80%; }
.tableA input[type="text"]._w75per { width: 75%; }
.tableA input[type="text"]._w70per { width: 70%; }
.tableA input[type="text"]._w65per { width: 65%; }
.tableA input[type="text"]._w60per { width: 60%; }
.tableA input[type="text"]._w55per { width: 55%; }
.tableA input[type="text"]._w50per { width: 50%; }
.tableA input[type="text"]._w45per { width: 45%; }
.tableA input[type="text"]._w40per { width: 40%; }
.tableA input[type="text"]._w35per { width: 35%; }
.tableA input[type="text"]._w30per { width: 30%; }
.tableA input[type="text"]._w25per { width: 25%; }
.tableA input[type="text"]._w20per { width: 20%; }
.tableA input[type="text"]._w15per { width: 15%; }
.tableA input[type="text"]._w10per { width: 10%; }
.tableA input[type="text"]._w05per { width: 5%; }

.tableA input[type="text"]._w100px { width: 100px !important; }
.tableA input[type="text"]._w90px { width: 90px !important; }
.tableA input[type="text"]._w80px { width: 80px !important; }
.tableA input[type="text"]._w70px { width: 70px !important; }
.tableA input[type="text"]._w60px { width: 60px !important; }
.tableA input[type="text"]._w50px { width: 50px !important; }

.provision-gray-small {
    font-size: 12px;
    color: #8e8e8e;
}
.tableA td label {
    font-weight: normal;
}

/* tableB */

.tableB {
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    width: 100%;
    font-size: 12px;
}
.tableB th, .tableB td {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px
}
.tableB th {
    background-color: #F5F5F3;
    text-align: center;
}
.character-count {
    color: #818181;
    font-size: 93%;
}
.tableB-thw75 th { width: 75px; }
.tableB-thw80 th { width: 80px; }
.tableB-thw85 th { width: 85px; }
.tableB-thw90 th { width: 90px; }
.tableB-thw95 th { width: 95px; }
.tableB-thw100 th { width: 100px; }

/* form */

.textarea-sp-1 {
  width: 100%;
}


/* wrapper-1 */

.wrapper-1 {
    padding: 42px 10px 30px 10px;
}
.strong-1 {
    font-weight: bold;
}

/* list-1 */

.list-1-item {
    font-weight: bold;
    /*font-family: 'Meiryo UI';*/
    letter-spacing: 1px;
    margin-bottom: 1px;
    border: 1px solid #CCC;
    border-radius: 3px
}
.list-1-item > a {
    display: block;
    padding: 5px 10px 5px 20px;
    color: #1e1a1a;
    position: relative;
}
.list-1-item > a::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #9DBDA6;
}

/* list-2 */

.list-2 {
    margin-top: 5px;
}
.list-2-item {
    background-color: #9DBDA6;
    margin-bottom: 2px;
    border-radius: 3px;
}
.list-2-item > a {
    color: #FFF;
    display: block;
    position: relative;
    padding: 5px 10px 5px 20px;
}
.list-2-item > a::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #FFF;
}

/* list-3 */

.list-3 {
  margin: 0 -2.5px;
}
.list-3 > li {
  float: left;
  width: 50%;
  padding: 0 2.5px;
}
.list-3 > li > a {
  display: block;
  padding: 5px;
  border-radius: 3px;
}
@media (max-width: 575px) {
  .list-3 > li { width: 100%; }
}

/* box-1 */

.box-1 {
    text-align: center;
    margin-bottom: 15px;
    padding: 15px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
    background-color: #fff;
}
.box-1-name {
    margin-top: 5px;
    margin-bottom: 10px;
}
.box-1-photo > img {
    width: 100%;
    height: auto;
}

/* box-2 */

.box-2::after {
    content: "";
    display: block;
    clear: both;
}
.box-2 {
    margin-left: -5px;
    margin-right: -5px;
}
.box-2 .box-2-col {
    float: left;
    text-align: center;
    padding: 0 5px;
}
.box-2._twoColumn  .box-2-col {
    width: 50%;
}

/* box-3 */

.box-3 {
  text-align: center;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.2);
}
.box-3-name {
  margin-top: 5px;
  margin-bottom: 10px;
}
.box-3-photo > img {
  width: 100%;
  height: auto;
}

/* box-4 */

.box-4 {
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 10px;
}
.box-4-main {
  float: left;
  width: calc(100% - 120px);
}
.box-4-main-inner {
  padding-left: 10px;
}
.box-4-sub {
  float: left;
  width: 120px;
}



/* btn-1 */

.btn-1 {
    padding: 10px;
    color: #FFF;
    width: 100%;
    display: block;
    border-radius: 3px;
    box-shadow: 0 2px 0 #CCC;
}
.btn-1-pink {
    background: #ec7680; /* Old browsers */
/*    background: -moz-linear-gradient(top,  #F2C8D8 0%, #FA86B2 100%);
    background: -webkit-linear-gradient(top,  #F2C8D8 0%,#FA86B2 100%);
    background: linear-gradient(to bottom,  #F2C8D8 0%,#FA86B2 100%);*/
}
.btn-1-green {
    background: #7ba987; /* Old browsers */
/*    background: -moz-linear-gradient(top,  #a3bfaa 0%, #7ba987 100%);
    background: -webkit-linear-gradient(top,  #a3bfaa 0%,#7ba987 100%);
    background: linear-gradient(to bottom,  #a3bfaa 0%,#7ba987 100%);
*/
}
.btn-1-gray {
  background: #999999;
}
.btn-1-gold {
  background: #BBA361;
}

/* btn-2 */

.btn-2 {
  display: block;
  background-color: #f3f7f4;
  text-decoration: none;
  color: #2b2827!important;
  box-shadow: 0px 3px 0px #537a5d;
  border: 1px solid #537a5d;
  font-size: 13px;
  padding: 5px 0;
  border-radius: 3px;
  padding-left: 5px;
}
.btn-2.__small {
  font-size: 11px;
}
.btn-2.__edit::before {
  font-family: "FontAwesome";
  content: '\f044';
  font-weight: 900;
  margin-right: 5px
}
.btn-2.__insert::before {
  font-family: "FontAwesome";
  content: '\f0fe';
  font-weight: 900;
  margin-right: 5px
}
.btn-2.__delete {
    color: #555 !important;
    box-shadow: 0px 3px 0px #555;
    border: 1px solid #555;
}
.btn-2.__delete::before {
  font-family: "FontAwesome";
  content: '\f1f8';
  font-weight: 900;
  margin-right: 5px;
}
.btn-2.__order {
    color: #555 !important;
    box-shadow: 0px 3px 0px #555;
    border: 1px solid #555;
}
.btn-2.__order::before {
  font-family: "FontAwesome";
  content: "\f0dc";
  font-weight: 900;
  margin-right: 5px;
}

/* btn-3 */

.btn-3 {
    text-align: center;
    margin-top: 15px;
}
.btn-3 > a {
    display: inline-block;
    border-bottom: 1px dashed #777;
}
.btn-3 i {
    display: block;
    font-size: 18px;
    margin-bottom: -2px;
}

/* btn-4 */

.btn-4 {
  text-align: center;
}
.btn-4 > a {
  display: inline-block;
  border-bottom: 1px dashed #777;
}
.btn-4 i {
  display: inline-block;
  font-size: 18px;
  margin-bottom: -2px;
}

/* frame-1 */

.frame-1 {
    border: 1px solid #CCC;
    padding: 15px;
    text-align: center;
}

/* frame-2 */

.frame-2 {
/*    border: 1px solid #777;
    padding: 15px;*/
}

/* tab */

.tab-1 {
    margin: 0 -1px;
    margin-bottom: 30px
}
.tab-1 li {
    float: left;
    width: 20%;
    padding: 0 1px;
    margin-top: 10px;
}
@media (max-width: 767px) { .tab-1 li { width: 50%; } .tab-1 li:nth-of-type(n+3) { margin-top: 10px; } }
.tab-1.__col4 li { width: 25%; }
@media (max-width: 767px) { .tab-1.__col4 li { width: 50%; } .tab-1.__col4 li:nth-of-type(n+3) { margin-top: 10px; } }
.tab-1 li a {
    display: block;
    background-color: #777;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    padding: 7px 0;
    position: relative;
    color: #FFF
}
.tab-1.__hasBalloon li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #777 transparent transparent transparent;
    bottom: -10px;
    left: calc(50% - 5px);
}
.tab-1 li a:hover, .tab-1 li.__active a {
    background-color: #9DBDA6;
}
.tab-1.__hasBalloon li a:hover::after,
.tab-1.__hasBalloon li.__active a::after {
    border-color: #9DBDA6 transparent transparent transparent;
}


/* 選択中 */
/*.tab-1.__ctype1 li:nth-of-type(1) a { background-color: #9DBDA6 !important; }
.tab-1.__ctype1 li:nth-of-type(1) a::after { border-color: #9DBDA6 transparent transparent transparent !important; }
.tab-1.__ctype4 li:nth-of-type(2) a { background-color: #9DBDA6 !important; }
.tab-1.__ctype4 li:nth-of-type(2) a::after { border-color: #9DBDA6 transparent transparent transparent !important; }
.tab-1.__ctype2 li:nth-of-type(3) a { background-color: #9DBDA6 !important; }
.tab-1.__ctype2 li:nth-of-type(3) a::after { border-color: #9DBDA6 transparent transparent transparent !important; }
.tab-1.__ctype3 li:nth-of-type(4) a { background-color: #9DBDA6 !important; }
.tab-1.__ctype3 li:nth-of-type(4) a::after { border-color: #9DBDA6 transparent transparent transparent !important; }*/


.submit-1-wrapper {
    position: relative;
}
.submit-1-wrapper::before {
  font-family: "FontAwesome";
  content: '\f0fe';
  font-weight: 900;
  margin-right: 5px;
  position: absolute;
  top: 4px;
  left: 15px;
}
.submit-1-wrapper.__order::before { content: "\f0dc"; }
.submit-1-wrapper.__upload::before { content: "\f093"; top: 3px; }
.submit-1-wrapper.__plus::before { content: "\f0fe"; top: 3px; }

.submit-1-wrapper.__centerMinus70::before { left: calc(50% - 70px); }
.submit-1-wrapper.__centerMinus50::before { left: calc(50% - 50px); }
.submit-1-wrapper.__centerMinus60::before { left: calc(50% - 60px); }
.submit-1-wrapper.__centerMinus40::before { left: calc(50% - 40px); }
.submit-1-wrapper.__centerMinus30::before { left: calc(50% - 30px); }
.submit-1 {
  display: block;
  background-color: #f3f7f4;
  text-decoration: none;
  color: #2b2827!important;
  box-shadow: 0px 3px 0px #537a5d;
  border: 1px solid #537a5d;
  font-size: 13px;
  padding: 5px 0;
  border-radius: 3px;
  width: 100%;
  padding-left: 20px;
}
.submit-1.__small {
  font-size: 11px;
}

/* note */

.note-1 {
  font-size: 12px;
  text-align: left;
}
.note-1.__fsize10 { font-size: 10px; }

/* link-1 */

.link-1 {
    display: inline-block;
    border-bottom: 1px dashed #777;
}
.link-1.__iconDelete::before {
    content: '\f1f8';
    font-family: "FontAwesome"; font-weight: 900; margin-right: 5px;
}

/* hr style */

.hr-dashed-gray {
  border-top: 1px dashed #CCC;
}

/* colorbox */

#cboxContent #cboxClose {
  background-color: no-repeat;
  border: none;
}

.margin-auto {
  margin:auto;
}

/* faq page list */

.faqbox {
    border: 1px solid #d1d1d1;
    padding: 15px
}
.faqbox:not(:last-child) {
    margin-bottom: 15px;
}
.faqbox ul li {
    background: url(/images/accounts/faq_icon_min.png) no-repeat;
    background-position: left 0.1em;
    padding: 0 0 0 25px;
    margin: 10px 0;
    line-height: 1.5em
}
.faqlist .list_box {
  font-weight: bold;
}
.faqlist .list_box dt {
  background: url(/images/accounts/faq_icon_q.png) no-repeat;
  background-position: left 0.3em;
  padding-left: 30px;
  line-height: 2.0em;
  margin-bottom: 10px;

}
.faqlist .list_box dd {
    background: url(/images/accounts/faq_icon_a.png) no-repeat;
  background-position: left 0.3em;
    padding-left: 30px;
    line-height: 2.0em;
}

.contracts-notice {
  background: #F9F9F9;
  padding: 20px;
  border: 2px solid #F00;
  font-size: 120%;
  line-height: 1.5;
  font-weight: bold;
}
.indispensable {
  color: #ec7680;
}
.recruit-information__lists {
  width: 100%;
}


.tableA td .drop-down-target {
  display: none;
}
.next-drop-down::before {
  content: "\f067";
  font-family: 'FontAwesome';
  margin-right: 5px;
  font-weight: normal;
}
.next-drop-down.__open::before {
  content: "\f068";
}
.next-drop-down::after {
  content: '　※ タップして項目選択';
  font-size: 10px;
  font-weight: normal;
  margin-right: 15px;
}

/* 解析ページのテーブル */
.sum-lists {
  width: 100%;
}
.sum-lists th {
  background: #dbdada;
  color: #1e1a1a;
}
.sum-lists th, .sum-lists td {
  text-align: center;
  width: 25%;
  font-size: 12px;
  padding: 5px;
  border: 1px solid #aaa;
  color: #1e1a1a;
  white-space: normal;
  box-sizing: border-box;
}
.sideScroll {
  width:100%;
  overflow-x: auto;
  padding: 5% 0;
  overflow-x: auto;
}
.sideScroll::-webkit-scrollbar {
  height: 10px;
}
.sideScroll::-webkit-scrollbar-thumb{
  background: #999;
  border-radius: 5px;
}
.sideScroll::-webkit-scrollbar-track-piece {
  background: #efefef;
}
/* button-1 */
.button-1 {
  background-color: #f3f7f4;
  text-decoration: none;
  color: #2b2827;
  box-shadow: 0px 3px 0px #537a5d;
  border: 1px solid #537a5d;
  font-size: 13px;
  padding: 6px 0 3px 0;
  border-radius: 20px;
  width: 100%;
  display: block;
  font-size: 12px;
}
.button-1.__delete, .button-1.__order {
  color: #555 !important;
  box-shadow: 0px 3px 0px #555;
  border: 1px solid #555;
}


/* ----------------------------------------------- */
/* BP_1-460 */
/* ----------------------------------------------- */

.pickup-ranking-title {
  padding: 3px;
  background-color: #F8F8FD;
}
.spSlider1 {
  text-align: center;
  margin-top:20px;
}
.spSlider1-box {
  overflow: scroll;
  margin: 0 15px;
  display:none;
}
.spSlider1-box.__active {
  display:block;
}
.spSlider1-bgElem {
  margin:auto;
}
.spSlider1-list {
  margin: auto;
}
.spSlider1-list > li {
  float: left;
  text-align:center;
}
.spSlider1-bgElem { width:calc(80px - 0px); height:calc(80px + 20px); }
.spSlider1-list { margin: 0 -5px; }
.spSlider1-list > li { width: 80px; margin:0 5px; }
@media (min-width: 415px) {
.spSlider1-bgElem { width:calc(110px - 10px); height:calc(110px + 20px); }
.spSlider1-list > li { width: 110px; }
}
@media (min-width: 540px) {
.spSlider1-bgElem { width:calc(150px - 10px); height:calc(150px + 20px); }
.spSlider1-list > li { width: 150px; }
}
@media (min-width: 820px) { .spSlider1-list { margin: auto; } }
.spSlider1-subttl {
  padding: 0 5px;
  font-size: 11px;
  text-align:left;
  margin-top: 5px;
}
/* select box */
.selectBox1 {
  padding: 12px 15px 10px 15px;
  border-bottom: 1px dotted #BEBEBE;
  border-top: 1px solid #777;
  text-align: center;
}
.selectBox1-label {
  font-size:13px;
}
.selectBox1-main {
  width: 200px;
  padding: 3px;
}
.selectBox1.__hair {
  background-color: #F8F8FD;
}
.spSlider1-ranknum {
  line-height: 1.2;
  text-align:center;
}
.spSlider1-ranknum ._icon { vertical-align: inherit; }
.spSlider1-ranknum ._num { font-size:24px; }
.spSlider1-ranknum ._unit { font-size:16px; margin-left:3px; }


/* ----------------------------------------------- */
/* BP_1-467 */
/* ----------------------------------------------- */
.boxShop1-sub {
  float: left;
}
.boxShop1-main {
  float: left;
  padding-left: 10px;
}
/*
.boxShop1-sub { width: 145px; overflow: hidden;}
.boxShop1-main { width: calc(100% - 145px); }
*/
.boxShop1.__sub-w110 .boxShop1-sub  { width: 110px; }
.boxShop1.__sub-w110 .boxShop1-main { width: calc(100% - 110px); }
.boxShop1.__sub-w120 .boxShop1-sub  { width: 120px; }
.boxShop1.__sub-w120 .boxShop1-main { width: calc(100% - 120px); }
.border-gray { border: #d8d5d4 1px solid; }
/* 0～575 */
@media (max-width: 330px) {
    /*
  .boxShop1-sub { width: 120px; }
  .boxShop1-main { width: calc(100% - 120px); }
*/
  .boxShop1.__sub-w110 .boxShop1-sub  { width: 92px; }
  .boxShop1.__sub-w110 .boxShop1-main { width: calc(100% - 92px); }
  .boxShop1.__sub-w120 .boxShop1-sub  { width: 100px; }
  .boxShop1.__sub-w120 .boxShop1-main { width: calc(100% - 100px); }
}

.summaryshop .boxShop1-sub {
  float: none;
  text-align: center;
  white-space: nowrap;
  padding: 5px 0px 0px 0px;
  display: flex;
  justify-content: center;
}
.summaryshop .boxShop1-sub span {
  display: inline-block;
  width: calc(50vw - 20px);
  height: calc(33.3vw - 20px);
  border-radius: 10px;
  margin: 0px 5px;
  vertical-align: middle;
  overflow: hidden;
  background: #eee;
}
.summaryshop .boxShop1-sub img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.summaryshop .boxShop1-main {
  float: none;
  padding: 10px 10px 0px 10px;
}

/* catalog */
.catalog-lists {
    max-width: 415px;
    margin: auto;
}

/* 2020.03.31 追加 */

.spadminnav .btn-group a {
    height: 50px;
}
.spadminnav .btn-group img {
    margin-top:3px;
    height: 35px;
}


/*-----------------------------------------------------*/
/* BP_1-530 コロナ対策実施店を探すボタンの設置  */
/*-----------------------------------------------------*/

.button-2 {
    text-align: center;
    width: 300px;
    font-size: 90%;
    margin: 20px auto;

}
.button-2__inner {
    border-radius: 4px;
    background-color: #d0d0ce;
    color: #FFF;
    padding: 6px 15px 5px 15px;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
}
.button-2__inner--normal {
    font-size: 100%;
    padding-top: 2.5px;
}
.button-2__inner--large {
    font-size: 120%;
    font-weight: bold;
}
.button-2__inner--text1,
.button-2__inner--text2,
.button-2__inner--text3 {
    display: block;
}
.button-2__inner--text1,
.button-2__inner--text2{
    padding-right: 2px;
}
.button-2__inner {
    position: relative;
    padding-right: 30px;
}
.button-2__inner::before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius:15px;
    background-color: #FFF;
    position: absolute;
    right: 10px;
    top: calc(50% - 7.5px);
}
.button-2__inner::after {
    content: '';;
    border-radius:15px;
    background-color: #FFF;
    position: absolute;
    right: 14px;
    top: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 5px;
    border-color: transparent transparent transparent #d0d0ce;
}
.button-2__inner:hover {
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #d0d0ce;
}
.button-2__inner:hover::before {
    background-color: #d0d0ce;
}
.button-2__inner:hover::after {
    background-color: #d0d0ce;
    border-color: transparent transparent transparent #FFF;
}




















/*BP_1-569 2020.11.30テストアップ分*/

/*.p-modal-reservbt {
  min-width: 300px;
  text-align: center;
}
.p-modal-reservbt__block {
}
.p-modal-reservbt__ttl {
    font-size: 15px;
    color: #EE4F85;
    text-align: center;
}
.p-modal-reservbt__lead {
    font-size: 15px;
    margin-top: 0.3em;
}
.p-modal-reservbt__list {
    margin-top: 0.5em;;
}
.p-modal-reservbt__item {
    margin-bottom: 10px;
}
.p-modal-reservbt__btn {
    display: block;
    background-color: #9DBDA6;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
}
.p-modal-reservbt__btn:hover {
    text-decoration: none;
    color: #FFF;
}
.p-modal-reservbt__item--ozmall .p-modal-reservbt__btn {
    background-color: #FE7A93;
}
.p-modal-reservbt__item--epark .p-modal-reservbt__btn {
    background-color: #8FC31F;
}
.p-modal-reservbt__item--others .p-modal-reservbt__btn {
    background-color: #FAFAF8;
    color: #5A5858;
}
.p-modal-reservbt__icon-batu {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #3E80A9;
    border-radius: 50%;
    color: #FFF;
    padding-top: 0.6em;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 1em;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}
.p-modal-reservbt__footer {
    line-height: 1.4em;
    font-size: 12px;
    margin-top: 1.0em;
    position: relative;
}*/


.p-modal-reservbt__block {
    display: inline-block;
}
.p-modal-reservbt__ttl {
    font-size: 15px;
    color: #EE4F85;
}
.p-modal-reservbt__lead {
    font-size: 17px;
    margin-top: 0.3em;
}
.p-modal-reservbt__list {
    margin-top: 1em;;
}
.p-modal-reservbt__item {
    margin-bottom: 10px;
}
.p-modal-reservbt__btn {
    display: block;
    background-color: #9DBDA6;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
}
.p-modal-reservbt__btn:hover {
    text-decoration: none;
    color: #FFF;
}
.p-modal-reservbt__item--ozmall .p-modal-reservbt__btn {
    background-color: #FE7A93;
}
.p-modal-reservbt__item--epark .p-modal-reservbt__btn {
    background-color: #8FC31F;
}
.p-modal-reservbt__item--rakuten .p-modal-reservbt__btn {
    background-color: #FF41BE;
}
.p-modal-reservbt__item--others .p-modal-reservbt__btn {
    background-color: #FAFAF8;
    color: #5A5858;
}
.p-modal-reservbt__icon-batu {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color:#3E80A9;
    border-radius: 50%;
    color: #FFF;
    padding-top:0.5em;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 1em;
}



.p-modal-reservbt {
    position: relative;
    min-width: 500px;
    text-align: center;
    line-height: 1.5;
}
.j-modal-simple-close {
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(100% - 40px);
    bottom: calc(100% - 30px);
    z-index: 1500;
    background-image: url(/images/common/icon-modal-reservbt-close.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.j-modal-simple-close:hover {
    background-image: url(/images/common/icon-modal-reservbt-close-hover.svg);
}
.p-modal-reservbt__btn {
    min-width: 340px;
}
@media only screen and (max-width: 575px) {
  .p-modal-reservbt__btn {
      min-width: 200px;
  }
  .p-modal-reservbt {
    min-width: 275px;
  }
}
.p-modal-reservbt {
    padding: 25px !important;
}
.p-modal-reservbt__list {
    margin-top: 1.5em;
}
.p-modal-reservbt__item--others .p-modal-reservbt__btn {
    background-color: #B1ABA9;
    color: #FFF;
}
.p-modal-reservbt__ttl {
    font-weight: bold;
    font-size: 15px;
}
.p-modal-reservbt__lead {
    margin-top: 0.4em;
}
.p-modal-reservbt {
    overflow: visible !important;
}


.category-page-esthe-display {
  display: none;
}
body#esthe .category-page-esthe-display {
  display: block;
}


.accounts-img-responsive {
  max-width: 100%;
}




.block-gird {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -7.5px;
}

.block-gird--vcenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-gird__item {
  padding: 0 7.5px;
}

.block-vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
}







.admin-modal-simple__modal{
  display: none;
  top: calc(50% + 20px) !important;
  text-align: left;
  min-width: 90% !important;
}
a:link.admin-modal-simple__close-link {
  text-decoration: underline;
}
.admin-modal-simple__btn {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 11px;
  text-decoration: underline;
}
.admin-modal-simple__close {
  margin-top: 15px;
  text-align: center;
}

.link-underline {
  text-decoration: underline !important;
}
.link-underline:hover {
  text-decoration: none !important;
  color: inherit !important;
  background: inherit !important;
}



.list-kakko-decimal {
  margin-left: 0.5em;
}
.list-kakko-decimal li {
  list-style-type: none;
  counter-increment: cnt;
}

.list-kakko-decimal li::before {
  content: "(" counter(cnt) ") ";
  display:inline-block;
  margin-left:-2.5em;
  width: 2.5em;
}


table ul.catalog-images {
    display: flex;
    justify-content: center;
}
table ul.catalog-images li {
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
}
table ul.catalog-images li img {
    width: 100%;
    height: auto;
}

table .instagram {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
table .instagram iframe {
  min-width: auto !important;
  border: none !important;
  margin-top: -54px !important;
  margin-bottom: -153px !important
}
table .preview-image {
    width: 50%;
    height: 200px;
    margin: 30px auto;
}
table .preview-image img {
    width: 100%;
    height: 100%;
    object-fit : cover;
}



.progress {
    height: auto;
    background-color: transparent;
    border-radius: 0;
    margin: 30px 0;

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,.2);
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	background-color: #fff;

}
.progress h3 {
	width: 100%;
	height: 40px;
	background: #f5f5f3;
	font-size: 1em;
	color: #537a5d;
	font-weight: bold;
	line-height: 2.5em;
	text-align: left;
	padding-left: 15px;
	border-top: 5px solid #9dbda6;
  margin-bottom: 15px;
}
.progress .hint {
  margin: 30px 15px;
}
.progress .date {
  font-size: 90%;
  text-align: right;
  margin: 15px;
}
.progress ul {
  list-style: none;
  margin: 20px 20px 20px 20px
}
.progress ul li i {
  margin-right: 10px;
}
.progress .pie {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 200px;
	font-size: 26px;
	font-weight: 700;
	border-radius: 50%;
}

div.summaryshop-price-cut-menu {
    float: left;
    margin: 5px 0 0 0;
    position: relative;
    z-index: 201;
}
div.summaryshop-count-review {
    float: right;
    margin: 5px 0 0 0;
    position: relative;
    z-index: 201;
}
div.summaryshop-detail-lead {
    clear: both;
    padding: 0 0 0 0;
}
div.summaryshop-detail-info {
    clear: both;
    padding: 5px 0 0 0;
}
div.summaryshop-price-cut-menu {
    float: left;
    margin: 5px 0 0 0;
}
div.summaryshop-count-review {
    float: right;
    margin: 5px 0 0 0;
}
div.summaryshop-count-review .stars {
  display: inline-block;
  margin-right: 10px;
}
div.summaryshop-count-review .stars>span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  color: #999;
  margin-right: 5px;
}
div.summaryshop-count-review .stars>span::before,
div.summaryshop-count-review .stars>span::after {
  content: '♥♥♥♥♥';
}
div.summaryshop-count-review .stars>span::after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #fe4d49;
}
div.summaryshop-count-review .stars .star-50::after{ width: 100%;}
div.summaryshop-count-review .stars .star-45::after{ width: 90%; }
div.summaryshop-count-review .stars .star-40::after{ width: 80%; }
div.summaryshop-count-review .stars .star-35::after{ width: 70%; }
div.summaryshop-count-review .stars .star-30::after{ width: 60%; }
div.summaryshop-count-review .stars .star-25::after{ width: 50%; }
div.summaryshop-count-review .stars .star-20::after{ width: 40%; }
div.summaryshop-count-review .stars .star-15::after{ width: 30%; }
div.summaryshop-count-review .stars .star-10::after{ width: 20%; }
div.summaryshop-count-review .stars .star-05::after{ width: 10%; }
div.summaryshop-count-review .stars .star-00::after{ width: 0%;  }

div.summaryshop-count-review a {
  white-space: nowrap;
}
div.summaryshop-count-review .up {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  padding: 3px 5px 2px 5px;
  border-radius: 5px;
  background: #c0a000;
  color: #fff;
  margin-left: 5px;
}


.reserve-now {
}
.reserve-now h3 {
	width: 100%;
	height: 40px;
	background: #f5f5f3;
	font-size: 1em;
	color: #537a5d;
	font-weight: bold;
	line-height: 2.5em;
	text-align: left;
	padding-left: 15px;
	border-top: 5px solid #9dbda6;
  margin-bottom: 15px;
}
.reserve-now .info {
}
.reserve-now .info p {
  margin: 10px 0;
}
.reserve-now .info p.message {
  color:red;
  text-align: center;
  margin: 20px 0;
  padding: 10px;
  border: solid 1px red;
}
.reserve-now .form {
  margin: 20px 0;
}
.reserve-now .form input,
.reserve-now .form select {
  vertical-align: middle;
  margin: 5px 0;
}
.reserve-now .send {
  text-align: right;
}
.reserve-now .finish {
  text-align: right;
}


.spnavtrigger {
  /*border: 1px solid #333;*/
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1000;
  left: 7px;
  top: 7px;
}
.spnavtrigger__main {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.spnavtrigger__main span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #333;
  border-radius: 4px;
}
.spnavtrigger__main, .spnavtrigger__main span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.spnavtrigger__main span:nth-of-type(1) {
  top: 0;
}
.spnavtrigger__main span:nth-of-type(2) {
  top: 8px;
}
.spnavtrigger__main span:nth-of-type(3) {
  bottom: 0;
}
.active .spnavtrigger__main span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.active .spnavtrigger__main span:nth-of-type(2) {
  left: 10%;
  opacity: 0;
  -webkit-animation: active-btn05-bar02 .8s forwards;
  animation: active-btn05-bar02 .8s forwards;
}
@-webkit-keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-btn05-bar02 {
  100% {
    height: 0;
  }
}
.active .spnavtrigger__main span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}


.top-message {
}
.top-message .lead {
  text-align: center;
  font-size: 90%;
}
.top-message .block-text {
  margin: 15px;
  padding: 10px;
  background: #f9d3e1;
}
.top-message .block-text .heading {
  text-align: center;
  font-weight: bold;
  font-size: 116%;
  margin-bottom: 5px;
}
.top-message .block-text .desc {
  padding-left: 1em;
  text-indent: -1em;
  margin: 5px 0;
}
.top-message .block-text .bank-info {
  background: #F9F9F9;
  padding: 20px;
  border: 2px solid #F00;
  font-size: 120%;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 20px;
}

.top-message .block-button {
  margin: 15px;
}
.top-message .block-button a {
  display: block;
  padding: 10px;
  background: #fe4d49;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  margin: 5px 0;
}
.top-message .block-button a .note {
  display: block;
  font-size: 90%;
  margin-bottom: 5px;
}
.top-message .block-button a .note i {
  margin-right: 5px;
}
.top-message .block-button a .caption {
  display: block;
  font-weight: bold;
  font-size: 120%;
}

.share-salon {
	margin: 10px 0;
}
.share-salon .lead-text {
	position: relative;
	margin-bottom: 5px;
  text-align: center;
}
.share-salon .lead-text .inn {
  display: inline-block;
  position: relative;
	padding: 0 2em;
}
.share-salon .lead-text .line {
	white-space: nowrap;
	font-size: 90%;
}
.share-salon .lead-text .inn::before {
	content: '＼';
	position: absolute;
	left: 0;
	bottom: calc(50% - 10px);
}
.share-salon .lead-text .inn::after {
	content: '／';
	position: absolute;
	right: 0;
	bottom: calc(50% - 10px);
}
.share-salon .share-button {
	background-color: #fff;
	border-radius: 3px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 7px 0;
	border: 1px solid #333;
	cursor: pointer;
}
.share-salon .share-button:hover {
	opacity: 0.7;
}
.share-salon .share-button .icon {
	width: 26px;
	height: 18px;
	fill: #9cbea5;
}
.share-salon .share-button .caption {
	display: block;
	font-size: 14px;
	padding-left: 5px;
	font-family: "Noto Sans JP",sans-serif;
}

.remodal-overlay {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.popup-share-salon {
	padding: 0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	max-width: 500px !important;
}
.popup-share-salon h2 {
	background-color: #f5f5f4;
	border-bottom: 1px solid #e7e4e0;
	font-size: 1.3333333333rem;
	font-family: "Noto Sans JP",sans-serif;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
}
.popup-share-salon .inner {
	text-align: left;
	padding: 20px;
}
.popup-share-salon h3 {
	line-height: 1;
	margin-bottom: 10px;
	text-align: left;
}
.popup-share-salon h3 .name {
	font-size: 1.1666666667rem;
	font-weight: bold;
	display: block;
}
.popup-share-salon h3 .name-kana {
	font-size: .8333333333rem;
	color: #b1aba9;
}
.popup-share-salon .text {
	color: #b1aba9;
	margin-bottom: 2px;
}
.popup-share-salon .text a {
	color: #b1aba9;
}
.popup-share-salon ul {
	margin: 0 -2.5px;
	margin-top: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.popup-share-salon ul li {
	width: 40%;
	padding: 0 5px;
}
.popup-share-salon ul li a {
	display: block;
	border: 1px solid #e7e4e0;
	border-radius: 5px;
	position: relative;
}
.popup-share-salon ul li a img {
	width: 100%;
	height: auto;
}


.planup-message {
  color:red;
  text-align: center;
  margin: 50px 15px;
  padding: 10px;
  border: solid 1px red;
}

#feature-style {
  padding: 10px;
}
#feature-style ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#feature-style ul li {
  width: calc(50% - 6px);
  box-sizing: border-box;
  margin: 3px 0;
}
#feature-style ul li a {
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
#feature-style ul li a img {
  width: 100%;
  height: auto;
}


.menu-avg-price {
  overflow: hidden;
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto 20px;
  padding: 0 10px;
}
.menu-avg-price .kyun {
  float: left;
  width: 100px;
  text-align: center;
  font-size: 70%;
  line-height: 1.1;
}
.menu-avg-price .kyun img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 5px;
}
.menu-avg-price .fukidashi {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 5px;
  margin-left: 110px;
  margin-top: 10px;
}
.menu-avg-price .fukidashi p {
  border: solid 1px #999;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  display: block;
}

.menu-avg-price .fukidashi::before,
.menu-avg-price .fukidashi::after {
  content: '';
  position: absolute;
  top: 5px;
  left: -9px;
  width: 10px;
  height: 20px;
  clip-path: polygon(0 50%, 100% 20%, 100% 80%);
}
.menu-avg-price .fukidashi::before {
  background-color: #999;
}
.menu-avg-price .fukidashi::after {
  left: -7px;
  background-color: #fff;
}
.menu-avg-price .fukidashi .price {
  white-space: nowrap;
}
.menu-avg-price .note {
  color: #999;
  font-size: 70%;
  margin-left: 110px;
  padding-left:1em;
  text-indent:-1em;
}

.summaryshop .pr {
  font-size: 10px;
  font-weight: normal;
  display: inline-block;
  margin: 0 10px;
  border: solid 1px #aaa;
  border-radius: 5px;
  color: #aaa;
  line-height: 1;
  padding: 2px 4px;
  vertical-align: middle;
}

.summaryshop .pr-img {
  display: inline-block;
  margin: 2px 10px 5px 10px;
  line-height: 1;
  vertical-align: middle;
  height: 15px;
}
.summaryshop .pr-img img {
  width: auto;
  height: 100%;
}

.summaryshop .pr-mark {
  font-size: 10px;
  font-weight: normal;
  display: inline-block;
  margin: 0 10px;
  border: solid 1px #aaa;
  border-radius: 5px;
  color: #aaa;
  line-height: 1;
  padding: 2px 4px;
  vertical-align: middle;
}
.summaryshop .pr-mark::before {
  content: 'PR';
}


.list-faq {
  border-bottom: solid 1px #dfdfdf;
}
.list-faq .q {
  cursor: pointer;
  position: relative;
  padding: 10px 30px;
  border-top: solid 1px #dfdfdf;
  color: #85ae90;
}
.list-faq .q:before {
  content: 'Q.';
  position: absolute;
  left: 10px;
}
.list-faq .q:after {
  content: '＋';
  position: absolute;
  right: 10px;
}
.list-faq .open .q:after {
  content: '－';
}
.list-faq .a {
  display: none;
  position: relative;
  padding: 0px 30px 10px 30px;
}
.list-faq .a:before {
  content: 'A.';
  position: absolute;
  left: 10px;
}


.button-location {
}
.button-location .button {
  margin: 20px 10px;
  text-align: center;
  font-size: 110%;
}
.button-location .button a {
  display: inline-block;
  border: solid 1px #9dbda6;
  background: #9dbda6;
  color: #fff;
  padding: 10px 10px;
  border-radius: 10px;
}
.button-location .button a:hover {
  text-decoration: none;
  border: solid 1px #9dbda6;
  background: #fff;
  color: #9dbda6;
}
.button-location .button a i {
  font-size: 120%;
  margin-right: 10px;
  vertical-align: middle;
}
.button-location h4.subtitle {
  margin: 40px 0 0 0;
  text-align: center;
  font-weight: bold;
  color: #85ae90;
}

.location-navi {
  margin: 10px 0;
  text-align: center;
}
.location-navi li {
  display: inline-block;
  margin: 5px 0;
}
.location-navi li a {
  display: inline-block;
  border: solid 1px #9dbda6;
  background: #fff;
  padding: 5px 10px;
  border-radius: 100px;
  font-size: 1.2rem;
}
.location-navi li.on a,
.location-navi li a:hover {
  text-decoration: none;
  border: solid 1px #9dbda6;
  background: #9dbda6;
  color: #fff;
}
/* .bx-controls-direction{
  display: none !important;
} */
/* .bx-wrapper .bx-pager{
  display: none !important;
} */
footer{
  background: white !important;
}
}