@charset "UTF-8";

:root{
  --color-button-gray: #A8A8A8;
}

:root:has(dialog[open]),
:root:has(.m-mystore-modal.show) {
  overflow: hidden;
  scrollbar-gutter: stable;
}

.m-mystore__select-store{
  padding: 1.15rem 1.5rem;
  display: block;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background-color: var(--color-tertiary);
  border-radius: 100vh;
}

.m-mystore__select-store[disabled]{
  pointer-events: none;
  background-color: #ddd;
  border-color: #ddd;
  color: #777;
}

.m-mystore__add-mystore{
  padding: 1.15rem 1.5rem;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background-color: #1FAFC9;
  border-radius: 100vh;
  color: #fff;
}

.m-mystore__add-mystore[disabled]{
  background-color: #A8A8A8;
}

.m-mystore__dropdown{
  padding: 1.3rem 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  width: 100% !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.272' height='8.947' viewBox='0 0 15.272 8.947'%3E%3Cg id='グループ_3289' data-name='グループ 3289' transform='translate(0 0)' fill='%2320AFC9' %3E%3Crect id='長方形_42' data-name='長方形 42' width='2.109' height='10.543' rx='1.054' transform='translate(0 1.491) rotate(-45)'/%3E%3Crect id='長方形_60' data-name='長方形 60' width='2.109' height='10.543' rx='1.054' transform='translate(13.781 0) rotate(45)' fill='%2320AFC9' /%3E%3C/g%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem !important;
  background-position: center right 1.5rem !important;
  border: 1px solid #20AFC9 !important;
  border-radius: 0.5rem !important;
}

.m-mystore__dropdown:focus{
  outline: none;
  border: 1px solid #20AFC9;
}

.m-mystore-modal:not(.show){
  visibility: hidden;
  opacity: 0;
}

.m-mystore-modal{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100dvh;
  max-width: unset;
  max-height: unset;
  position: fixed;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  visibility: visible;
  opacity: 1;
  z-index: 101;
  background-color: transparent;
  transition: visibility 0.35s ease, opacity 0.35s ease;
}

.m-mystore-modal__bg{
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 0.6);
  position: fixed;
  top: 0;
  left: 0;
}

body:has(.m-mystore-modal.show:not([data-modal-type="map"])) .m-mystore-modal.show[data-modal-type="map"] .m-mystore-modal__bg{
  opacity: 0;
}

.m-mystore-modal__body{
  margin-inline: auto;
  margin-block: 2rem;
  width: 92svw;
  background-color: #fff;
  z-index: 2;
  position: relative;
}

.m-mystore-modal__header{
  padding: 1.2rem 1rem;
  display: grid;
  grid-template-columns: 3.5rem 1fr 3.5rem;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
}

.m-mystore-modal__header--text{
  grid-column: 2/3;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}

.m-mystore-modal__content{
  max-height: calc(100svh - 6rem - 10rem);
  overflow: auto;
}

.m-mystore-modal__section{
  padding: 2rem;
}

.m-mystore-modal__section:not(:last-of-type){
  border-bottom: 2px solid #F2F2F2;
}

