@charset "UTF-8";

/* STYLE LIST ------------------------------------------------------

 00. COMMON STYLE

 01. CONTENTS

 02. MEDIAQUERY for TABLET

 03. MEDIAQUERY for SMARTPHONE

-------------------------------------------------------------------- */


/* 01. CONTENTS
-------------------------------------------------------------------- */

ul.list1_1_1 li {
  margin-left: 20px;
  width: calc((100% - 40px) / 3);
}

ul.list1_1 li {
  margin-left: 20px;
  width: calc((100% - 20px) / 2);
}

ul.list1 li {
  width: 100%;
}

ul[class^="list"] li:first-child {
  margin-left: 0;
}

ul[class^="list"] a {
  min-height: 18px;
  position: relative;
  transition: .3s;
}

ul[class^="list"] a.bg-turquoise {
  background: #00B4C3;
}

ul[class^="list"] a:before {
  background: url(../img/linkIcon.png);
  background-size: contain;
  content: '';
  display: block;
  height: 24px;
  right: 12px;
  position: absolute;
  top: calc(50% - 12px);
  width: 13px;
}

ul[class^="list"] a.icon-blank:after {
  background: url(../img/brankIcon.png);
  background-size: contain;
  content: '';
  display: inline-block;
  height: 18px;
  margin-left: 5px;
  width: 18px;
}

