@charset "UTF-8";
@keyframes __fadeIn {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
#Container {
  padding-bottom: clamp(80px, calc(80px + (20 * max(0px, ((100dvw - 384px) / (402))))), 100px);
}

.mainArea {
  z-index: 1000;
}
.mainArea .l-icon-explanation {
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  border: 1px solid #999;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-icon-explanation {
    width: clamp(0px, calc(0px + (600 * max(0px, ((100dvw - 0px) / (768))))), 600px);
    margin-top: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (768))))), 64px);
    padding: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (384))))), 26px);
    row-gap: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-icon-explanation {
    width: clamp(0px, calc(0px + (750 * max(0px, ((100dvw - 0px) / (1080))))), 750px);
    margin-top: 78px;
    column-gap: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px);
    padding: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (960))))), 50px);
    justify-content: center;
  }
}
.mainArea .l-icon-explanation .l-item {
  text-align: left;
  display: flex;
  column-gap: clamp(0px, calc(0px + (23 * max(0px, ((100dvw - 0px) / (960))))), 23px);
  align-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-icon-explanation .l-item {
    width: clamp(240px, calc(240px + (60 * max(0px, ((100dvw - 384px) / (384))))), 300px);
  }
}
.mainArea .l-icon-explanation .l-item .l-icon {
  width: clamp(44px, calc(44px + (6 * max(0px, ((100dvw - 384px) / (576))))), 50px);
}
.mainArea .tabArea {
  max-width: 940px;
  margin: 0 auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .tabArea {
    padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (768))))), 120px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .tabArea {
    padding-bottom: 140px;
  }
}
.mainArea .tabArea .tabArea_nav_list {
  margin: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (1140))))), 70px) auto 0;
  display: grid;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .tabArea .tabArea_nav_list {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .tabArea .tabArea_nav_list {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .tabArea .tabArea_nav_list li:nth-child(1), .mainArea .tabArea .tabArea_nav_list li:nth-child(2), .mainArea .tabArea .tabArea_nav_list li:nth-child(3) {
    grid-column: span 4;
  }
  .mainArea .tabArea .tabArea_nav_list li:nth-child(4), .mainArea .tabArea .tabArea_nav_list li:nth-child(5), .mainArea .tabArea .tabArea_nav_list li:nth-child(6), .mainArea .tabArea .tabArea_nav_list li:nth-child(7) {
    grid-column: span 3;
  }
}
.mainArea .tabArea .tabArea_nav_list li button {
  background-color: #FFF;
  border: 1px solid #F0F8FC;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem) clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem) 0 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .tabArea .tabArea_nav_list li button {
    background-position: 50% clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (600))))), 10px);
    background-size: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (600))))), 100px);
    width: 100%;
    padding: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (600))))), 106px) 0.5em clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (600))))), 20px) 0.5em;
    height: clamp(0px, calc(0px + (156 * max(0px, ((100dvw - 0px) / (600))))), 156px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .tabArea .tabArea_nav_list li button {
    background-position: 50% 16px;
    background-size: 100px;
    width: 133px;
    height: 156px;
    padding: 112px .5em 20px .5em;
  }
}
.mainArea .tabArea .tabArea_nav_list li button.is-selected {
  color: #FFF;
  background-color: #0054B6;
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-shopping {
  background-image: url("../images/icon-shops_category-shopping.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-shopping.is-selected {
  background-image: url("../images/icon-shops_category-shopping-selected.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-eating {
  background-image: url("../images/icon-shops_category-eating.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-eating.is-selected {
  background-image: url("../images/icon-shops_category-eating-selected.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-travel {
  background-image: url("../images/icon-shops_category-travel.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-travel.is-selected {
  background-image: url("../images/icon-shops_category-travel-selected.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-sports {
  background-image: url("../images/icon-shops_category-sports.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-sports.is-selected {
  background-image: url("../images/icon-shops_category-sports-selected.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-living {
  background-image: url("../images/icon-shops_category-living.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-living.is-selected {
  background-image: url("../images/icon-shops_category-living-selected.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-transportation {
  background-image: url("../images/icon-shops_category-transportation.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-transportation.is-selected {
  background-image: url("../images/icon-shops_category-transportation-selected.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-other {
  background-image: url("../images/icon-shops_category-other.svg");
}
.mainArea .tabArea .tabArea_nav_list li button.l-category-other.is-selected {
  background-image: url("../images/icon-shops_category-other-selected.svg");
}
.mainArea .searchResultArea_shops {
  background-color: #F0F8FC;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea_shops {
    padding: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchResultArea_shops {
    padding: 68px 70px;
  }
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item {
  display: none;
  margin-top: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item.is-visible {
  display: block;
  animation: __fadeIn 400ms forwards;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item.is-visible.is-first {
  margin-top: 0;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail {
  width: 100%;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail > .l-inner {
  text-align: left;
  background-color: #FFF;
  padding: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px) clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (768))))), 25px) clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (768))))), 48px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail.is-visible {
  display: block;
  animation: __fadeIn 400ms forwards;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_name {
  flex-grow: 1;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_logo {
  flex-shrink: 0;
  width: clamp(80px, calc(80px + (40 * max(0px, ((100dvw - 384px) / (384))))), 120px);
  height: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px);
  position: relative;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_logo img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail em {
  color: #E3148A;
  font-style: normal;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail strong {
  color: #E3148A;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail a {
  color: #0054B6;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail small {
  font-size: 75%;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .l-keio-point {
  width: auto;
  height: 1.4em;
  margin: 0 .4em .2em .2em;
  vertical-align: middle;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_text {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.6;
  letter-spacing: .1em;
  font-weight: 700;
  margin-top: .8em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_notes {
  margin-top: .8em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_notes li {
  margin-top: .2em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table_wrapper {
  width: 100%;
  max-width: 600px;
  margin: clamp(0px, calc(0px + (38 * max(0px, ((100dvw - 0px) / (768))))), 38px) auto 0;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table_heading {
  margin-top: 1.2em;
  margin-bottom: .2em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table_heading::before {
  content: '●';
  color: #0054B6;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table_heading:first-child {
  margin-top: 0;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table th, .mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table td {
  font-size: clamp(1.2rem, calc(12px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.375;
  letter-spacing: .05em;
  font-weight: 400;
  text-align: left;
  padding: 0.5em clamp(0.5em, calc(5px + (3 * max(0px, ((100dvw - 384px) / (384))))), 0.8em);
  border: 1px solid #0054B6;
  box-sizing: border-box;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table th {
  background-color: #E7E7E7;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) th:nth-child(1),
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) td:nth-child(1) {
  width: 32%;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) th:nth-child(2),
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) td:nth-child(2) {
  width: 46%;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) th:nth-child(3),
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) td:nth-child(3) {
  width: 22%;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_pointArea {
  margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_pointArea .l-header {
  color: #FFF;
  background-color: #0054B6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5em .5em .5em .8em;
  column-gap: .2em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_pointArea .l-header img {
  flex-shrink: 0;
  width: clamp(24px, calc(24px + (12 * max(0px, ((100dvw - 384px) / (384))))), 36px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_pointArea .l-header .shopDetail_heading {
  flex-grow: 1;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_pointArea .shopDetail_pointArea_point {
  color: #0054B6;
  margin-top: .5em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_pointArea .shopDetail_pointArea_point strong {
  font-size: 160%;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_accessArea {
  margin-top: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_accessArea .shopDetail_heading {
  color: #FFF;
  background-color: #0054B6;
  padding: .5em .8em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_linkArea {
  margin-top: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_linkArea .shopDetail_heading {
  color: #FFF;
  background-color: #0054B6;
  padding: .5em .8em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_linkArea .shopDetail_linkArea_list {
  margin-top: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 24px);
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_linkArea .shopDetail_linkArea_list li {
  margin-top: .2em;
}
.mainArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail .shopDetail_linkArea .shopDetail_linkArea_list li a {
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.mainArea .modalArea .l-close-button {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/icon-close.svg") no-repeat 0 0 transparent;
  background-size: contain;
  display: block;
  width: clamp(0px, calc(0px + (32 * max(0px, ((100dvw - 0px) / (768))))), 32px);
  height: clamp(0px, calc(0px + (32 * max(0px, ((100dvw - 0px) / (768))))), 32px);
  border: none;
  cursor: pointer;
  z-index: 4000;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .modalArea .l-close-button:hover {
    opacity: .8;
    transition: opacity 400ms;
  }
}
.mainArea .l-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 4000;
  display: none;
}
.mainArea .l-overlay.is-visible {
  display: block;
  animation: __fadeIn 400ms forwards;
}

@media screen and (max-width: 960.98px) {
  .footerArea .l-link-pagetop {
    right: clamp(20px, calc(20px + (10 * max(0px, ((100dvw - 384px) / (384))))), 30px);
    bottom: clamp(90px, calc(90px + (30 * max(0px, ((100dvw - 384px) / (402))))), 120px);
  }
}

/*# sourceMappingURL=service.css.map */