.m-mystore-modal__text{
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

.m-mystore-modal[data-modal-type="store-replace"] .m-mystore-modal__text{
  padding: 2rem 1.5rem 0.5rem;
}

@media (min-width: 768px) {
  .m-mystore-modal__body{
    width: min(60rem, 92%);
    aspect-ratio: 6/7;
    position: fixed;
    display: grid;
    grid-template-rows: auto 1fr auto;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }

  .m-mystore-modal__header--text{
    font-size: 1.8rem;
  }

  .m-mystore-modal__content{
    max-height: 80svh;
    overflow: auto;
  }

  .m-mystore-modal__section{
    padding: 2rem 3rem;
  }

  .m-mystore-modal__text{
    font-size: 1.4rem;
  }

  .m-mystore-modal .m-mystore__item{
    padding-right: 3rem;
  }
}

.m-mystore__searchbox{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 4.5rem;
  overflow: hidden;
  border: 1px solid #20AFC9;
  border-radius: 0.4rem;
}

.m-mystore__searchbox--submit{
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  background-color: #20AFC9;
}

.m-mystore__searchbox--input{
  /** オーダー系CSSでinputタグに対してスタイルが当たっているのを打ち消すためにimportantを使用している */
  padding: 0 1.5rem!important;
  height: auto!important;
  font-weight: 400!important;
  letter-spacing: normal!important;
  line-height: inherit!important;
  border: none!important;
  border-radius: 0!important;
}

.m-mystore__searchbox--input::placeholder{
  color: #888;
}

.m-mystore__searchbox--submit :where(img){
  width: 2rem;
  aspect-ratio: 1;
}

.m-mystore-modal__section[data-section-type="keyword-search"] .m-mystore__container{
  padding: 0;
  margin: 2rem auto 0;
}

.m-mystore-modal__section[data-section-type="map-search"]:not(:last-of-type){
  border-top: 2px solid #F2F2F2;
}

.m-mystore-modal__section[data-section-type="mystore-search"]{
  border-bottom: 2px solid #F2F2F2;
}

.m-mystore-modal__section[data-section-type="keyword-search"]{
  border-top: 2px solid #F2F2F2;
}

.m-mystore-modal__section[data-section-type="pref-search"]{
  border-top: 2px solid #F2F2F2;
}

.m-mystore-modal__search-by-map{
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0;
  border-width: 2px;
  padding: 2rem 3rem;
  margin-top: 2rem;
  border-radius: 0;
}

.m-mystore-modal__search-by-map::before{
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.6rem;
  position: relative;
  right: 1rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%20%3Cg%20id%3D%22MAP%22%20transform%3D%22translate(0%200.999)%22%3E%20%3Cpath%20d%3D%22M5.841%2C16h0C5.8%2C15.94%2C1.593%2C10.056.637%2C8.244A5.494%2C5.494%2C0%2C0%2C1%2C1.778%2C1.63%2C6.086%2C6.086%2C0%2C0%2C1%2C5.961%2C0h.128a6.128%2C6.128%2C0%2C0%2C1%2C4.622%2C2.2A5.575%2C5.575%2C0%2C0%2C1%2C12%2C5.829a5.419%2C5.419%2C0%2C0%2C1-.639%2C2.481c-.984%2C1.852-5.474%2C7.631-5.519%2C7.69ZM5.963%2C4.286a1.683%2C1.683%2C0%2C0%2C0-1.59%2C1.421%2C2.04%2C2.04%2C0%2C0%2C0%2C.185%2C1.369%2C1.655%2C1.655%2C0%2C0%2C0%2C1.03.854%2C1.486%2C1.486%2C0%2C0%2C0%2C.378.05A1.685%2C1.685%2C0%2C0%2C0%2C7.557%2C6.559a2.043%2C2.043%2C0%2C0%2C0-.186-1.37%2C1.655%2C1.655%2C0%2C0%2C0-1.029-.853A1.468%2C1.468%2C0%2C0%2C0%2C5.963%2C4.286Z%22%20transform%3D%22translate(0%20-1)%22%20fill%3D%22%2320afc9%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 100%;
}

.m-mystore-modal__search-by-map:hover::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"%3E%3Cg transform="translate(0 0.999)"%3E%3Cpath d="M5.841,16h0C5.8,15.94,1.593,10.056.637,8.244A5.494,5.494,0,0,1,1.778,1.63,6.086,6.086,0,0,1,5.961,0h.128a6.128,6.128,0,0,1,4.622,2.2A5.575,5.575,0,0,1,12,5.829a5.419,5.419,0,0,1-.639,2.481c-.984,1.852-5.474,7.631-5.519,7.69Z" transform="translate(0 -1)" fill="%23FFF"/%3E%3Ccircle cx="6" cy="5.8" r="1.6" fill="%2320AFC9"/%3E%3C/g%3E%3C/svg%3E');
}

.m-mystore-modal__section[data-section-type="pref-search"] {
  padding: 0;
}

.m-mystore-modal__section .m-mystore-modal__section--heading{
  padding: 2rem 2rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
}