ul[class^="list"] a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.seachFacilityServiceWrapper {
  background: url(../img/facilityServiceImg.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  padding: 60px 0;
}

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

.seachFacilityServiceWrapper .subTitle2 {
  font-size: 22px;
  border-bottom: solid 1px #fff;
  padding-bottom: 5px;
  margin-bottom: 25px;
}

.seachFacilityServiceWrapper .remarks {
  font-size: 12px;
  text-align: right;
}

.seachFacilityServiceWrapper .facilityServiceCheck {
  margin-bottom: 45px;
  overflow: hidden;
}

.seachFacilityServiceWrapper .facilityServiceCheck li {
  float: left;
  text-indent: -23px;
  padding-left: 23px;
  width: calc(25% - 23px);
}

.seachFacilityServiceWrapper .facilityServiceCheck.facility {
  margin-top: -22px;
}

.seachFacilityServiceWrapper .facilityServiceCheck ul {
  line-height: 1.6;
}

.seachFacilityServiceWrapper .facilityServiceCheck input[type="checkbox"] {
  display: none;
}

.seachFacilityServiceWrapper .facilityServiceCheck .checkbox-icon {
  background: #fff;
  display: inline-block;
  height: 14px;
  margin-right: 9px;
  vertical-align: baseline;
  width: 14px;
}

.seachFacilityServiceWrapper .facilityServiceCheck input[type="checkbox"]:checked+.checkbox-icon {
  background: url(../../shared/img/club-checkbox-icon.png) no-repeat;
  background-size: contain;
}

.seachFacilityServiceWrapper .btnSearch {
  background: #fff;
  color: #2E90E3;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding: .5em 35px;
  position: relative;
  transition: .3s;
}

.seachFacilityServiceWrapper .btnSearch:after {
  background: url(../img/iconBtnSearch.png);
  background-size: contain;
  content: '';
  display: block;
  height: 17px;
  position: absolute;
  right: 10px;
  top: calc(50% - 8.5px);
  width: 10px;
}

.seachFacilityServiceWrapper .btnSearch:hover {
  opacity: 0.7;
  text-decoration: none;
}

.seach {
  padding-top: 40px;
}

.linkWrapper {
  padding: 80px 0;
}

.linkWrapper ul {
  zoom: 1;
}

.linkWrapper ul:before, .linkWrapper ul:after {
  content: "";
  display: table;
}

.linkWrapper ul:after {
  clear: both;
}

.linkWrapper li {
  float: left;
}

.linkWrapper a {
  background: #0D5FAF;
  color: #fff;
  display: block;
  font-size: 24px;
  padding: 20px 24px;
  text-align: center;
}

.adjoiningWrapper {
  padding-top: 80px;
}

.adjoiningContentsWrapper ul {
  zoom: 1;
}

.adjoiningContentsWrapper ul:before, .adjoiningContentsWrapper ul:after {
  content: "";
  display: table;
}

.adjoiningContentsWrapper ul:after {
  clear: both;
}

.adjoiningContentsWrapper li {
  float: left;
  width: calc((100% - 40px) / 2);
}

.adjoiningContentsWrapper li:first-child {
  margin-right: 40px;
}

.adjoiningContentsWrapper a {
  display: block;
  position: relative;
}

.adjoiningContentsWrapper a:hover img {
  opacity: 0.7;
  text-decoration: none;
}

.adjoiningContentsWrapper figcaption {
  align-items: center;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  font-size: 40px;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1.37;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.relatedFacilityWrapper {
  padding-bottom: 80px;
}

.relatedFacilityWrapper ul {
  zoom: 1;
}

.relatedFacilityWrapper ul:before, .relatedFacilityWrapper ul:after {
  content: "";
  display: table;
}

.relatedFacilityWrapper ul:after {
  clear: both;
}

.relatedFacilityWrapper li {
  float: left;
  font-size: 14px;
  margin-left: 20px;
  width: calc((100% - 40px) / 3);
}

.relatedFacilityWrapper li:nth-child(3n+1) {
  margin-left: 0;
}

.relatedFacilityWrapper li:nth-child(n+4) {
  margin-top: 1em;
}

.relatedFacilityWrapper img {
  margin-bottom: .5em;
}

.relatedFacilityWrapper figcaption a {
  color: #0D5FAF;
}

.relatedFacilityWrapper figcaption a:before {
  background: url(../img/relatedLinkIcon.png);
  background-size: contain;
  content: '';
  display: inline-block;
  height: 13px;
  margin-right: .25em;
  vertical-align: text-bottom;
  width: 13px;
}

.relatedFacilityWrapper figcaption a:after {
  background: url(../img/relatedBlank.png);
  background-size: contain;
  content: '';
  display: inline-block;
  height: 16px;
  margin-left: .25em;
  vertical-align: text-bottom;
  width: 16px;
}

.mutualWrapper {
  background: #FFDC1E;
  padding: 70px 0;
}

.mutualWrapper .mutualBox {
  margin-top: 50px;
}

.mutualWrapper .mutualBox:first-of-type {
  margin-top: 0;
}

.mutualWrapper .mutualBox ul {
  margin-top: 1em;
  zoom: 1;
}

.mutualWrapper .mutualBox ul:before, .mutualWrapper .mutualBox ul:after {
  content: "";
  display: table;
}

.mutualWrapper .mutualBox ul:after {
  clear: both;
}

.mutualWrapper .mutualBox ul.clubList3 li {
  float: left;
  margin-left: 20px;
  width: calc((100% - 40px) / 3);
}

.mutualWrapper .mutualBox ul.clubList3 li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.mutualWrapper .mutualBox ul.clubList2 li {
  float: left;
  margin-left: 20px;
  width: calc((100% - 20px) / 2);
}

.mutualWrapper .mutualBox ul.clubList2 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}

.mutualWrapper .mutualBox ul.clubList1 li.col-8 {
  float: left;
  width: calc((100% - 20px) / 3 * 2);
}

.mutualWrapper .mutualBox ul.clubList1 li.col-4 {
  float: left;
  margin-left: 20px;
  width: calc((100% - 20px) / 3 * 1);
}

@media screen and (min-width: 641px) {
  .mutualWrapper .mutualBox ul.clubList1 li.col-4 p {
    font-size: 19px;
  }
}

.mutualWrapper .mutualBox .link {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.mutualWrapper .mutualBox .link a {
  background: #fff;
  display: block;
  line-height: 27.5px;
  padding: 20px 0;
  position: relative;
  transition: .3s;
}

.mutualWrapper .mutualBox .link a:after {
  background: url(../img/mutualBannerIcon.png) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  right: 12px;
  top: calc(50% - 12px);
  width: 13px;
}

.mutualWrapper .mutualBox .link a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.mutualWrapper .mutualBox .caption {
  font-size: 12px;
  margin-top: 15px;
  padding: 0 15px;
}

.mutualWrapper .mutualBox .warning {
  font-size: 10px;
  background-color: #ffec7a;
  color: #000;
  line-height: 1.4;
  margin: 20px 15px 0 15px;
  padding: 15px;
}

.mutualWrapper .mutualBox .warning ol {
  margin: 3px 0 0 2em;
}

.mutualWrapper .mutualBox .warning ol li {
  list-style-type: decimal;
}


/* copy: /first/benefit/mutual/sass/style.scss */

.mutualWrapper .mutualBox .serviceDetail {
  background: #fff;
  margin-top: 25px;
  padding: 30px 37px;
}

.mutualWrapper .mutualBox .serviceDetail .txtSmall {
  font-size: 12px;
}

.mutualWrapper .mutualBox .serviceDetailTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  margin-bottom: .25em;
}

.mutualWrapper .mutualBox .serviceDetailTable {
  width: 100%;
}

.mutualWrapper .mutualBox .serviceDetailTable, .mutualWrapper .mutualBox .serviceDetailTable * {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.mutualWrapper .mutualBox .serviceDetailTable th, .mutualWrapper .mutualBox .serviceDetailTable td {
  text-align: center;
  vertical-align: middle;
  width: 145px;
}

.mutualWrapper .mutualBox .serviceDetailTable th:nth-child(1), .mutualWrapper .mutualBox .serviceDetailTable td:nth-child(1) {
  width: calc(100% - (145px * 5));
}

.mutualWrapper .mutualBox .serviceDetailTable th {
  padding: 0 0;
}

.mutualWrapper .mutualBox .serviceDetailTable .thRow th {
  font-size: 12px;
  background: #949494;
  color: #fff;
  padding: 4px 0;
}

.mutualWrapper .mutualBox .serviceDetailTable .thRow th:nth-child(n+1) {
  border-left: 1px solid #fff;
}

.mutualWrapper .mutualBox .serviceDetailTable th.thSub {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 15px 0;
}

.mutualWrapper .mutualBox .serviceDetailTable th.thSub br {
  display: none;
}

.mutualWrapper .mutualBox .serviceDetailTable td {
  font-size: 15px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.mutualWrapper .mutualBox .serviceDetailTable td sup {
  font-size: 11px;
  vertical-align: super;
}

.mutualWrapper .mutualBox .serviceDetailTable+* {
  margin-top: 12px;
}

.seachPrefectureWrapper {
  border-bottom: solid 1px #2E90E3;
}

.seachPrefectureWrapper .ctWrapper {
  display: -webkit-flex;
  display: flex;
}

.seachPrefectureWrapper h3 {
  font-size: 32px;
  color: #2E90E3;
  text-align: left;
  padding-bottom: 5px;
  width: calc(100% - 200px);
}

.seachPrefectureWrapper p {
  color: #5a5a5a;
  font-size: 20px;
  text-align: right;
  width: 200px;
}

.seachPrefectureShopContents {
  zoom: 1;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.seachPrefectureShopContents:before, .seachPrefectureShopContents:after {
  content: "";
  display: table;
}

.seachPrefectureShopContents:after {
  clear: both;
}

.seachPrefectureShopContents:before {
  background: #e2ecf5;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
  width: 100vw;
}

.seachPrefectureShopContents .seachPrefectureShopMenu {
  background-color: #e2ecf5;
  padding-right: 20px;
  width: 128px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area {
  padding-top: 38px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul {
  margin-bottom: 20px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li {
  margin-bottom: 12px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li a {
  font-size: 15px;
  background: url(../../shared/img/grayArrow.png) left center no-repeat;
  padding-left: 18px;
  display: block;
  transition: .3s;
  color: #5A5A5A;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li ul {
  margin-top: 12px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li ul li a {
  background: none;
  padding-left: 25px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li.active a {
  font-size: 15px;
  font-weight: bold;
  background: url(../../shared/img/lightBlueArrow.png) left center no-repeat;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area ul li.active ul li a {
  background: none;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area .btnArea p a {
  align-items: center;
  border: solid 1px #2e90e3;
  background-color: #fff;
  color: #2e90e3;
  display: -webkit-flex;
  display: flex;
  font-size: 11px;
  padding: 3px 6px;
  text-align: left;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area .btnArea p a::before {
  content: "＜";
  display: inline-block;
  margin-right: 5px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area .btnArea p.btnEesthetic a {
  letter-spacing: -1px;
}

.seachPrefectureShopContents .seachPrefectureShopMenu .area .btnArea>*:nth-child(n+2) {
  margin-top: .5em;
}

.seachPrefectureShopContents .seachPrefectureShopList {
  padding-left: 50px;
  width: calc(100% - 128px);
  background-color: #fff;
}

.seachPrefectureShopListInner {
  padding-top: 38px;
}

.seachPrefectureShopListInner h4 {
  font-size: 24px;
  margin-bottom: 25px;
  margin-top: -70px; /* 2018-07-11 add */
  padding-top: 70px; /* 2018-07-11 add */
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail {
  margin-bottom: 28px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail h5 {
  font-size: 18px;
  margin-bottom: 17px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail h5 a {
  background-color: #2e90e3;
  color: #fff;
  display: block;
  position: relative;
  padding: 9px 12px;
  transition: .3s;
}


/* add 2018-02-13*/

.seachPrefectureShopListInner .seachPrefectureShopListDetail h5 .kids {
  background-color: #00aade;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail h5 a:after {
  background: url(../img/linkIcon.png) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 14px;
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
  width: 7px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail h5 a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail dt {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
  background-color: #5a5a5a;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  vertical-align: middle;
  margin-right: 7px;
  width: 67px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail dd {
  font-size: 15px;
  display: inline-block;
  line-height: 1.6;
  vertical-align: middle;
  margin-bottom: 10px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .tel {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .listFacility {
  margin: 15px 0 0 !important;
  overflow: hidden;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .listFacility li {
  float: left;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .listFacility img {
  width: 63px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap {
  zoom: 1;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap:before, .seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap:after {
  content: "";
  display: table;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap:after {
  clear: both;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap .rightArea {
  float: right;
  width: 170px;
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap .leftArea {
  float: left;
  width: calc(100% - 170px - 15px);
}

.seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap .leftArea>* {
  margin-bottom: .2em;
}

.aestheticTitleWrapper, .bodyCareTitleWrapper {
  background: url(../img/aestheticMainImg.jpg) no-repeat center;
  background-size: 1800px 350px;
  color: #73635E;
  height: 350px;
}

.aestheticTitleWrapper.bodyCareTitleWrapper, .bodyCareTitleWrapper.bodyCareTitleWrapper {
  background-image: url(../img/bodyCareMainImg.jpg);
}

.aestheticTitleWrapper .aestheticTitle, .aestheticTitleWrapper .bodyCareTitle, .bodyCareTitleWrapper .aestheticTitle, .bodyCareTitleWrapper .bodyCareTitle {
  padding-top: 25px;
}

.aestheticTitleWrapper .aestheticTitle h2, .bodyCareTitleWrapper .aestheticTitle h2 {
  margin: 25px 0 15px;
}

.aestheticTitleWrapper .bodyCareTitle h2, .bodyCareTitleWrapper .bodyCareTitle h2 {
  margin: 55px 0 15px;
}

.aestheticTitle {
  position: relative;
}

.aestheticTitle .mainBanner {
  position: absolute;
  right: -12px;
  bottom: -40px;
}

.aestheticContWrapper, .bodyCareContWrapper {
  padding: 75px 0 65px;
}

.aestheticContWrapper .cautionBox, .bodyCareContWrapper .cautionBox {
  border: 2px solid #EA709A;
  color: #EA709A;
  font-size: 15.5px;
  font-weight: bold;
  letter-spacing: .5px;
  margin-top: 1em;
  padding: .25em .5em;
}

.aestheticWrapper h3, .bodyCareWrapper h3 {
  color: inherit;
  margin-bottom: 0;
  padding-bottom: .71em;
}

.aestheticWrapper .seachPrefectureShopMenu .area ul li.active a, .bodyCareWrapper .seachPrefectureShopMenu .area ul li.active a {
  background-size: 12px;
}

.aestheticWrapper .seachPrefectureShopMenu .area .btnArea p a, .bodyCareWrapper .seachPrefectureShopMenu .area .btnArea p a {
  border-color: #EA709A;
  color: #EA709A;
  letter-spacing: 0;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon dl, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dl, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dl, .bodyCareWrapper .seachPrefectureShopListDetail.salon dl, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dl, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dl {
  zoom: 1;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon dl:before, .aestheticWrapper .seachPrefectureShopListDetail.salon dl:after, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dl:before, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dl:after, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dl:before, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dl:after, .bodyCareWrapper .seachPrefectureShopListDetail.salon dl:before, .bodyCareWrapper .seachPrefectureShopListDetail.salon dl:after, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dl:before, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dl:after, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dl:before, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dl:after {
  content: "";
  display: table;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon dl:after, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dl:after, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dl:after, .bodyCareWrapper .seachPrefectureShopListDetail.salon dl:after, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dl:after, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dl:after {
  clear: both;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon dt, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dt, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dt, .bodyCareWrapper .seachPrefectureShopListDetail.salon dt, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dt, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dt {
  float: left;
  clear: both;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon dd, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dd, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dd, .bodyCareWrapper .seachPrefectureShopListDetail.salon dd, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dd, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dd {
  float: left;
  line-height: 1.4;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon .toDetail, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .toDetail, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .toDetail, .bodyCareWrapper .seachPrefectureShopListDetail.salon .toDetail, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .toDetail, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .toDetail {
  font-size: 12px;
  padding-left: 320px;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon .toDetail a, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .toDetail a, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .toDetail a, .bodyCareWrapper .seachPrefectureShopListDetail.salon .toDetail a, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .toDetail a, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .toDetail a {
  color: #0D5FAF;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon .toDetail a:before, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .toDetail a:before, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .toDetail a:before, .bodyCareWrapper .seachPrefectureShopListDetail.salon .toDetail a:before, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .toDetail a:before, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .toDetail a:before {
  background: url(../img/aestheticBlank.png) no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 9px;
  margin-right: .3em;
  width: 9px;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon .rightBottomArea, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea, .bodyCareWrapper .seachPrefectureShopListDetail.salon .rightBottomArea, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea {
  clear: both;
  font-size: 10px;
  float: right;
  margin-top: -15px;
  text-align: right;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon .rightBottomArea a, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea a, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea a, .bodyCareWrapper .seachPrefectureShopListDetail.salon .rightBottomArea a, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea a, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea a {
  background: #fff;
  border: 1px solid #EA709A;
  color: #EA709A;
  font-size: 14px;
  display: inline-block;
  margin-bottom: .25em;
  padding: .25em .75em;
}

.aestheticWrapper .seachPrefectureShopListDetail.salon h5, .bodyCareWrapper .seachPrefectureShopListDetail.salon h5 {
  background: #EA709A;
  color: #fff;
  padding: 9px 12px;
}

.aestheticWrapper .seachPrefectureShopListDetail.nailcare h5, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare h5 {
  background: #46B4CB;
  color: #fff;
  padding: 9px 12px;
}

.aestheticWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea a, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea a {
  border-color: #46B4CB;
  color: #46B4CB;
}

.aestheticWrapper .seachPrefectureShopListDetail.bodycare h5, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare h5 {
  background: #6BC658;
  color: #fff;
  padding: 9px 12px;
}

.aestheticWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea a, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea a {
  border-color: #6BC658;
  color: #6BC658;
}

.aestheticWrapper .seachPrefectureWrapper {
  border-color: #EA709A;
}

.aestheticWrapper .seachPrefectureShopContents:before {
  background: #FCEEF3;
}

.aestheticWrapper .seachPrefectureShopMenu {
  background: #FCEEF3;
}

.aestheticWrapper .seachPrefectureShopMenu .area ul li.active a {
  background-image: url(../../shared/img/pinkArrow.png);
}

.bodyCareWrapper .seachPrefectureWrapper {
  border-color: #6BC658;
}

.bodyCareWrapper .seachPrefectureShopContents:before {
  background: #EDF8EB;
}

.bodyCareWrapper .seachPrefectureShopMenu {
  background: #EDF8EB;
}

.bodyCareWrapper .seachPrefectureShopMenu .area .btnArea p a {
  border-color: #6BC658;
  color: #6BC658;
}

.bodyCareWrapper .seachPrefectureShopMenu .area ul li.active a {
  background-image: url(../../shared/img/lightGreenArrow.png);
}


/* 02. MEDIAQUERY for TABLET
-------------------------------------------------------------------- */

@media screen and (max-width: 1024px) {
  #sideSampleFrame {
    display: block;
  }
  .sideOpenModal, .sideCloseModal {
    background: #E2ECF5;
    color: #2E90E3;
    display: block;
    font-size: 12px;
    padding: 5px;
    position: fixed;
    right: 0px;
    top: 200px;
    text-decoration: none;
    width: 13px;
    z-index: 10;
  }
  .sideOpenModal:after, .sideCloseModal:after {
    border-bottom: 5px solid transparent;
    border-left: 0 solid transparent;
    border-right: 5px solid #2E90E3;
    border-top: 5px solid transparent;
    content: '';
    display: block;
    margin: 5px auto 0;
    height: 0;
    width: 0;
  }
  .sideCloseModal {
    display: none;
  }
  .sideCloseModal:after {
    border-left: 5px solid #2E90E3;
    border-right: 0 solid transparent;
  }
  .showModal .sideCloseModal {
    display: block;
  }
  .aestheticWrapper .sideOpenModal, .aestheticWrapper .sideCloseModal {
    background: #FCEEF3;
    color: #EA709A;
  }
  .aestheticWrapper .sideOpenModal:after, .aestheticWrapper .sideCloseModal:after {
    border-right-color: #EA709A;
  }
  .aestheticWrapper .sideCloseModal:after {
    border-left-color: #EA709A;
  }
  .bodyCareWrapper .sideOpenModal, .bodyCareWrapper .sideCloseModal {
    background: #EDF8EB;
    color: #6BC658;
  }
  .bodyCareWrapper .sideOpenModal:after, .bodyCareWrapper .sideCloseModal:after {
    border-right-color: #6BC658;
  }
  .bodyCareWrapper .sideCloseModal:after {
    border-left-color: #6BC658;
  }
  .seachPrefectureShopContents {
    width: 100%;
    max-width: 1000px;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu {
    float: none;
    left: 100%;
    opacity: 0;
    position: fixed;
    top: 200px;
    z-index: 999;
    width: 100%;
    transition: all .5s;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu.showModal {
    left: 0;
    opacity: 1;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area {
    padding: 5.3125% 7.8125% 1.875%;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area ul {
    margin-bottom: 0;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li {
    margin-bottom: 7px;
    width: 23%;
    display: inline-block;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li a {
    background: url(../../shared/img/lightBlueArrow_sp.png) left center no-repeat;
    background-size: 13px;
    font-size: 3.5vw;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li.active a {
    background: url(../../shared/img/lightBlueArrow_sp.png) left center no-repeat;
    background-size: contain;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li.pc {
    display: none;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li ul li {
    display: none;
  }
  .seachPrefectureShopContents .seachPrefectureShopMenu .area .btnArea {
    display: none;
  }
  .seachPrefectureShopContents .seachPrefectureShopList {
    float: none;
    padding-left: 0;
    width: 100%;
  }
  .seachPrefectureShopListInner {
    margin: 0 auto;
    width: 84.375%;
  }
  .aestheticWrapper .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li {
    width: 33%;
  }
  .aestheticWrapper .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li a {
    background-image: url(../../shared/img/pinkArrow.png);
  }
  .bodyCareWrapper .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li {
    width: 33%;
  }
  .bodyCareWrapper .seachPrefectureShopContents .seachPrefectureShopMenu .area ul li a {
    background-image: url(../../shared/img/lightGreenArrow.png);
  }
  .seachPrefectureWrapper h3 {
    width: 100%;
  }
}


/* copy: /first/benefit/mutual/sass/style.scss */

@media screen and (max-width: 1024px) {
  .mutualWrapper .mutualBox .serviceDetail .txtSmall {
    font-size: 12px;
    font-size: 1.17188vw;
  }
  .mutualWrapper .mutualBox .serviceDetailTitle {
    font-size: 16px;
    font-size: 1.5625vw;
  }
  .mutualWrapper .mutualBox .serviceDetailTable th.thSub {
    font-size: 14px;
    font-size: 1.36719vw;
  }
  .mutualWrapper .mutualBox .serviceDetailTable th.thSub br {
    display: block;
  }
  .mutualWrapper .mutualBox .serviceDetailTable td {
    font-size: 14px;
    font-size: 1.36719vw;
  }
  .mutualWrapper .mutualBox .serviceDetailTable td sup {
    font-size: 10px;
    font-size: 0.97656vw;
  }
  .mutualWrapper .mutualBox .serviceDetailTable .thRow th {
    font-size: 12px;
    font-size: 1.17188vw;
  }
}


/* 03. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */

@media screen and (max-width: 640px) {
  ul[class^="list"] li {
    margin-left: 0;
    width: 100%;
  }
  ul[class^="list"] li:nth-child(n+2) {
    margin-top: 1em;
  }
  ul[class^="list"] a {
    font-size: 13.5px;
    min-height: auto;
    padding: 20px;
  }
  ul[class^="list"] a:before {
    height: 11px;
    right: 10px;
    top: calc(50% - 5.5px);
    width: 5.5px;
  }
  ul[class^="list"] a.icon-blank:after {
    height: 9px;
    width: 9px;
  }
  .seachFacilityServiceWrapper {
    padding: 33px 0;
  }
  .seachFacilityServiceWrapper .facilityServiceCheck {
    margin-bottom: 28px;
  }
  .seachFacilityServiceWrapper .facilityServiceCheck li {
    text-indent: -19px;
    padding-left: 19px;
    width: calc(50% - 23px);
  }
  .seachFacilityServiceWrapper .facilityServiceCheck.facility {
    margin-top: 0;
  }
  .seachFacilityServiceWrapper .facilityServiceCheck.facility li {
    width: calc(50% - 23px);
  }
  .seachFacilityServiceWrapper .facilityServiceCheck ul {
    font-size: 13px;
  }
  .seachFacilityServiceWrapper .facilityServiceCheck input[type="checkbox"] {
    vertical-align: middle;
  }
  .seachFacilityServiceWrapper .facilityServiceCheck .checkbox-icon {
    height: 10px;
    width: 10px;
  }
  .seachFacilityServiceWrapper .btnSearch {
    font-size: 12px;
  }
  .seach {
    padding-top: 6.25%;
  }
  .linkWrapper {
    padding: 40px 0;
  }
  .adjoiningWrapper {
    padding-top: 40px;
  }
  .adjoiningContentsWrapper li {
    float: none;
    margin-top: 15px;
    width: 100%;
  }
  .adjoiningContentsWrapper li:first-child {
    margin-top: 0;
    margin-right: 0;
  }
  .adjoiningContentsWrapper figcaption {
    font-size: 23px;
  }
  .relatedFacilityWrapper {
    padding-bottom: 37px;
  }
  .relatedFacilityWrapper li {
    float: none;
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
  }
  .relatedFacilityWrapper li:first-child {
    margin-top: 0;
    margin-right: 0;
  }
  .relatedFacilityWrapper li:nth-child(3) .relatedThumnail p {
    margin: 0 -1em 0 -.5em;
    width: calc(100% - 160px - 8px + 1.5em);
  }
  .relatedFacilityWrapper .relatedThumnail {
    overflow: hidden;
  }
  .relatedFacilityWrapper .relatedThumnail img {
    float: left;
    width: 160px;
  }
  .relatedFacilityWrapper .relatedThumnail p {
    float: right;
    font-size: 13px;
    width: calc(100% - 160px - 8px);
  }
  .relatedFacilityWrapper figcaption {
    font-size: 13px;
  }
  .relatedFacilityWrapper figcaption a:before {
    height: 7.5px;
    width: 7.5px;
  }
  .relatedFacilityWrapper figcaption a:after {
    height: 8px;
    width: 8px;
  }
  .mutualWrapper {
    padding: 37px 0;
  }
  .mutualWrapper .mutualBox {
    margin-top: 30px;
  }
  .mutualWrapper .mutualBox ul.clubList3 li, .mutualWrapper .mutualBox ul.clubList2 li {
    float: none;
    margin-left: 0;
    margin-top: 1em;
    width: auto;
  }
  .mutualWrapper .mutualBox ul.clubList3 li:first-child, .mutualWrapper .mutualBox ul.clubList2 li:first-child {
    margin-top: 0;
  }
  .mutualWrapper .mutualBox ul.clubList1 li.col-8 {
    float: none;
    width: auto;
  }
  .mutualWrapper .mutualBox ul.clubList1 li.col-4 {
    float: none;
    width: auto;
    margin-left: 0;
    margin-top: 1em;
  }
  .mutualWrapper .mutualBox .link {
    font-size: 13px;
  }
  .mutualWrapper .mutualBox .link a {
    line-height: 18px;
    padding: 15px;
    transition: none;
  }
  .mutualWrapper .mutualBox .link a:after {
    height: 11px;
    right: 7px;
    top: calc(50% - 5.5px);
    width: 5.5px;
  }
  .mutualWrapper .mutualBox .link a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
  .mutualWrapper .mutualBox .caption {
    font-size: 0.8em;
    padding: 0 10px;
  }
  .mutualWrapper .mutualBox .warning {
    font-size: 12px;
    margin: 15px 10px 0 10px;
    padding: 10px 12px;
  }
  .mutualWrapper .mutualBox .warning ol {
    margin-left: 1.5em;
  }
  .seachPrefectureWrapper h3 {
    font-size: 34px;
    font-size: 5.3125vw;
  }
  .seachPrefectureShopListInner {
    padding-top: 0;
    width: 100%;
  }
  .seachPrefectureShopListInner h4 {
    background: #2e90e3;
    color: #fff;
    font-size: 24px;
    font-size: 4.25vw;
    margin: 0;
    padding: 4px 7.812%;
  }
  .seachPrefectureShopListInner .seachPrefectureShopListDetail {
    margin-bottom: 0;
  }
  .seachPrefectureShopListInner .seachPrefectureShopListDetail h5 {
    border-top: 1px solid #2e90e3;
    margin-bottom: 0;
  }
  .seachPrefectureShopListInner .seachPrefectureShopListDetail h5 a {
    background: none;
    color: #000;
    font-size: 24px;
    font-size: 4vw;
    padding: 15px 7.812%;
    line-height: 1.5em;
  }
  .seachPrefectureShopListInner .seachPrefectureShopListDetail h5 .kids {
    background: none;
  }
  .aestheticTitleWrapper, .bodyCareTitleWrapper {
    position: relative;
    background-image: url(../img/aestheticMainImg_sp.jpg);
    background-size: cover;
    height: 260px;
  }
  .aestheticTitleWrapper.bodyCareTitleWrapper, .bodyCareTitleWrapper.bodyCareTitleWrapper {
    background-image: url(../img/bodyCareMainImg_sp.jpg);
  }
  .aestheticTitleWrapper .aestheticTitle, .aestheticTitleWrapper .bodyCareTitle, .bodyCareTitleWrapper .aestheticTitle, .bodyCareTitleWrapper .bodyCareTitle {
    font-size: 8px;
    padding: 9px 0 115px;
  }
  .aestheticTitleWrapper .aestheticTitle p, .aestheticTitleWrapper .bodyCareTitle p, .bodyCareTitleWrapper .aestheticTitle p, .bodyCareTitleWrapper .bodyCareTitle p {
    font-weight: bold;
    letter-spacing: -.5px;
  }
  .aestheticTitleWrapper .aestheticTitle h2, .aestheticTitleWrapper .bodyCareTitle h2, .bodyCareTitleWrapper .aestheticTitle h2, .bodyCareTitleWrapper .bodyCareTitle h2 {
    margin: 10px 0;
  }
  .aestheticTitleWrapper .aestheticTitle a img, .aestheticTitleWrapper .bodyCareTitle a img, .bodyCareTitleWrapper .aestheticTitle a img, .bodyCareTitleWrapper .bodyCareTitle a img {
    height: 45px;
  }
  .aestheticTitleWrapper .aestheticTitle h2 img, .bodyCareTitleWrapper .aestheticTitle h2 img {
    height: 110px;
  }
  .aestheticTitleWrapper .bodyCareTitle h2 img, .bodyCareTitleWrapper .bodyCareTitle h2 img {
    height: 45px;
  }
  .aestheticTitle {
    position: static;
  }
  .aestheticTitle .mainBanner {
    position: absolute;
    left: 5%;
    bottom: 3%;
  }
  .aestheticContWrapper, .bodyCareContWrapper {
    padding: 40px 0;
  }
  .aestheticContWrapper h3, .bodyCareContWrapper h3 {
    font-size: 18px;
    line-height: 1.3;
  }
  .aestheticContWrapper .cautionBox, .bodyCareContWrapper .cautionBox {
    font-size: 10px;
    padding: .5em .75em;
  }
  .aestheticWrapper .seachPrefectureWrapper, .bodyCareWrapper .seachPrefectureWrapper {
    border: none;
  }
  .aestheticWrapper .seachPrefectureWrapper h3, .bodyCareWrapper .seachPrefectureWrapper h3 {
    font-size: 24px;
    line-height: 1.3;
  }
  .aestheticWrapper .seachPrefectureShopListInner h4, .bodyCareWrapper .seachPrefectureShopListInner h4 {
    background: none;
    color: #EA709A;
    /*upd 2018-04-26
    font-size: 16px;
    padding-top: 0;
    */
    font-size: 5.3125vw;
    padding-top: 15px;
  }
  .aestheticWrapper .seachPrefectureShopListInner nav>ul>li, .bodyCareWrapper .seachPrefectureShopListInner nav>ul>li {
    border-bottom: 1px solid #EA709A;
    margin-bottom: 35px;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon .accordionCont, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .accordionCont, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .accordionCont, .bodyCareWrapper .seachPrefectureShopListDetail.salon .accordionCont, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .accordionCont, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .accordionCont {
    display: none;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon h5, .aestheticWrapper .seachPrefectureShopListDetail.nailcare h5, .aestheticWrapper .seachPrefectureShopListDetail.bodycare h5, .bodyCareWrapper .seachPrefectureShopListDetail.salon h5, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare h5, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare h5 {
    background: none !important;
    border-color: #EA709A;
    /*upd 2018-04-26
    color: #EA709A !important;
    font-size: 10.5px;
    */
    color: #000000 !important;
    font-size: 4vw;
    line-height: 1.3;
    padding: 14px 50px 14px 7.812%;
    position: relative;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon h5:after, .aestheticWrapper .seachPrefectureShopListDetail.nailcare h5:after, .aestheticWrapper .seachPrefectureShopListDetail.bodycare h5:after, .bodyCareWrapper .seachPrefectureShopListDetail.salon h5:after, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare h5:after, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare h5:after {
    background: url(../img/salonAllow.png) no-repeat;
    background-size: contain;
    content: '';
    height: 25px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 25px;
    transform: translateY(-50%);
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon h5.accordionOpen:after, .aestheticWrapper .seachPrefectureShopListDetail.nailcare h5.accordionOpen:after, .aestheticWrapper .seachPrefectureShopListDetail.bodycare h5.accordionOpen:after, .bodyCareWrapper .seachPrefectureShopListDetail.salon h5.accordionOpen:after, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare h5.accordionOpen:after, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare h5.accordionOpen:after {
    transform: rotateX(-180deg) translateY(50%);
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon dd, .aestheticWrapper .seachPrefectureShopListDetail.nailcare dd, .aestheticWrapper .seachPrefectureShopListDetail.bodycare dd, .bodyCareWrapper .seachPrefectureShopListDetail.salon dd, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare dd, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dd {
    font-size: 13px;
  }
  .seachPrefectureShopListInner .seachPrefectureShopListDetail .wrap .leftArea p {
    font-size: 13px;
  }
  .bodyCareWrapper .seachPrefectureShopListDetail.bodycare dd,
  .aestheticWrapper .seachPrefectureShopListDetail.salon dd {
    font-size: 13px;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon .tel, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .tel, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .tel, .bodyCareWrapper .seachPrefectureShopListDetail.salon .tel, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .tel, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .tel {
    text-align: left;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon .toDetail, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .toDetail, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .toDetail, .bodyCareWrapper .seachPrefectureShopListDetail.salon .toDetail, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .toDetail, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .toDetail {
    padding-left: 0;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon .rightBottomArea, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea, .bodyCareWrapper .seachPrefectureShopListDetail.salon .rightBottomArea, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .rightBottomArea, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .rightBottomArea {
    float: none;
    text-align: left;
    margin: 1em auto;
    width: 85%;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon .wrap, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .wrap, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .wrap, .bodyCareWrapper .seachPrefectureShopListDetail.salon .wrap, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .wrap, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .wrap {
    font-size: 10px;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.salon .wrap .rightArea, .aestheticWrapper .seachPrefectureShopListDetail.salon .wrap .leftArea, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .wrap .rightArea, .aestheticWrapper .seachPrefectureShopListDetail.nailcare .wrap .leftArea, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .wrap .rightArea, .aestheticWrapper .seachPrefectureShopListDetail.bodycare .wrap .leftArea, .bodyCareWrapper .seachPrefectureShopListDetail.salon .wrap .rightArea, .bodyCareWrapper .seachPrefectureShopListDetail.salon .wrap .leftArea, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .wrap .rightArea, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare .wrap .leftArea, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .wrap .rightArea, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare .wrap .leftArea {
    float: none;
    margin: 0 auto;
    width: 85%;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.nailcare h5, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare h5 {
    color: #000 !important;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.nailcare h5:after, .bodyCareWrapper .seachPrefectureShopListDetail.nailcare h5:after {
    background-image: url(../img/nailcareAllow.png);
  }
  .aestheticWrapper .seachPrefectureShopListDetail.bodycare h5, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare h5 {
    border-color: #6BC658;
    /*upd 2018-04-26
    color: #6BC658 !important;
    */
    color: #000000 !important;
  }
  .aestheticWrapper .seachPrefectureShopListDetail.bodycare h5:after, .bodyCareWrapper .seachPrefectureShopListDetail.bodycare h5:after {
    background-image: url(../img/bodycareAllow.png);
  }
  .bodyCareWrapper .seachPrefectureShopListInner h4 {
    color: #6BC658;
  }
  .bodyCareWrapper .seachPrefectureShopListInner nav>ul>li {
    border-bottom: 1px solid #6BC658;
  }
}


/* copy: /first/benefit/mutual/sass/style.scss */

@media screen and (max-width: 640px) {
  .mutualWrapper .mutualBox .serviceDetail {
    margin-top: 20px;
    padding: 0 0 15px 0;
  }
  .mutualWrapper .mutualBox .serviceDetail .txtSmall {
    font-size: .7em;
  }
  .mutualWrapper .mutualBox .serviceDetailTitle {
    font-size: 13px;
    padding: 10px .5em 5px;
  }
  .mutualWrapper .mutualBox .serviceDetailList {
    border-top: 1px solid #0D5FAF;
    margin-top: 0;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li.accordionOpen {
    background: #0D5FAF;
    padding: 0 0 5px;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li.accordionOpen, .mutualWrapper .mutualBox .serviceDetailList>li.accordionOpen {
    border-top: 1px solid #86AFD7;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li>a {
    font-size: 13px;
    background: #fff;
    border-bottom: 1px solid #0D5FAF;
    color: #0D5FAF;
    display: block;
    padding: .9em 1.25em;
    position: relative;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li>a:after {
    background: url(../../../../shared/img/blueArrow.png) no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    right: 17px;
    top: calc(50% - 5px);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 5px;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li>a.accordionOpen {
    background: none;
    color: #fff;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li>a.accordionOpen:after {
    background-image: url(../../../../shared/img/linkBoxArrowWhite_sp.png);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont {
    background: #fff;
    display: none;
    margin: 0 5px;
    padding: 0 0 10px;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont>* {
    margin: 0 10px;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont dl {
    overflow: hidden;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont dt, .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont dd {
    font-size: .8em;
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    float: left;
    height: 48px;
    line-height: 1.3;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont dt {
    clear: both;
    color: #0D5FAF;
    width: 92px;
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont dd {
    position: relative;
    width: calc(100% - 92px);
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont dd:after {
    background: #ccc;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    width: calc(100% + 92px);
  }
  .mutualWrapper .mutualBox .serviceDetailList>li .serviceDetailListCont .txtSmall {
    margin-top: .5em;
  }
}

#shareholder .seachPrefectureShopListDetail .wrap {
  display: -webkit-flex;
  display: flex;
}

#shareholder .seachPrefectureShopListDetail .column2 {
  width: 50%;
}

#shareholder .seachPrefectureShopListDetail .column2 h5 {
  color: #2E90E3;
}

#shareholder .seachPrefectureShopListDetail .column2 .shareholders {
  line-height: 1.3;
}