@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;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea {
    padding: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (768))))), 74px) 0 clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea {
    padding: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (960))))), 74px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px) 0;
  }
}
.mainArea .searchConditionArea .l-primary-heading {
  background: url("../images/icon-shops_heading-search.svg") no-repeat 50% 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .l-primary-heading {
    background-size: clamp(0px, calc(0px + (76 * max(0px, ((100dvw - 0px) / (480))))), 76px);
    padding-top: clamp(0px, calc(0px + (90 * max(0px, ((100dvw - 0px) / (480))))), 90px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .l-primary-heading {
    background-size: clamp(0px, calc(0px + (76 * max(0px, ((100dvw - 0px) / (960))))), 76px);
    padding-top: clamp(0px, calc(0px + (105 * max(0px, ((100dvw - 0px) / (960))))), 105px);
  }
}
.mainArea .searchConditionArea .l-search-inner {
  background-color: #F0F8FC;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  max-width: 1140px;
  padding: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (960))))), 80px) clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px) clamp(0px, calc(0px + (114 * max(0px, ((100dvw - 0px) / (960))))), 114px);
  margin: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (960))))), 45px) auto 0;
}
.mainArea .searchConditionArea .searchConditionArea_filter li {
  display: flex;
}
.mainArea .searchConditionArea .searchConditionArea_filter li label {
  background-color: #FFF;
  display: flex;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  justify-content: center;
  box-sizing: border-box;
  background-repeat: no-repeat;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  transition: background-color 400ms;
  position: relative;
  cursor: pointer;
}
.mainArea .searchConditionArea .searchConditionArea_filter li label:has(input:checked) {
  color: #FFF;
  background-color: #0054B6;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .searchConditionArea .searchConditionArea_filter li label:has(input:checked):has(input:not(:disabled)):hover {
    background-color: rgba(0, 84, 182, 0.8);
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .searchConditionArea .searchConditionArea_filter li label:has(input:not(:disabled)):hover {
    background-color: #E5F2FC;
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter li label input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  visibility: hidden;
}
@media screen and (max-width: 480.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter li label input {
    left: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (480))))), 16px);
  }
}
@media print, screen and (min-width: 481px) {
  .mainArea .searchConditionArea .searchConditionArea_filter li label input {
    left: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 16px);
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter li label input::before {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #FFF;
  border: 1px solid #747A7D;
  display: block;
  transform: translate(-0.1em, -0.1em);
  visibility: visible;
}
.mainArea .searchConditionArea .searchConditionArea_filter li label input:checked::before {
  border-color: #FFF;
  background: url("../images/icon-check.svg") no-repeat 50% 50% #FFF;
}
.mainArea .searchConditionArea .searchConditionArea_filter li label span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list {
  margin: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (1140))))), 70px) auto 0;
  display: inline-grid;
  grid-auto-rows: 1fr;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (480))))), 14px) clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (480))))), 16px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: clamp(0px, calc(0px + (22 * max(0px, ((100dvw - 0px) / (1080))))), 22px) clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (1080))))), 24px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li {
    width: clamp(0px, calc(0px + (200 * max(0px, ((100dvw - 0px) / (480))))), 200px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li {
    width: clamp(0px, calc(0px + (218 * max(0px, ((100dvw - 0px) / (1080))))), 218px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label {
    background-position: 50% clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (480))))), 16px);
    background-size: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (480))))), 100px);
    padding: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (480))))), 106px) 1em clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px) 1em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label {
    background-position: 50% clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (1080))))), 16px);
    background-size: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (1080))))), 100px);
    padding: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (1080))))), 106px) 1em clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (1080))))), 20px) 1em;
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-shopping {
  background-image: url("../images/icon-shops_category-shopping.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-shopping:has(input:checked) {
  background-image: url("../images/icon-shops_category-shopping-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-eating {
  background-image: url("../images/icon-shops_category-eating.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-eating:has(input:checked) {
  background-image: url("../images/icon-shops_category-eating-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-travel {
  background-image: url("../images/icon-shops_category-travel.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-travel:has(input:checked) {
  background-image: url("../images/icon-shops_category-travel-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-sports {
  background-image: url("../images/icon-shops_category-sports.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-sports:has(input:checked) {
  background-image: url("../images/icon-shops_category-sports-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-living {
  background-image: url("../images/icon-shops_category-living.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-living:has(input:checked) {
  background-image: url("../images/icon-shops_category-living-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-transportation {
  background-image: url("../images/icon-shops_category-transportation.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-transportation:has(input:checked) {
  background-image: url("../images/icon-shops_category-transportation-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-other {
  background-image: url("../images/icon-shops_category-other.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-category .searchConditionArea_filter_list li label.l-category-other:has(input:checked) {
  background-image: url("../images/icon-shops_category-other-selected.svg");
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line {
    margin-top: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line {
    margin-top: clamp(0px, calc(0px + (118 * max(0px, ((100dvw - 0px) / (1140))))), 118px);
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName {
  line-height: 1.6;
  letter-spacing: .1em;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName {
    color: #FFF;
    background-color: #0054B6;
    border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
    font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    width: clamp(0px, calc(0px + (640 * max(0px, ((100dvw - 0px) / (768))))), 640px);
    margin: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (384))))), 15px) auto 0;
    padding: 1.2em;
    box-sizing: border-box;
    transition: background-color 400ms;
    cursor: pointer;
  }
}
@media screen and (max-width: 960.98px) and (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName:hover {
    background-color: rgba(0, 84, 182, 0.8);
  }
}

@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName {
    font-size: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 2rem);
    margin: 78px auto 0;
    max-width: 946px;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(50% - 5em);
    height: 1px;
    background-color: #000;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName::after {
    content: "";
    position: absolute;
    background-color: currentColor;
    mask: url("../../../assets/common/images/icon-plus.svg") no-repeat center;
    -webkit-mask: url("../../../assets/common/images/icon-plus.svg") no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(50% - 5em);
    height: 1px;
    background-color: #000;
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_lineName.is-opened::after {
  background-color: currentColor;
  mask: url("../../../assets/common/images/icon-minus.svg") no-repeat center;
  -webkit-mask: url("../../../assets/common/images/icon-minus.svg") no-repeat center;
  mask-size: contain;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list {
    width: clamp(0px, calc(0px + (640 * max(0px, ((100dvw - 0px) / (768))))), 640px);
    margin: 0 auto;
    padding-bottom: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list.is-hidden-sm-md {
    display: none;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 34px auto 0;
    grid-gap: clamp(12px, calc(12px + (10 * max(0px, ((100dvw - 960px) / (180))))), 22px) clamp(14px, calc(14px + (10 * max(0px, ((100dvw - 960px) / (180))))), 24px);
    width: clamp(0px, calc(0px + (944 * max(0px, ((100dvw - 0px) / (1080))))), 944px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li {
    margin-top: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li {
    width: clamp(200px, calc(200px + (18 * max(0px, ((100dvw - 960px) / (180))))), 218px);
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li label {
  text-align: left;
  padding: 0 0 0 2.6em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li label {
    height: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (480))))), 48px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li label {
    height: clamp(0px, calc(0px + (56 * max(0px, ((100dvw - 0px) / (960))))), 56px);
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li label:has(input:disabled) {
  cursor: default;
  color: #CCC;
}
.mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li label input:disabled {
  display: none;
}
.mainArea .searchConditionArea .searchConditionArea_filter-line .searchConditionArea_filter_list li label span {
  justify-content: start;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService {
    margin-top: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService {
    margin-top: clamp(0px, calc(0px + (180 * max(0px, ((100dvw - 0px) / (1140))))), 180px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list {
    display: inline-grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    margin: 75px auto 0;
    grid-column-gap: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (1140))))), 24px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li {
    margin-top: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px);
  }
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li:first-child {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li {
    width: clamp(0px, calc(0px + (291 * max(0px, ((100dvw - 0px) / (1140))))), 291px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li label {
    text-align: left;
    background-position: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) 50%;
    background-size: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (768))))), 110px);
    width: clamp(0px, calc(0px + (640 * max(0px, ((100dvw - 0px) / (768))))), 640px);
    margin: 0 auto;
    padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px) clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px) clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px) clamp(0px, calc(0px + (180 * max(0px, ((100dvw - 0px) / (768))))), 180px);
    height: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
    box-sizing: border-box;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li label {
    background-position: 50% clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (1140))))), 14px);
    background-size: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (1140))))), 80px);
    padding: clamp(0px, calc(0px + (104 * max(0px, ((100dvw - 0px) / (1140))))), 104px) 1em clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (1140))))), 16px) 1em;
  }
}
.mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li label.l-point-credit {
  background-image: url("../images/icon-shops_point-credit.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li label.l-point-credit:has(input:checked) {
  background-image: url("../images/icon-shops_point-credit-selected.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li label.l-point-use {
  background-image: url("../images/icon-shops_point-use.svg");
}
.mainArea .searchConditionArea .searchConditionArea_filter-payService .searchConditionArea_filter_list li label.l-point-use:has(input:checked) {
  background-image: url("../images/icon-shops_point-use-selected.svg");
}
.mainArea .searchConditionArea .l-buttonArea {
  background-color: #DCDCDC;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(80px, calc(80px + (20 * max(0px, ((100dvw - 384px) / (402))))), 100px);
  column-gap: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  z-index: 90;
}
.mainArea .searchConditionArea .searchConditionArea_button {
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.375;
  letter-spacing: .1em;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  transition: background-color 400ms;
  padding: 1.4em;
  border: none;
  width: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (768))))), 350px);
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .searchConditionArea .searchConditionArea_button span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .mainArea .searchConditionArea .searchConditionArea_button:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .searchConditionArea .searchConditionArea_button.l-search {
  background-color: #0054B6;
  color: #FFF;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .searchConditionArea .searchConditionArea_button.l-search:hover {
    background-color: #00499C;
  }
}
.mainArea .searchConditionArea .searchConditionArea_button.l-clear {
  background-color: #FFF;
  color: #0054B6;
  border: 1px solid #0054B6;
}
.mainArea .l-footer {
  display: grid;
  justify-content: center;
  grid-auto-rows: 1fr;
  padding-bottom: clamp(0px, calc(0px + (128 * max(0px, ((100dvw - 0px) / (960))))), 128px);
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
    row-gap: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .l-footer {
    margin-top: clamp(0px, calc(0px + (116 * max(0px, ((100dvw - 0px) / (960))))), 116px);
    grid-template-columns: repeat(2, clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px));
    column-gap: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px);
  }
}
.mainArea .l-footer .l-button {
  display: grid;
  place-items: center;
  padding-block: .8em;
}
.mainArea .searchResultArea .l-contents {
  border-top: 1px solid #999;
  width: clamp(0px, calc(0px + (940 * max(0px, ((100dvw - 0px) / (1080))))), 940px);
  max-width: 1140px;
  margin: 0 auto;
  padding: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (960))))), 110px) 0;
  display: none;
}
.mainArea .searchResultArea .l-contents.is-visible {
  display: block;
  animation: __fadeIn 400ms forwards;
}
.mainArea .searchResultArea .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 .searchResultArea .l-icon-explanation {
    width: clamp(0px, calc(0px + (600 * max(0px, ((100dvw - 0px) / (768))))), 600px);
    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 .searchResultArea .l-icon-explanation {
    width: clamp(0px, calc(0px + (750 * max(0px, ((100dvw - 0px) / (1080))))), 750px);
    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 .searchResultArea .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 .searchResultArea .l-icon-explanation .l-item {
    width: clamp(240px, calc(240px + (60 * max(0px, ((100dvw - 384px) / (384))))), 300px);
  }
}
.mainArea .searchResultArea .l-icon-explanation .l-item .l-icon {
  width: clamp(44px, calc(44px + (6 * max(0px, ((100dvw - 384px) / (576))))), 50px);
}
.mainArea .searchResultArea .searchResultArea_info {
  text-align: left;
  background-color: #F0F8FC;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  width: clamp(0px, calc(0px + (940 * max(0px, ((100dvw - 0px) / (1080))))), 940px);
  margin: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px) auto 0;
  padding: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (960))))), 28px);
  box-sizing: border-box;
}
.mainArea .searchResultArea .searchResultArea_info .l-wrapper {
  display: grid;
  justify-content: start;
}
.mainArea .searchResultArea .searchResultArea_info .l-wrapper dt {
  text-align: left;
  grid-column: 1;
}
.mainArea .searchResultArea .searchResultArea_info .l-wrapper dd {
  text-align: left;
  grid-column: 2;
}
.mainArea .searchResultArea .searchResultArea_shops {
  margin: 0 auto;
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchResultArea .searchResultArea_shops {
    display: flex;
    flex-wrap: wrap;
    column-gap: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (1080))))), 35px);
    width: clamp(0px, calc(0px + (940 * max(0px, ((100dvw - 0px) / (1080))))), 940px);
  }
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item {
  display: none;
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item.is-visible {
  display: block;
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb {
  text-align: left;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(0px, calc(0px + (5 * max(0px, ((100dvw - 0px) / (768))))), 5px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
    grid-template-rows: auto auto 1fr;
    align-items: start;
    margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb {
    width: clamp(0px, calc(0px + (290 * max(0px, ((100dvw - 0px) / (1080))))), 290px);
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (1080))))), 60px);
  }
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-thumb-name {
  background-color: #FFF;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  transition: background-color 400ms;
  position: relative;
  box-sizing: border-box;
  padding: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-thumb-name {
    grid-column: 1;
    grid-row: 1 / 4;
    width: clamp(0px, calc(0px + (235 * max(0px, ((100dvw - 0px) / (768))))), 235px);
    height: clamp(0px, calc(0px + (178 * max(0px, ((100dvw - 0px) / (768))))), 178px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-thumb-name {
    width: 100%;
    height: clamp(0px, calc(0px + (220 * max(0px, ((100dvw - 0px) / (1080))))), 220px);
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-thumb-name:hover {
    background-color: #E5F2FC;
  }
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-thumb-name img {
  width: auto;
  height: auto;
  max-width: 70%;
  max-height: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-category {
    grid-column: 2;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-category {
    margin-top: .8em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .searchResultArea_shops_name {
    grid-column: 2;
  }
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-icons {
  margin-top: clamp(0px, calc(0px + (4 * max(0px, ((100dvw - 0px) / (1080))))), 4px);
  display: flex;
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-icons {
    grid-column: 2;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-icons img {
    width: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .l-thumb .l-icons img {
    width: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (1080))))), 50px);
  }
}
.mainArea .searchResultArea .searchResultArea_shops .searchResultArea_shops_item .shopDetail {
  display: none;
}

.modalArea .shopDetail {
  width: 90%;
  max-width: 800px;
  padding: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) 0;
}
.modalArea .shopDetail > .l-inner {
  text-align: left;
  background-color: #FFF;
  padding: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px) clamp(20px, calc(20px + (30 * max(0px, ((100dvw - 384px) / (384))))), 50px) clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (768))))), 48px);
}
.modalArea .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);
}
.modalArea .shopDetail .shopDetail_name {
  flex-grow: 1;
}
.modalArea .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;
}
.modalArea .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;
}
.modalArea .shopDetail em {
  color: #E3148A;
  font-style: normal;
}
.modalArea .shopDetail strong {
  color: #E3148A;
}
.modalArea .shopDetail a {
  color: #0054B6;
}
.modalArea .shopDetail small {
  font-size: 75%;
}
.modalArea .shopDetail .l-keio-point {
  width: auto;
  height: 1.4em;
  margin: 0 .4em .2em .2em;
  vertical-align: middle;
}
.modalArea .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;
}
.modalArea .shopDetail .shopDetail_notes {
  margin-top: .8em;
}
.modalArea .shopDetail .shopDetail_notes li {
  margin-top: .2em;
}
.modalArea .shopDetail .shopDetail_table_wrapper {
  width: 100%;
  max-width: 600px;
  margin: clamp(0px, calc(0px + (38 * max(0px, ((100dvw - 0px) / (768))))), 38px) auto 0;
}
.modalArea .shopDetail .shopDetail_table_heading {
  margin-top: 1.2em;
  margin-bottom: .2em;
}
.modalArea .shopDetail .shopDetail_table_heading::before {
  content: '●';
  color: #0054B6;
}
.modalArea .shopDetail .shopDetail_table_heading:first-child {
  margin-top: 0;
}
.modalArea .shopDetail .shopDetail_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.modalArea .shopDetail .shopDetail_table th, .modalArea .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;
}
.modalArea .shopDetail .shopDetail_table th {
  background-color: #E7E7E7;
}
.modalArea .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) th:nth-child(1),
.modalArea .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) td:nth-child(1) {
  width: 32%;
}
.modalArea .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) th:nth-child(2),
.modalArea .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) td:nth-child(2) {
  width: 46%;
}
.modalArea .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) th:nth-child(3),
.modalArea .shopDetail .shopDetail_table tr:has(> :nth-child(n+3)) td:nth-child(3) {
  width: 22%;
}
.modalArea .shopDetail .shopDetail_pointArea {
  margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
}
.modalArea .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;
}
.modalArea .shopDetail .shopDetail_pointArea .l-header img {
  flex-shrink: 0;
  width: clamp(24px, calc(24px + (12 * max(0px, ((100dvw - 384px) / (384))))), 36px);
}
.modalArea .shopDetail .shopDetail_pointArea .l-header .shopDetail_heading {
  flex-grow: 1;
}
.modalArea .shopDetail .shopDetail_pointArea .shopDetail_pointArea_point {
  color: #0054B6;
  margin-top: 1em;
}
.modalArea .shopDetail .shopDetail_pointArea .shopDetail_pointArea_point strong {
  font-size: 160%;
}
.modalArea .shopDetail .shopDetail_accessArea {
  margin-top: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px);
}
.modalArea .shopDetail .shopDetail_accessArea .shopDetail_heading {
  color: #FFF;
  background-color: #0054B6;
  padding: .5em .8em;
}
.modalArea .shopDetail .shopDetail_linkArea {
  margin-top: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px);
}
.modalArea .shopDetail .shopDetail_linkArea .shopDetail_heading {
  color: #FFF;
  background-color: #0054B6;
  padding: .5em .8em;
}
.modalArea .shopDetail .shopDetail_linkArea .shopDetail_linkArea_list {
  margin-top: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 24px);
}
.modalArea .shopDetail .shopDetail_linkArea .shopDetail_linkArea_list li {
  margin-top: .2em;
}
.modalArea .shopDetail .shopDetail_linkArea .shopDetail_linkArea_list li a {
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.modalArea .shopDetail .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"]) .modalArea .shopDetail .l-close-button:hover {
    opacity: .8;
    transition: opacity 400ms;
  }
}

@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=index.css.map */