.m-mystore-modal__section[data-section-type="mystore-search"] .m-mystore-modal__section--heading,
.m-mystore-modal__section[data-section-type="keyword-search"] .m-mystore-modal__section--heading,
.m-mystore-modal__section[data-section-type="map-search"] .m-mystore-modal__section--heading{
  padding-left: 0;
}

.m-mystore-modal__section[data-section-type="pref-search"]:not(:has(.m-mystore__container)) .m-mystore__service-link{
  display: none !important;
}

@media (min-width: 768px) {
  .m-mystore-modal__section .m-mystore-modal__section--heading{
    padding: 2rem 3rem 0;
    font-size: 1.8rem;
  }
}

.m-mystore-modal__section[data-section-type="mystore-search"] .m-mystore__container{
  padding: 2rem 1.5rem;
  background-color: unset;
}

@media (min-width: 768px) {
  .m-mystore-modal__section[data-section-type="mystore-search"] .m-mystore__container{
    padding: 2rem 3rem;
  }
}

.m-mystore-modal__select-form{
  margin-top: 1.5rem;
  padding: 1.5rem;
  background-color: var(--color-bg-gray);
}

.m-mystore-modal__select-form + .m-mystore__container{
  margin-top: 0;
  padding-top: 0;
}

.m-mystore-modal__select-form .form--select,
.m-mystore-modal__select-form .form--select :where(select){
  width: 100%;
}

.m-mystore__type-select{
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}

.m-mystore__type-select :where(li){
  position: relative;
}

.m-mystore__type-select :where(input){
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 1rem;
  top: 50%;
  translate: 0% -50%;
}

.m-mystore__type-select :where(input:checked){
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%20%3Cg%20transform%3D%22translate(-41%20-476)%22%3E%20%3Crect%20width%3D%2219%22%20height%3D%2219%22%20transform%3D%22translate(41%20476)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20d%3D%22M39.128%2C480.434l5.739%2C5.739%2C8.261-8.261%22%20transform%3D%22translate(4.372%203.586)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: var(--color-primary);
}

.m-mystore__type-select :where(label){
  padding: 0;
  width: 100%;
  height: 3.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  display: grid;
  place-content: center;
  border-radius: 0.4rem;
  background-color: var(--color-button-gray);
  color: #fff;
}

.m-mystore__type-select :where(input:checked + label){
  background-color: var(--color-primary);
}

.m-mystore__service-link{
  margin: 2rem 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: fit-content;
}

.m-mystore__service-link--text{
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: underline;
}

.m-mystore__item .m-mystore__add-store{
  margin: 1.5rem auto 0;
  padding: 1.25rem 1rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  display: block;
  text-align: center;
  background-color: var(--color-tertiary);
  border-radius: 100vh;
  color: var(--color-font);
}

#Wrap_lower.onlyUser:has(.m-mystore__container){
  padding: 0;
}

#Wrap_lower.onlyUser:has(.m-mystore__container) .usermenu{
  padding: 0 1rem;
}

.p-mystore__lead{
  padding-inline: 1rem;
}

.m-mystore__container{
  margin-top: 1.5rem;
  padding: 2rem 1.5rem 8rem;
  background-color: var(--color-bg-gray);
}

.m-mystore__list{
  display: grid;
  gap: 0.25rem;
}

.m-mystore__item{
  padding: 1.5rem 2rem 2rem;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
}

.m-mystore__item--name{
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4444;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.m-mystore__item--label{
  margin-top: 0.8rem;
  display: flex;
  gap: 0.3rem;
}

.m-mystore__item--info{
  margin-top: 0.8rem;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: #555;
}

.m-mystore__item--tel{
  margin-top: 0.5rem;
}

.m-mystore__item--link{
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1rem 1fr;
  gap: 0.5rem;
}

.m-mystore__item--link::before{
  content: '';
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.149%22%20height%3D%2214.667%22%20viewBox%3D%220%200%2011.149%2014.667%22%3E%20%3Cg%20transform%3D%22translate(0%20-0.001)%22%3E%20%3Cpath%20d%3D%22M5.427%2C14.667h0c-.039-.054-3.948-5.45-4.834-7.109a4.986%2C4.986%2C0%2C0%2C1%2C1.06-6.063A5.7%2C5.7%2C0%2C0%2C1%2C5.539%2C0h.119a5.443%2C5.443%2C0%2C0%2C1%2C5.492%2C5.341%2C4.92%2C4.92%2C0%2C0%2C1-.594%2C2.274c-.913%2C1.7-5.085%2C7-5.127%2C7.049ZM5.54%2C3.929a1.557%2C1.557%2C0%2C0%2C0-1.477%2C1.3A1.712%2C1.712%2C0%2C0%2C0%2C5.191%2C7.269a1.4%2C1.4%2C0%2C0%2C0%2C.351.046%2C1.56%2C1.56%2C0%2C0%2C0%2C1.48-1.3A1.712%2C1.712%2C0%2C0%2C0%2C5.892%2C3.975%2C1.378%2C1.378%2C0%2C0%2C0%2C5.54%2C3.929Z%22%20fill%3D%22%23888%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.m-mystore__item--view-map{
  display: block;
  width: fit-content;
  font-size: 1.4rem;
  text-decoration: underline;
  color: #888;
}

.m-mystore__item--link-url {
  display: block;
  width: fit-content;
  font-size: 1.2rem;
  text-decoration: underline;
  color: #888;
  font-weight: normal;
}

.m-mystore__item--delete{
  margin: 1rem 0 0 auto;
  display: grid;
  grid-template-columns: 1.4rem 1fr;
  gap: 0.4rem;
  width: fit-content;
}

.m-mystore__item--delete::before{
  content: '';
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215.997%22%20viewBox%3D%220%200%2014%2015.997%22%3E%20%3Cpath%20d%3D%22M13.5%2C1H9.75L9.459.418A.75.75%2C0%2C0%2C0%2C8.784%2C0H5.212a.742.742%2C0%2C0%2C0-.669.416L4.252%2C1H.5a.5.5%2C0%2C0%2C0-.5.5v1A.5.5%2C0%2C0%2C0%2C.5%2C3h13a.5.5%2C0%2C0%2C0%2C.5-.5v-1a.5.5%2C0%2C0%2C0-.5-.5ZM1.663%2C14.593a1.5%2C1.5%2C0%2C0%2C0%2C1.5%2C1.4h7.681a1.5%2C1.5%2C0%2C0%2C0%2C1.5-1.406L13%2C4H1Z%22%20fill%3D%22%23656565%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center center;
}

.m-mystore__item--button-list{
  margin-top: 1.5rem;
  display: grid;
  gap: 1rem;
}

.m-mystore__item--text-link{
  margin: 2rem auto 1.5rem;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  width: fit-content;
  text-decoration: underline;
  color: var(--color-secondary);
}

.m-mystore__item--text-lead{
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888;
}

.m-mystore__item--url {
  align-items: flex-end;
}

.m-mystore__delete-button{
  color: var(--color-font);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.m-mystore__label--store{
  padding: 0.6rem 0.4rem 0.3rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  background-color: var(--color-secondary);
  border-radius: 0.2rem;
  color: #fff;
}

.m-mystore__label--store:empty {
  display: none;
}

.m-mystore__add-store{
  margin-top: 3rem;
}

.m-mystore__add-store[disabled]{
  pointer-events: none;
  background-color: #ddd;
  border-color: #ddd;
  color: #777;
}

.m-mystore__container .m-mystore__text{
  margin-top: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .m-mystore__item--name {
    display: block;
  }
}

@media (min-width: 768px) {
  .m-mystore-modal__select-form{
    margin-top: 2rem;
    padding: 2rem 3rem;
  }

  .p-mystore__lead{
    padding-inline: 0;
  }

  .m-mystore__container{
    padding: 2rem 2rem 3rem;
  }

  .m-mystore__add-store{
    margin-inline: auto;
  }

  .m-mystore__list{
    gap: 1rem;
  }

  .m-mystore__item{
    padding: 3rem;
    padding-right: calc(9em + 3rem);
  }

  .m-mystore__item--delete{
    margin: 0;
    position: absolute;
    top: 50%;
    right: 3rem;
    translate: 0 -50%;
  }

  .m-mystore__container .m-mystore__text{
    margin-top: 1.5rem;
  }

  .m-mystore__item--text-lead{
    font-size: 1.3rem;
  }
}

.m-mystore-modal__unavailable{
  padding: 2rem 3rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-error);
}

.m-mystore-modal__footer{
  padding: 3rem;
  display: grid;
  place-content: center;
}

.m-mystore-modal__footer .m-mystore-modal__back{
  width: 12.5rem;
  height: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  border-width: 2px;
  border-radius: 100vh;
  transition: background-color 0.35s ease, color 0.35s ease;
}

.m-mystore-modal__footer .m-mystore-modal__back::before{
  content: '';
  display: inline-block;
  width: 1.6rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.272' height='8.947' viewBox='0 0 15.272 8.947' fill='%2320AFC9'%3E%3Cg id='グループ_3289' data-name='グループ 3289' transform='translate(0 0)'%3E%3Crect id='長方形_42' data-name='長方形 42' width='2.109' height='10.543' rx='1.054' transform='translate(0 1.491) rotate(-45)'/%3E%3Crect id='長方形_60' data-name='長方形 60' width='2.109' height='10.543' rx='1.054' transform='translate(13.781 0) rotate(45)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: rotate(90deg);
  transition: all 0.6s;
}

.m-mystore-modal__footer .m-mystore-modal__back:hover::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.272' height='8.947' viewBox='0 0 15.272 8.947'%3E%3Cg id='グループ_3289' data-name='グループ 3289' transform='translate(0 0)' fill='%23fff'%3E%3Crect id='長方形_42' data-name='長方形 42' width='2.109' height='10.543' rx='1.054' transform='translate(0 1.491) rotate(-45)'/%3E%3Crect id='長方形_60' data-name='長方形 60' width='2.109' height='10.543' rx='1.054' transform='translate(13.781 0) rotate(45)'/%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 768px) {
  .m-mystore-modal__footer .m-mystore-modal__back{
    width: 16rem;
  }
}

.m-mystore-modal__map{
  width: 100%;
  aspect-ratio: 345/375;
}

@media (min-width: 768px) {
  .m-mystore-modal__map{
    aspect-ratio: 2/1;
  }
}

.m-mystore-modal__map-container .m-mystore__item{
  padding: 2rem 2.5rem 2.5rem;
}

.m-mystore-modal__map-container .m-mystore__item:has(input[id="storeId"][value=""]){
  display: none !important;
}

.m-mystore-modal__map-container .m-mystore__container{
  margin-top: 0;
  padding: 1.5rem;
}

.m-mystore-modal__popup{
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 80%;
  height: fit-content;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  padding: 30px 40px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.m-mystore-modal__popup.show{
  opacity: 1;
  visibility: visible;
  background: #fff;
}

.m-mystore-modal__map-container .m-mystore-modal__section--heading{
  padding: 1.5rem 1.5rem 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
}

[data-modal-type="map"] .m-mystore-modal__replace-message:not(.show){
  display: none;
}

[data-modal-type="map"] .m-mystore__container:has(.m-mystore-modal__replace-message):not(:has(.show)){
  display: none;
}

[data-modal-type="map"] .m-mystore__container:has(.show){
  margin-top: 0;
}

[data-modal-type="map"]:has(.m-mystore-modal__replace-message.show) .m-mystore-modal__map-container{
  display: none !important;
}

.m-mystore-modal__map-container .m-mystore-modal__body{
  position: relative;
}

.m-mystore-modal__map-container .m-mystore__item--name{
  font-size: 1.5rem;
}

.m-mystore-modal__map-container .m-mystore__item--label:not(:has(span:not(:empty))){
  display: none;
}

.m-mystore-modal__map-container .m-mystore__add-store{
  padding: 1.25rem 1rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  display: block;
  text-align: center;
  background-color: var(--color-tertiary);
  border-radius: 100vh;
  color: var(--color-font);
}

.m-mystore-modal__content:has(.m-mystore-modal__map-container){
  max-height: 85svh;
  overflow: auto;
}

.leaflet-popup{
  font-family: var(--font-family-primary);
}

.leaflet-popup .maker-popup--store-name{
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4615;
}

.leaflet-popup .m-mystore-map__select-store--button{
  margin-top: 1rem;
  padding: 0.9rem 0;
  width: 100%;
  min-width: 13.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background-color: var(--color-tertiary);
  border-radius: 100vh;
  color: var(--color-font);
}

.m-mystore-modal__map-container .m-mystore__add-store[disabled],
.leaflet-popup .m-mystore-map__select-store--button[disabled] {
  pointer-events: none;
  background-color: #ddd;
  border-color: #ddd;
  color: #777;
}

.leaflet-popup .m-mystore-map__select-store--added {
  margin-top: 1rem;
  padding: 0.9rem 0;
  width: 100%;
  min-width: 13.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background-color: #ddd;
  border-radius: 100vh;
  color: #777;
}

.leaflet-popup .m-mystore-map__add-mystore--button{
  margin-top: 1rem;
  padding: 0.9rem 0;
  width: 100%;
  min-width: 13.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  border: 1px solid var(--color-primary);
  border-radius: 100vh;
  color: var(--color-primary);
}

.leaflet-container a.leaflet-popup-close-button{
  width: 3rem!important;
  height: 3rem!important;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22CLOSE%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2242%22%20height%3D%2242%22%20filterUnits%3D%22userSpaceOnUse%22%3E%20%3CfeOffset%20input%3D%22SourceAlpha%22%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%225%22%20result%3D%22blur%22%2F%3E%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate(-305%20-169)%22%3E%20%3Crect%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(311%20175)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%20305%2C%20169)%22%20filter%3D%22url(%23CLOSE)%22%3E%20%3Cg%20transform%3D%22translate(-5802.83%20-3783.83)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%205818.48583984375%203810.327880859375%20C%205818.4560546875%203810.327880859375%205818.41259765625%203810.31982421875%205818.37353515625%203810.281005859375%20C%205818.31396484375%203810.220947265625%205818.31396484375%203810.120361328125%205818.375%203810.05859375%20L%205823.25341796875%203805.181396484375%20L%205823.60693359375%203804.827880859375%20L%205823.25341796875%203804.474365234375%20L%205818.375%203799.596435546875%20C%205818.31396484375%203799.53515625%205818.31396484375%203799.435302734375%205818.375%203799.373779296875%20C%205818.4150390625%203799.333984375%205818.4619140625%203799.327880859375%205818.486328125%203799.327880859375%20C%205818.515625%203799.327880859375%205818.55908203125%203799.3359375%205818.5966796875%203799.373779296875%20L%205823.47509765625%203804.252197265625%20L%205823.82861328125%203804.605712890625%20L%205824.18212890625%203804.252197265625%20L%205829.06103515625%203799.3740234375%20C%205829.09912109375%203799.3359375%205829.142578125%203799.327880859375%205829.171875%203799.327880859375%20C%205829.201171875%203799.327880859375%205829.24462890625%203799.3359375%205829.2822265625%203799.373779296875%20C%205829.3212890625%203799.41259765625%205829.3291015625%203799.45556640625%205829.3291015625%203799.485107421875%20C%205829.3291015625%203799.5146484375%205829.3212890625%203799.557861328125%205829.283203125%203799.595947265625%20L%205824.404296875%203804.474365234375%20L%205824.05078125%203804.827880859375%20L%205824.404296875%203805.181396484375%20L%205829.28271484375%203810.059326171875%20C%205829.3212890625%203810.097900390625%205829.3291015625%203810.14111328125%205829.3291015625%203810.170654296875%20C%205829.3291015625%203810.199951171875%205829.3212890625%203810.242919921875%205829.283203125%203810.28076171875%20C%205829.24462890625%203810.319580078125%205829.201171875%203810.32763671875%205829.171875%203810.32763671875%20C%205829.142578125%203810.32763671875%205829.09912109375%203810.319580078125%205829.0615234375%203810.28173828125%20L%205824.1826171875%203805.403564453125%20L%205823.8291015625%203805.050048828125%20L%205823.4755859375%203805.403564453125%20L%205818.59716796875%203810.281982421875%20C%205818.55908203125%203810.31982421875%205818.515625%203810.327880859375%205818.48583984375%203810.327880859375%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%205818.48583984375%203810.827880859375%20C%205818.31787109375%203810.827880859375%205818.14990234375%203810.763671875%205818.02099609375%203810.635498046875%20C%205817.76513671875%203810.378662109375%205817.76513671875%203809.962646484375%205818.02099609375%203809.705810546875%20L%205822.89990234375%203804.827880859375%20L%205818.021484375%203799.949951171875%20C%205817.76513671875%203799.693115234375%205817.76513671875%203799.277099609375%205818.021484375%203799.0205078125%20C%205818.2783203125%203798.76416015625%205818.69384765625%203798.76318359375%205818.95068359375%203799.0205078125%20L%205823.82861328125%203803.898681640625%20L%205828.70751953125%203799.0205078125%20C%205828.96435546875%203798.763671875%205829.37939453125%203798.763671875%205829.63623046875%203799.0205078125%20C%205829.8935546875%203799.277099609375%205829.8935546875%203799.693115234375%205829.63623046875%203799.949951171875%20L%205824.7578125%203804.827880859375%20L%205829.63623046875%203809.705810546875%20C%205829.8935546875%203809.962646484375%205829.8935546875%203810.378662109375%205829.63623046875%203810.635009765625%20C%205829.37939453125%203810.891845703125%205828.96435546875%203810.891845703125%205828.70751953125%203810.635009765625%20L%205823.8291015625%203805.757080078125%20L%205818.95068359375%203810.635498046875%20C%205818.822265625%203810.763671875%205818.654296875%203810.827880859375%205818.48583984375%203810.827880859375%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23333%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
}

.leaflet-container a.leaflet-popup-close-button > span{
  display: none;
}

.m-service-modal .m-mystore-modal__header{
  border-bottom: none;
}

.m-service-modal .m-mystore-modal__header--text{
  margin-top: 2.2rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.m-service-modal .m-mystore-modal__content{
  padding: 3rem 1.5rem 5rem;
}

.m-service-modal .m-service-item{
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 8.6rem 1fr;
  gap: 1.3rem;
  border-bottom: 1px solid #ddd;
}

.m-service-modal .m-service-item:first-of-type{
  border-top: 1px solid #ddd;
}

.m-service-modal .m-service-item__icon{
  padding: 0.5rem 0;
  display: block;
  width: 100%;
  height: fit-content;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background-color: var(--color-secondary);
  border-radius: 0.2rem;
  color: #fff;
}

.m-service-modal .m-service-item__description{
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: #555;
}

@media (min-width: 768px) {
  .m-service-modal .m-mystore-modal__body{
    aspect-ratio: auto;
  }

  .m-service-modal .m-mystore-modal__header--text{
    margin-top: 0;
  }

  .m-service-modal .m-mystore-modal__content{
    padding: 0 4rem 3rem;
  }

  .m-service-modal .m-service-item:first-of-type{
    border-top-width: 2px;
  }

  .m-service-modal .m-service-item{
    grid-template-columns: 10rem 1fr;
    gap: 2.8rem;
    border-bottom-width: 2px;
  }

  .m-service-modal .m-service-item__icon{
    font-size: 1.2rem;
  }

  .m-service-modal .m-service-item__description{
    font-size: 1.4rem;
  }
}

#myStore-complete-overlay{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.4);
	z-index: 10000;
	display: none;
}
.myStore-complete-modal{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 30px 40px;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
}

.m-mystore-modal .u-alert:not(:empty){
  margin: 0.5em 0 0!important;
  font-size: 1.3rem;
  color: var(--color-error);
}


html:has([data-modal-type="map"].show) [data-modal-type="store-select"] .m-mystore-modal__body{
  opacity: 0;
  transition: visibility 0.35s ease, opacity 0.35s ease;
}
[data-modal-type="map"].show{
  transition: visibility 0.35s ease, opacity 0.35s ease;
}
@media (min-width: 768px) {
  [data-modal-type="map"] .m-mystore-modal__body {
    aspect-ratio: auto;
  }
}