@charset "UTF-8";

/* ---------------------------------------------------------
 　■ トップページ
--------------------------------------------------------- */
.top-page .kv {
  color: #fff;
  text-align: center;
  aspect-ratio: 39/15;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/top/kv.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .top-page .kv {
    height: 317.3553771973px;
    aspect-ratio: auto;
    background-image: url(../img/top/kv_pc.png);
  }
}

.top-page .kv .sub-ttl {
  font-size: 3.0769230769vw;
}

@media screen and (min-width: 769px) {
  .top-page .kv .sub-ttl {
    font-size: 20px;
  }
}

.top-page .kv h1 {
  line-height: 1.5;
  margin-top: 1.2820512821vw;
}

.top-page .kv h1 .txt20 {
  font-size: 5.1282051282vw;
}

.top-page .kv h1 .txt24 {
  font-size: 6.1538461538vw;
}

@media screen and (min-width: 769px) {
  .top-page .kv h1 {
    margin-top: 15px;
  }

  .top-page .kv h1 .txt20 {
    font-size: 48px;
  }

  .top-page .kv h1 .txt24 {
    font-size: 48px;
  }
}

.top-page .search-pagetop {
  padding: 5.1282051282vw 0 5.1282051282vw;
  margin-bottom: 5.1282051282vw;
  background: #F8F8F8;
}

@media screen and (min-width: 769px) {
  .top-page .search-pagetop {
    padding: 20px 0;
    margin-bottom: 50px;
  }
}

.top-page .pickup-sec .pickup-slider.slick-slider {
  padding-bottom: 7.6923076923vw;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .pickup-slider.slick-slider {
    padding-bottom: 60px;
  }
}

.top-page .pickup-sec .pickup-slider.slick-slider .slick-prev,
.top-page .pickup-sec .pickup-slider.slick-slider .slick-next {
  z-index: 1;
  top: 100%;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 768px) {

  .top-page .pickup-sec .pickup-slider.slick-slider .slick-prev,
  .top-page .pickup-sec .pickup-slider.slick-slider .slick-next {
    display: none !important;
  }
}

.top-page .pickup-sec .pickup-slider.slick-slider .slick-prev {
  left: 200px;
}

.top-page .pickup-sec .pickup-slider.slick-slider .slick-next {
  right: 200px;
}

.top-page .pickup-sec .pickup-slider.slick-slider .slick-prev:before,
.top-page .pickup-sec .pickup-slider.slick-slider .slick-next:before {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  content: "";
  display: block;
}

.top-page .pickup-sec .pickup-slider.slick-slider .slick-prev:before {
  background-image: url(../img/slider_arrow_lt.svg);
}

.top-page .pickup-sec .pickup-slider.slick-slider .slick-next:before {
  background-image: url(../img/slider_arrow_rt.svg);
}

.top-page .pickup-sec .pickup-slider .item {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3.0769230769vw;
  position: relative;
  margin: 0 1.5384615385vw;
  overflow: hidden;
  padding: 4.358974359vw 2.5641025641vw 3.8461538462vw;
  width: 85vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .pickup-slider .item {
    /* width: 480px; */
    border-radius: 12px;
    margin: 0 10px;
    padding: 20px 15px 27px;
  }
}

.top-page .pickup-sec .pickup-slider .item a {
  text-decoration: none;
}

.top-page .pickup-sec .pickup-slider .item::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}

.top-page .pickup-sec .product-detail-wp {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.top-page .pickup-sec .product-detail-wp .product-img {
  width: 28.2051282051vw;
  border-radius: 8px;
  border: 2px solid #fff;
  overflow: hidden;
  order: 2;
}

.top-page .pickup-sec .product-detail-wp .product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 146/213;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .product-detail-wp .product-img {
    width: 150px;
  }
}

.top-page .pickup-sec .product-detail-wp .product-detail {
  color: #fff;
  width: calc(100% - 29.4871794872vw);
  padding-top: 11.0256410256vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .product-detail-wp .product-detail {
    width: calc(100% - 160px);
    padding-top: 78px;
  }
}

.top-page .pickup-sec .product-detail-wp .product-detail ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.8461538462vw 0;
  margin-top: 1.2820512821vw;
  padding: 0 1.2820512821vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .product-detail-wp .product-detail ul {
    margin-top: 13px;
    padding: 0 5px;
    gap: 15px 0;
    width: 200px;
  }
}

.top-page .pickup-sec .product-detail-wp .product-detail .star,
.top-page .pickup-sec .product-detail-wp .product-detail .people,
.top-page .pickup-sec .product-detail-wp .product-detail .time,
.top-page .pickup-sec .product-detail-wp .product-detail .flag {
  font-size: 3.5897435897vw;
}

@media screen and (min-width: 769px) {

  .top-page .pickup-sec .product-detail-wp .product-detail .star,
  .top-page .pickup-sec .product-detail-wp .product-detail .people,
  .top-page .pickup-sec .product-detail-wp .product-detail .time,
  .top-page .pickup-sec .product-detail-wp .product-detail .flag {
    font-size: 14px;
  }
}

.top-page .pickup-sec .product-detail-wp .product-detail .star {
  letter-spacing: 0.1em;
  margin-right: 2.5641025641vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .product-detail-wp .product-detail .star {
    margin-right: 10px;
  }
}

.top-page .pickup-sec .product-detail-wp .product-detail .star .ico {
  color: var(--YE);
  font-size: 3.8461538462vw;
  margin-right: 1.7948717949vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .product-detail-wp .product-detail .star .ico {
    font-size: 15px;
    margin-right: 7px;
  }
}

.top-page .pickup-sec .product-detail-wp .product-detail .time {
  margin-right: 3.8461538462vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .product-detail-wp .product-detail .time {
    margin-right: 15px;
  }
}

.top-page .pickup-sec .store-datail {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 4.6153846154vw 2.5641025641vw 3.8461538462vw;
  margin-top: 4.1025641026vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail {
    padding: 18px 10px 15px;
    margin-top: 25px;
  }

  .top-page .pickup-sec .store-datail>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.top-page .pickup-sec .store-datail .txt {
  font-size: 3.0769230769vw;
  margin-right: 2.5641025641vw;
  width: 6.4102564103vw;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .txt {
    font-size: 12px;
    margin-right: 10px;
    width: 25px;
  }
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .date-wp {
    width: 140px;
  }
}

.top-page .pickup-sec .store-datail .date-wp .txt-rt {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .date-wp .txt-rt {
    flex-direction: column;
    align-items: flex-start;
  }
}

.top-page .pickup-sec .store-datail .date-wp .date-week {
  display: flex;
  align-items: center;
}

.top-page .pickup-sec .store-datail .date-wp .date {
  font-size: 5.1282051282vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .date-wp .date {
    font-size: 24px;
    font-weight: 500;
  }
}

.top-page .pickup-sec .store-datail .date-wp .time {
  font-size: 3.5897435897vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .date-wp .time {
    font-size: 14px;
    margin-top: 5px;
  }
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .store-wp {
    width: calc(100% - 140px);
    margin-top: 0;
  }

  .top-page .pickup-sec .store-datail .store-wp .txt {
    width: 55px;
  }
}

.top-page .pickup-sec .store-datail .store-wp .name-address {
  width: calc(100% - 8.9743589744vw);
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .store-wp .name-address {
    width: calc(100% - 55px);
  }
}

.top-page .pickup-sec .store-datail .store-wp .store-name {
  font-size: 4.1025641026vw;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .store-wp .store-name {
    font-size: 16px;
  }
}

.top-page .pickup-sec .store-datail .store-wp .address {
  font-size: clamp(10px, 2.5641025641vw, 24px);
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .store-wp .address {
    font-size: 10px;
  }
}

.top-page .pickup-sec .store-datail .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 5.1282051282vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .buttons {
    justify-content: flex-start;
    gap: 16px;
    margin-top: 22px;
  }
}

.top-page .pickup-sec .store-datail .buttons .btn .story {
  border: 1px solid currentColor;
  border-radius: 8px;
  width: 33.8461538462vw;
  height: 10.7692307692vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .buttons .btn .story {
    width: 134px;
    height: 42px;
  }
}

.top-page .pickup-sec .store-datail .btn .reserve-btn-pl {
  width: 33.8461538462vw;
  height: 10.7692307692vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .store-datail .btn .reserve-btn-pl {
    width: 142px;
    height: 42px;
  }
}

.top-page .pickup-sec .pickup-tag {
  position: absolute;
  left: 2.5641025641vw;
  top: 0px;
  width: 10.2564102564vw;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .pickup-tag {
    left: 8px;
    width: 52px;
  }
}

.top-page .pickup-sec .slick-dots {
  bottom: 0;
}

.top-page .pickup-sec .slick-dots li {
  background: #555;
  width: 4.1025641026vw;
  height: 2px;
}

@media screen and (min-width: 769px) {
  .top-page .pickup-sec .slick-dots li {
    width: 16px;
  }
}

.top-page .pickup-sec .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.top-page .pickup-sec .slick-dots li button:before {
  width: 100%;
  height: 100%;
  content: "";
}

.top-page .pickup-sec .slick-dots li.slick-active {
  background: var(--PL);
}

.top-page .soonStyle {
  overflow: hidden;
}

.top-page .soonStyle.soon-sec {
  margin-top: 17.9487179487vw;
}

.top-page .soonStyle.established-sec {
  margin-top: 3.8461538462vw;
}

.top-page .soonStyle h2 {
  margin-bottom: 7.6923076923vw;
  font-size: 5.1282051282vw;
}

.top-page .soonStyle .inner {
  position: relative;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .inner {
    width: 1078px;
  }
}

.top-page .soonStyle .more-lnk {
  position: absolute;
  right: 0.7692307692vw;
  top: 2.0512820513vw;
  font-size: 3.0769230769vw;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.8461538462vw;
}

.top-page .soonStyle .more-lnk a {
  text-decoration: none;
}

.top-page .soonStyle .more-lnk::after {
  background-image: url(../img/arraow_dbl_rd.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 3.0769230769vw;
  height: 2.5641025641vw;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle.soon-sec {
    margin-top: 70px;
  }

  .top-page .soonStyle.established-sec {
    margin-top: 57px;
  }

  .top-page .soonStyle h2 {
    margin-bottom: 30px;
    font-size: 32px;
  }

  .top-page .soonStyle .more-lnk {
    right: 3px;
    top: 10px;
    font-size: 16px;
    gap: 15px;
  }

  .top-page .soonStyle .more-lnk::after {
    width: 12px;
    height: 10px;
  }
}

.top-page .soonStyle .soon-slider {
  margin: 0 6.1538461538vw;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .soon-slider {
    width: 1078px;
    margin-left: auto;
    margin-right: auto;
  }

  .top-page .soonStyle .soon-slider .slick-prev,
  .top-page .soonStyle .soon-slider .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
  }

  .top-page .soonStyle .soon-slider .slick-prev {
    left: -50px;
  }

  .top-page .soonStyle .soon-slider .slick-next {
    right: -50px;
  }

  .top-page .soonStyle .soon-slider .slick-prev:before,
  .top-page .soonStyle .soon-slider .slick-next:before {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    content: "";
    display: block;
  }

  .top-page .soonStyle .soon-slider .slick-prev:before {
    background-image: url(../img/slider_arrow_gy_lt.svg);
  }

  .top-page .soonStyle .soon-slider .slick-next:before {
    background-image: url(../img/slider_arrow_gy_rt.svg);
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .top-page .soonStyle .soon-slider {
    width: 91.3559322034vw;
  }

  .top-page .soonStyle .soon-slider .slick-prev {
    left: -3.3898305085vw;
  }

  .top-page .soonStyle .soon-slider .slick-next {
    right: -3.3898305085vw;
  }
}

.top-page .soonStyle .item {
  width: 56.4102564103vw;
  margin-left: 6.6666666667vw;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1.2820512821vw 1.2820512821vw 2.5641025641vw rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item {
    width: 250px;
    margin-left: 26px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  }

  .top-page .soonStyle h2 {
    margin-bottom: 30px;
    font-size: 32px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .top-page .soonStyle .inner {
    width: 91.3559322034vw;
    margin: 0 auto;
  }

  .slick-initialized .slick-slide {
    margin-left: 3vw;
  }
}

@media screen and (max-width: 1100px) {
  .top-page .soonStyle .item {
    padding: 5%;
  }
}

.top-page .soonStyle .item .item-bg-blur {
  position: absolute;
  top: -1vw;
  left: -0.5vw;
  right: -0.5vw;
  bottom: 1px;
  background-image: url(../img/sample/yanoha.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(5px);
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item .item-bg-blur {
    top: -20px;
    left: -10px;
    right: -10px;
  }
}

.top-page .soonStyle .item>figure {
  width: 33.8461538462vw;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  margin: 11.7948717949vw auto 0;
  position: relative;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item>figure {
    width: 150px;
    height: 220px;
    margin: 80px auto 0;
  }

  .top-page .soonStyle .item>figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.top-page .soonStyle .item .datail-wp {
  background: #fff;
  position: relative;
  border-radius: 0 0 10px 10px;
  padding: 2.5641025641vw 2.5641025641vw 5.8974358974vw 2.5641025641vw;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item .datail-wp {
    padding: 10px 10px 23px 20px;
  }
}

.top-page .soonStyle .item .product-detail>.ttl {
  font-size: 16px;
}

.top-page .soonStyle .item .product-detail>ul {
  display: flex;
  gap: 3.8461538462vw;
  margin-top: 1.2820512821vw;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item .product-detail>ul {
    gap: 15px;
    margin-top: 5px;
  }
}

.top-page .soonStyle .item .store-datail li.date-wp {
  margin-top: 2.5641025641vw;
}

.top-page .soonStyle .item .store-datail li.date-wp .time {
  font-size: 3.0769230769vw;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item .store-datail li.date-wp {
    margin-top: 10px;
  }

  .top-page .soonStyle .item .store-datail li.date-wp .time {
    font-size: 12px;
  }
}

.top-page .soonStyle .item .rest-tag {
  background-image: url(../img/top/tag_rest.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2.5641025641vw;
  top: 0px;
  width: 12.3076923077vw;
  height: 16.4102564103vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-bottom: 1.2820512821vw;
}

.top-page .soonStyle .item .rest-tag .tag-txt {
  font-size: 3.0769230769vw;
  font-weight: bold;
}

.top-page .soonStyle .item .rest-tag .tag-num {
  font-size: 6.1538461538vw;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item .rest-tag {
    left: 10px;
    width: 48px;
    height: 64px;
    padding-bottom: 5px;
  }

  .top-page .soonStyle .item .rest-tag .tag-txt {
    font-size: 12px;
  }

  .top-page .soonStyle .item .rest-tag .tag-num {
    font-size: 24px;
  }
}

.top-page .soonStyle .item .bookmark {
  position: absolute;
  right: 2.5641025641vw;
  top: 2.5641025641vw;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  background-image: url(../img/Ico-heart.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 4.1025641026vw auto;
}

.top-page .soonStyle .item .bookmark.active {
  background-image: url(../img/Ico-heart_active.svg);
}

@media screen and (min-width: 769px) {
  .top-page .soonStyle .item .bookmark {
    right: 10px;
    top: 10px;
    width: 48px;
    height: 48px;
    background-size: 16px auto;
  }
}

.top-page .soonStyle .item .bookmark .bookmark-btn {
  width: 100%;
  height: 100%;
}

.top-page .soonStyle .item .bookmark .bookmark-btn img {
  display: none;
}

.top-page .soon-slider .slick-list {
  padding-bottom: 7.6923076923vw;
  overflow: visible;
}

@media screen and (min-width: 769px) {
  .top-page .soon-slider .slick-list {
    padding-bottom: 30px;
    overflow: hidden;
  }
}

.top-page .newRelease-sec {
  margin-top: 7.6923076923vw;
  padding: 15.3846153846vw 0 12.3076923077vw;
  background: #000;
}

.top-page .newRelease-sec .inner {
  position: relative;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .inner {
    max-width: 1078px;
  }
}

.top-page .newRelease-sec h2 {
  color: #fff;
}

.top-page .newRelease-sec .more-lnk {
  position: absolute;
  right: 0.7692307692vw;
  top: 2.0512820513vw;
  font-size: 3.0769230769vw;
  font-weight: bold;
  display: flex;
  justify-content: center;
  gap: 3.8461538462vw;
}

.top-page .newRelease-sec .more-lnk a {
  text-decoration: none;
  color: #fff;
}

.top-page .newRelease-sec .more-lnk::after {
  background-image: url(../img/arraow_dbl_wh.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 3.0769230769vw;
  height: 2.5641025641vw;
}

.top-page .newRelease-sec .slick-dotted.slick-slider {
  margin: 6.4102564103vw 0 7.6923076923vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec {
    margin-top: 30px;
    padding: 93px 0 105px;
  }

  .top-page .newRelease-sec h2 {
    font-size: 32px;
  }

  .top-page .newRelease-sec .more-lnk {
    right: 3px;
    top: 8px;
    font-size: 16px;
    gap: 15px;
    align-items: center;
  }

  .top-page .newRelease-sec .more-lnk::after {
    width: 12px;
    height: 10px;
  }

  .top-page .newRelease-sec .slick-dotted.slick-slider {
    margin: 40px auto 0;
    width: 1078px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .top-page .newRelease-sec .slick-dotted.slick-slider {
    width: 91.3559322034vw;
  }
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .slick-slider .slick-list {
    border-radius: 10px;
    overflow: hidden;
  }
}

.top-page .newRelease-sec .item {
  background: #fff;
  border-radius: 10px;
  padding: 2.5641025641vw;
  display: flex;
  gap: 5.1282051282vw;
  width: 87.6923076923vw;
  margin: 0 1.2820512821vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item {
    padding: 20px;
    gap: 20px;
    width: 380px;
    margin: 0 21px;
  }
}

.top-page .newRelease-sec .item>figure {
  width: 24.8717948718vw;
}

.top-page .newRelease-sec .item>figure img {
  border-radius: 10px;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item>figure {
    width: 120px;
  }
}

.top-page .newRelease-sec .item .product-detail {
  width: calc(100% - 24.8717948718vw - 5.1282051282vw);
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item .product-detail {
    width: calc(100% - 120px - 20px);
  }
}

.top-page .newRelease-sec .item .product-detail .ttl {
  margin-top: 2.5641025641vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item .product-detail .ttl {
    margin-top: 10px;
    font-size: 20px;
    margin-top: 11px;
  }
}

.top-page .newRelease-sec .item .product-detail .releaseDay {
  color: #5f5f5f;
  font-size: 3.0769230769vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item .product-detail .releaseDay {
    font-size: 12px;
  }
}

.top-page .newRelease-sec .item .product-detail .star-rating-wp {
  margin-top: 1.2820512821vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item .product-detail .star-rating-wp {
    margin-top: 5px;
  }
}

.top-page .newRelease-sec .item .product-detail ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.8717948718vw;
  gap: 3.8461538462vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item .product-detail ul {
    margin-top: 19px;
    gap: 15px;
  }
}

.top-page .newRelease-sec .item .product-detail ul li {
  font-size: 3.0769230769vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .item .product-detail ul li {
    font-size: 12px;
  }
}

.top-page .newRelease-sec .slick-track {
  padding-bottom: 7.6923076923vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .slick-track {
    padding-bottom: 0;
  }
}

.top-page .newRelease-sec .slick-dots {
  bottom: -3.3333333333vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .slick-dots {
    bottom: -32px;
  }
}

.top-page .newRelease-sec .slick-dots li {
  background: #555;
  width: 4.1025641026vw;
  height: 2px;
  margin: 0 1.5384615385vw;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .slick-dots li {
    width: 16px;
    height: 2px;
    margin: 0 6px;
  }
}

.top-page .newRelease-sec .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.top-page .newRelease-sec .slick-dots li button:before {
  width: 100%;
  height: 100%;
  content: "";
}

.top-page .newRelease-sec .slick-dots li.slick-active {
  background: #fff;
}

@media screen and (min-width: 769px) {
  .top-page .newRelease-sec .newRelease-slider {
    margin: 20px auto 0 auto;
  }

  .top-page .newRelease-sec .newRelease-slider.no-slick {
    max-width: 1078px;
    margin-right: auto;
    margin-left: auto;
  }

  .top-page .newRelease-sec .newRelease-slider.no-slick a:first-child .item {
    margin-left: 0;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-prev,
  .top-page .newRelease-sec .newRelease-slider .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-prev {
    left: -65px;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-next {
    right: -65px;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-prev:before,
  .top-page .newRelease-sec .newRelease-slider .slick-next:before {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    opacity: 1;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-prev:before {
    background-image: url(../img/slider_arrow_gy_lt.svg);
  }

  .top-page .newRelease-sec .newRelease-slider .slick-next:before {
    background-image: url(../img/slider_arrow_gy_rt.svg);
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .top-page .newRelease-sec .inner {
    width: 94.5254237288vw;
  }

  .top-page .newRelease-sec .newRelease-slider {
    width: 94.5254237288vw;
    margin: 20px auto 0 auto;
  }

  .top-page .newRelease-sec .newRelease-slider a:first-child .item {
    margin-right: 10px;
    margin-left: 0;
  }

  .top-page .newRelease-sec .newRelease-slider a:last-child .item {
    margin-right: 0;
    margin-left: 10px;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-prev {
    left: -3.3898305085vw;
  }

  .top-page .newRelease-sec .newRelease-slider .slick-next {
    right: -3.3898305085vw;
  }
}

.top-page .newStore-sec {
  margin-top: 12.8205128205vw;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-sec {
    margin-top: 80px;
  }
}

.top-page .newStore-sec .inner {
  position: relative;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-sec .inner {
    max-width: 1078px;
  }

  .top-page .newStore-sec .inner h2 {
    font-size: 32px;
  }
}

.top-page .newStore-sec .more-lnk {
  position: absolute;
  right: 0px;
  top: 2.5641025641vw;
  font-size: 3.0769230769vw;
  font-weight: bold;
  display: flex;
  justify-content: center;
  gap: 3.0769230769vw;
}

.top-page .newStore-sec .more-lnk a {
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-sec .more-lnk {
    top: 10px;
    font-size: 16px;
    gap: 12px;
    align-items: center;
  }
}

.top-page .newStore-sec .more-lnk::after {
  background-image: url(../img/arraow_dbl_bl.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 3.0769230769vw;
  height: 2.5641025641vw;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-sec .more-lnk::after {
    width: 12px;
    height: 10px;
  }
}

.top-page .newStore-sec .newStore-slider {
  margin: 8.9743589744vw 6.1538461538vw 0 6.1538461538vw;
}

.top-page .newStore-sec .slick-list.draggable {
  overflow: visible;
}

.top-page .newStore-sec .item {
  width: 340px;
  height: 447px;
  margin: 0 10px;
}

.top-page .newStore-sec .item .store-card-inner .access .address,
.top-page .newStore-sec .item .store-card-inner .access .access_info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
  width: 100%;
}

.top-page .newStore-sec .item .store-card-inner .access .access_info .label {
  white-space: nowrap;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-sec .newStore-slider {
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    width: 1060px;
  }

  .top-page .newStore-sec .slick-list.draggable {
    overflow: hidden;
  }

  .top-page .newStore-sec .item {
    width: 340px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .top-page .newStore-sec .newStore-slider {
    width: 89.8305084746vw;
  }
}

.top-page .newStore-slider .slick-track {
  padding-bottom: 7.6923076923vw;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-slider .slick-track {
    padding-bottom: 30px;
  }
}

.top-page .newStore-slider .slick-track {
  padding-bottom: 7.6923076923vw;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-slider .slick-track {
    padding-bottom: 30px;
  }
}

.top-page .newStore-slider .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  /* 位置はお好みで */
  display: flex !important;
  justify-content: center;
  gap: 10px;
  padding: 10px 16px;
  z-index: 5;
  /* 他要素に埋もれないように */
  pointer-events: auto;
  /* 念のため */
  bottom: 0;
}

.top-page .newStore-slider .slick-dots li {
  background: #555;
  width: 4.1025641026vw;
  height: 2px;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .top-page .newStore-slider .slick-dots li {
    width: 16px;
  }
}

.top-page .newStore-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  position: relative;
  border: 0;
  outline: none;
  /* クリック面積を増やす */
  padding: 0px;
  /* ←ここで外側に広げる(実質 38x38 のヒットエリア) */
  box-sizing: content-box;
}

.top-page .newStore-slider .slick-dots li button:before {
  width: 100%;
  height: 100%;
  content: "";
}

.top-page .newStore-slider .slick-dots li.slick-active {
  background: var(--RD);
}

@media screen and (min-width: 769px) {

  .top-page .newStore-slider .slick-prev,
  .top-page .newStore-slider .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
  }

  .top-page .newStore-slider .slick-prev {
    left: -50px;
  }

  .top-page .newStore-slider .slick-next {
    right: -50px;
  }

  .top-page .newStore-slider .slick-prev:before,
  .top-page .newStore-slider .slick-next:before {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    content: "";
    display: block;
  }

  .top-page .newStore-slider .slick-prev:before {
    background-image: url(../img/slider_arrow_gy_lt.svg);
  }

  .top-page .newStore-slider .slick-next:before {
    background-image: url(../img/slider_arrow_gy_rt.svg);
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  .top-page .newStore-slider .slick-prev {
    left: -3.3898305085vw;
  }

  .top-page .newStore-slider .slick-next {
    right: -3.3898305085vw;
  }
}

.item .store-card:hover {
  cursor: pointer;
}

.top-page .storeList-sec {
  margin-top: 17.9487179487vw;
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec {
    margin-top: 37px;
  }
}

.top-page .storeList-sec .store-num-wp {
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-page .storeList-sec .store-num {
  position: relative;
  text-align: center;
  padding: 0 3.8461538462vw;
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .store-num {
    padding: 0 15px;
  }
}

.top-page .storeList-sec .store-num .sub,
.top-page .storeList-sec .store-num .ttl {
  display: inline-block;
  font-weight: bold;
}

.top-page .storeList-sec .store-num .sub {
  font-size: 4.1025641026vw;
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .store-num .sub {
    font-size: 16px;
  }
}

.top-page .storeList-sec .store-num .ttl {
  font-size: 6.1538461538vw;
  margin-top: 3.0769230769vw;
}

.top-page .storeList-sec .store-num .ttl .color {
  color: var(--PL);
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .store-num .ttl {
    font-size: 24px;
    margin-top: 12px;
  }
}

.top-page .storeList-sec .store-num::before,
.top-page .storeList-sec .store-num::after {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  width: 7.1794871795vw;
  height: 12.0512820513vw;
  content: "";
  display: block;
}

@media screen and (min-width: 769px) {

  .top-page .storeList-sec .store-num::before,
  .top-page .storeList-sec .store-num::after {
    width: 28px;
    height: 47px;
  }
}

.top-page .storeList-sec .store-num::before {
  background-image: url(../img/top/dash_lt.svg);
  right: 100%;
}

.top-page .storeList-sec .store-num::after {
  background-image: url(../img/top/dash_rt.svg);
  left: 100%;
}

.top-page .storeList-sec .storeList-slide-wp {
  display: flex;
  padding: 6.1538461538vw 0 5.1282051282vw;
  margin-top: 5.8974358974vw;
  box-shadow: 0 0 2.5641025641vw rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .storeList-slide-wp {
    padding: 24px 0 20px;
    margin: 23px auto 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 980px;
    width: 95%;
    border-radius: 10px;
  }
}

.top-page .storeList-sec .storeList-slide-wp .ttl {
  width: 26.1538461538vw;
  padding: 0 1.2820512821vw 0 5.1282051282vw;
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .storeList-slide-wp .ttl {
    width: 102px;
    padding: 0 5px 0 20px;
  }
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slide {
  width: calc(100% - 26.1538461538vw);
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .storeList-slide-wp .storeList-slide {
    width: calc(100% - 102px);
  }
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slider li {
  height: 8.4615384615vw;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .storeList-slide-wp .storeList-slider li {
    height: 33px;
    margin: 0 5px;
  }
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slider li img {
  max-height: 100%;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slide {
  display: flex;
  overflow: hidden;
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slider {
  display: flex;
  list-style: none;
  padding: 0;
  -webkit-animation: infinity-scroll-left 30s infinite linear;
  animation: infinity-scroll-left 30s infinite linear;
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slider>li {
  width: 67px;
  padding: 0 5px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-page .storeList-sec .storeList-slide-wp .storeList-slider>li img {
  width: 100%;
}

@-webkit-keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.top-page .storeList-sec .btn {
  width: 76.9230769231vw;
  margin: 7.6923076923vw auto 0;
}

@media screen and (min-width: 769px) {
  .top-page .storeList-sec .btn {
    width: 300px;
    margin: 30px auto 0;
  }
}

.top-page .ranking-sec {
  background-image: url(../img/top/rank-bg.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5.1282051282vw 5.1282051282vw 0 0;
  padding: 19.7435897436vw 0 15.3846153846vw;
  margin-top: 15.3846153846vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec {
    border-radius: 20px 20px 0 0;
    padding: 77px 0 60px;
    margin-top: 60px;
  }
}

.top-page .ranking-sec h2 {
  font-size: 5.1282051282vw;
  font-weight: bold;
  color: #fff;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec h2 {
    font-size: 20px;
  }
}

.top-page .ranking-sec h2::before {
  background-image: url(../img/ico_clown.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 2.0512820513vw);
  width: 10.2564102564vw;
  height: 7.9487179487vw;
  content: "";
  display: block;
  margin-left: -5.1282051282vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec h2::before {
    bottom: calc(100% + 8px);
    width: 40px;
    height: 31px;
    margin-left: -20px;
  }
}

.top-page .ranking-sec .lead {
  font-size: 3.0769230769vw;
  color: #fff;
  text-align: center;
  margin-top: 3.8461538462vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .lead {
    font-size: 12px;
    margin-top: 15px;
  }
}

.top-page .ranking-sec .nav-tab-wp {
  width: 87.1794871795vw;
  height: 14.6153846154vw;
  padding: 2.0512820513vw;
  background: #1A0606;
  border-radius: 12.8205128205vw;
  margin-top: 7.6923076923vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .nav-tab-wp {
    width: 340px;
    height: 57px;
    padding: 8px;
    border-radius: 50px;
    margin-top: 30px;
  }
}

.top-page .ranking-sec .nav-tab-wp .nav-tab {
  display: flex;
  height: 100%;
}

.top-page .ranking-sec .nav-tab-wp .nav-tab>li {
  border-radius: 12.8205128205vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.0769230769vw;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .nav-tab-wp .nav-tab>li {
    border-radius: 50px;
    font-size: 12px;
  }
}

.top-page .ranking-sec .nav-tab-wp .nav-tab>li.active {
  background: #fff;
  color: var(--BK);
  font-weight: bold;
}

.top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(1) {
  width: 21.5384615385vw;
}

.top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(2) {
  width: 12.3076923077vw;
}

.top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(3) {
  width: 18.4615384615vw;
}

.top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(4) {
  width: 30.7692307692vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(1) {
    width: 84px;
  }

  .top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(2) {
    width: 48px;
  }

  .top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(3) {
    width: 72px;
  }

  .top-page .ranking-sec .nav-tab-wp .nav-tab>li:nth-of-type(4) {
    width: 120px;
  }
}

.top-page .ranking-sec .ranking-slider-wp {
  margin-top: 7.6923076923vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .ranking-slider-wp {
    margin-top: 30px;
  }
}

.top-page .ranking-sec .ranking-slider {
  opacity: 0;
}

.top-page .ranking-sec .ranking-slider.slick-initialized.show {
  opacity: 1;
}

.top-page .ranking-sec .ranking-slider-wp>ul {
  opacity: 0;
  height: 0;
  margin: 0;
}

.top-page .ranking-sec .ranking-slider-wp>ul.show {
  height: auto;
}

.top-page .ranking-sec .ranking-slider-wp>ul li {
  margin-right: 3.8461538462vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .ranking-slider-wp>ul li {
    margin-right: 15px;
  }
}

.top-page .ranking-sec .ranking-slider-wp>ul li figure {
  position: relative;
  width: 37.6923076923vw;
  padding-left: 5.641025641vw;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .ranking-slider-wp>ul li figure {
    width: 147px;
    padding-left: 22px;
  }
}

.top-page .ranking-sec .ranking-slider-wp>ul li figure img {
  border-radius: 7px;
}

.top-page .ranking-sec .ranking-slider-wp>ul li figure figcaption {
  font-size: 18.7179487179vw;
  color: #fff;
  text-shadow: 1.5384615385vw 0.7692307692vw 2.5641025641vw rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .ranking-slider-wp>ul li figure figcaption {
    font-size: 73px;
  }
}

@media screen and (min-width: 769px) {
  .top-page .ranking-sec .ranking-slider-wp>ul li figure figcaption {
    text-shadow: 6px 3px 10px rgba(0, 0, 0, 0.1);
  }
}

.top-page .signup-sec {
  margin-top: 19.2307692308vw;
}

@media screen and (min-width: 769px) {
  .top-page .signup-sec {
    margin-top: 60px;
  }
}

.top-page .news-sec {
  margin-top: 12.8205128205vw;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec {
    margin-top: 50px;
  }

  .top-page .news-sec .inner {
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    padding: 60px 40px;
  }
}

.top-page .news-sec h2 {
  display: flex;
  align-items: center;
  margin-bottom: 3.8461538462vw;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec h2 {
    margin-bottom: 15px;
    max-width: 1000px;
    margin: 0 auto;
  }
}

.top-page .news-sec H2 .en {
  font-size: 8.2051282051vw;
  font-weight: 500;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec H2 .en {
    font-size: 32px;
  }
}

.top-page .news-sec H2 .jp {
  font-size: 3.5897435897vw;
  font-weight: bold;
  margin-left: 3.0769230769vw;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec H2 .jp {
    font-size: 14px;
    margin-left: 12px;
  }
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul li {
    width: 50%;
  }
}

.top-page .news-sec ul li a {
  padding: 5.641025641vw 2.5641025641vw;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul li a {
    padding: 30px 30px 30px 10px;
    align-items: center;
  }
}

.top-page .news-sec ul li a figure {
  width: 28.2051282051vw;
}

.top-page .news-sec ul li a figure img {
  border-radius: 10px;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul li a figure {
    width: 180px;
  }
}

.top-page .news-sec ul li a dl {
  width: calc(100% - 28.2051282051vw - 5.1282051282vw);
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul li a dl {
    width: calc(100% - 180px - 20px);
  }
}

.top-page .news-sec ul li a dl dt {
  color: var(--GY);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 1em;
}

.top-page .news-sec ul li a dl dt .ico {
  font-size: 3.0769230769vw;
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 5px;
  padding: 0.5128205128vw 2.0512820513vw 0.7692307692vw;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul li a dl dt .ico {
    font-size: 12px;
    padding: 2px 8px 3px;
  }
}

.article-date .ico {
  font-size: 3.0769230769vw;
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 5px;
  padding: 0.5128205128vw 2.0512820513vw 0.7692307692vw;
}

@media screen and (min-width: 769px) {
  .article-date .ico {
    font-size: 12px;
    padding: 2px 8px 3px;
  }
}

.top-page .news-sec ul li a dl dd {
  margin-top: 2.5641025641vw;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: 3.5em;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

@media screen and (min-width: 769px) {
  .top-page .news-sec ul li a dl dd {
    margin-top: 10px;
    font-size: 16px;
  }
}

/* ---------------------------------------------------------
 　■ 管理画面（ログイン）
--------------------------------------------------------- */
.common.login .auth-fields-content:first-child p {
  line-height: 1.5;
  text-align: center;
  margin: 20px -20px 34px;
}

@media screen and (max-width: 768px) {
  .common.login .auth-fields-content:first-child p {
    margin: 5.1282051282vw 0 8.7179487179vw;
  }
}

.common.login .auth-fields-sec .btn .btn-submit {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .common.login .auth-fields-sec .btn .btn-submit {
    margin-top: 5.1282051282vw;
  }
}

.common.login .arrow-btn-wp {
  margin-top: 30px;
}

.common.login .arrow-btn-wp li+li {
  margin-top: 17px;
}

.common.login .arrow-btn-wp .arrow-btn {
  display: block;
  padding: 0 20px 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #333;
  border-radius: 4px;
  height: 44px;
  font-size: 16px;
}

.common.login .arrow-btn-wp .arrow-btn::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  transform: rotate(45deg);
}

/* ---------------------------------------------------------
 　■ パスワードを忘れた方
--------------------------------------------------------- */
.common.pass_reissue .auth-fields-sec p {
  margin: 30px auto 20px;
  line-height: 2;
  width: 475px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .common.pass_reissue .auth-fields-sec p {
    width: 90%;
  }
}

.common.pass_reissue .auth-fields-sec .auth-fields-inner {
  width: 391px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .common.pass_reissue .auth-fields-sec .auth-fields-inner {
    width: 90%;
  }
}

.common.pass_reissue .auth-fields-sec .auth-fields-inner .btn {
  margin-top: 27px;
}

/* ---------------------------------------------------------
 　■ パスワードの再設定
--------------------------------------------------------- */
.common.pass_reset .auth-fields-inner {
  margin-top: 30px;
}

.common.pass_reset .auth-fields-inner .btn {
  margin-top: 27px;
}

/* ---------------------------------------------------------
 　■ 店舗アカウント一覧
--------------------------------------------------------- */
.common.top .contents,
.admin.store_account .contents {
  background: #fff;
  border-radius: 10px;
}

.common.top .contents.col2,
.admin.store_account .contents.col2 {
  background: transparent;
}

.common.top .contents .contents-inner-head,
.admin.store_account .contents .contents-inner-head {
  padding: 20px 53px 20px 37px;
  display: flex;
  align-items: center;
  width: 100%;
  letter-spacing: 0.04em;
  color: #333;
  border-bottom: 1px solid #F0F3F8;
}

.common.top .contents .contents-inner-head .application-date,
.admin.store_account .contents .contents-inner-head .application-date {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.common.top .contents .contents-inner-head .application-date .form-group.select-box,
.admin.store_account .contents .contents-inner-head .application-date .form-group.select-box {
  margin: 0 0 0 0;
  border: 1px solid currentColor;
  width: 88px;
  height: 33px;
  border-radius: 30px;
}

.common.top .contents .contents-inner-head .application-date .form-group.select-box select,
.admin.store_account .contents .contents-inner-head .application-date .form-group.select-box select {
  padding: 0 22px 0 8px;
  text-align: center;
}

.common.top .contents .contents-inner-head .application-date .form-group.select-box::before,
.admin.store_account .contents .contents-inner-head .application-date .form-group.select-box::before {
  width: 7px;
  height: 7px;
  right: 20px;
  margin-top: -6px;
}

.common.top .contents .contents-inner-body,
.admin.store_account .contents .contents-inner-body {
  padding: 13px 35px 30px 18px;
}

.common.top .contents .contents-inner-body .common-top-tbl,
.admin.store_account .contents .contents-inner-body .common-top-tbl {
  width: 982px;
  margin: 0 auto;
  table-layout: fixed;
}

.common.top .contents .contents-inner-body .common-top-tbl th:nth-of-type(1),
.admin.store_account .contents .contents-inner-body .common-top-tbl th:nth-of-type(1) {
  width: 250px;
}

.common.top .contents .contents-inner-body .common-top-tbl th:nth-of-type(2),
.admin.store_account .contents .contents-inner-body .common-top-tbl th:nth-of-type(2) {
  width: 250px;
}

.common.top .contents .contents-inner-body .common-top-tbl th:nth-of-type(3),
.admin.store_account .contents .contents-inner-body .common-top-tbl th:nth-of-type(3) {
  width: 150px;
}

.common.top .contents .contents-inner-body .common-top-tbl th:nth-of-type(4),
.admin.store_account .contents .contents-inner-body .common-top-tbl th:nth-of-type(4) {
  width: 166px;
}

.common.top .contents .contents-inner-body th,
.admin.store_account .contents .contents-inner-body th {
  text-align: left;
  padding: 8px 20px;
}

.common.top .contents .contents-inner-body td,
.admin.store_account .contents .contents-inner-body td {
  padding: 12px 20px 11px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border-bottom: 1px solid #F0F3F8;
}

.common.top .contents .contents-inner-body td.btn,
.admin.store_account .contents .contents-inner-body td.btn {
  padding: 12px 0 11px;
}

.common.top .contents .contents-inner-body .btn-pill-bk,
.admin.store_account .contents .contents-inner-body .btn-pill-bk {
  width: 126px;
  height: 36px;
  font-size: 12px;
  margin: 0 auto;
}

.admin.store_account.deatil {
  line-height: 1.5;
}

.admin.store_account.deatil .contents-head .txt {
  margin-top: 25px;
  font-size: 12px;
}

.admin.store_account.deatil .admin-contents-wp {
  max-width: 1289px;
}

.admin.store_account.deatil .admin-contents-wp .contents-wp {
  width: calc(100% - 280px);
}

.admin.store_account.deatil .contents-inner-lt {
  padding: 0 50px 0 0;
  color: #1A1A1A;
}

.admin.store_account.deatil .contents-inner-lt dl>div:not(:nth-child(1)) {
  margin-top: 20px;
}

.admin.store_account.deatil .contents-inner-lt dl dt {
  font-size: 12px;
  color: #5C5C5C;
}

.admin.store_account.deatil .contents-inner-lt dl dd {
  font-size: 16px;
  margin-top: 8px;
}

.admin.store_account.deatil .contents-inner-lt .status-wp {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 20px 0;
  margin-top: 20px;
}

.admin.store_account.deatil .contents-inner-lt .status-wp p {
  margin-bottom: 8px;
  font-size: 12px;
}

.admin.store_account.deatil .contents-inner-lt .status-wp .btn-pill {
  width: 174px;
}

.admin.store_account.deatil .contents-inner-lt .status-wp .status-change-box {
  top: calc(100% - 15px);
  right: calc(50% - 100px);
}

.admin.store_account.deatil .contents-inner-lt .status-wp .radioBox label {
  display: block;
}

.admin.store_account.deatil .contents-inner-rt {
  padding: 30px 20px 45px 20px;
}

.admin.store_account.deatil .contents-inner-rt h3 {
  border-left: 2px solid currentColor;
  font-size: 24px;
  padding: 0 0 0 20px;
}

.admin.store_account.deatil .contents-inner-rt table {
  width: 100%;
  margin-top: 20px;
}

.admin.store_account.deatil .contents-inner-rt table th {
  text-align: left;
  width: 190px;
  padding-right: 10px;
  font-weight: 500;
}

.admin.store_account.deatil .contents-inner-rt table td {
  padding: 8px 0;
}

.admin.store_account.deatil .contents-inner-rt table td .form-group {
  margin: 0;
}

.admin.store_account.deatil .contents-inner-rt table td .form-group label {
  position: relative;
}

.admin.store_account.deatil .contents-inner-rt table td .form-group label::after {
  background-image: url(../img/ico_edit.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px auto;
  position: absolute;
  right: 18px;
  top: 10px;
  width: 23px;
  height: 23px;
  content: "";
  display: block;
}

/* payment_methods_container内のlabelには編集アイコンを表示しない */
#payment_methods_container label::after {
  display: none !important;
}

.admin.store_account.deatil .contents-inner-rt table td .form-group label input:not([readonly]) {
  border: 1px solid var(--RD);
}

.admin.store_account.deatil .contents-inner-rt .btn .btn-submit-gy {
  width: 152px;
  margin: 30px 0 0 auto;
}

/* ---------------------------------------------------------
 　■ 店舗アカウント一覧（/common/account/list/）
--------------------------------------------------------- */
.common.account.list .contents {
  background: #fff;
  border-radius: 10px;
}

.common.account.list .contents.col2 {
  background: transparent;
}

.common.account.list .contents .contents-inner-head {
  padding: 20px 53px 20px 37px;
  display: flex;
  align-items: center;
  width: 100%;
  letter-spacing: 0.04em;
  color: #333;
  border-bottom: 1px solid #F0F3F8;
}

.common.account.list .contents .contents-inner-head .application-date {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.common.account.list .contents .contents-inner-head .application-date .form-group.select-box {
  margin: 0 0 0 0;
  border: 1px solid currentColor;
  width: 88px;
  height: 33px;
  border-radius: 30px;
}

.common.account.list .contents .contents-inner-head .application-date .form-group.select-box select {
  padding: 0 22px 0 8px;
  text-align: center;
}

.common.account.list .contents .contents-inner-head .application-date .form-group.select-box::before {
  width: 7px;
  height: 7px;
  right: 20px;
  margin-top: -6px;
}

.common.account.list .contents .contents-inner-body {
  padding: 13px 35px 30px 18px;
}

.common.account.list .contents .contents-inner-body .common-top-tbl {
  width: 982px;
  margin: 0 auto;
  table-layout: fixed;
}

.common.account.list .contents .contents-inner-body .common-top-tbl th:nth-of-type(1) {
  width: 250px;
}

.common.account.list .contents .contents-inner-body .common-top-tbl th:nth-of-type(2) {
  width: 250px;
}

.common.account.list .contents .contents-inner-body .common-top-tbl th:nth-of-type(3) {
  width: 150px;
}

.common.account.list .contents .contents-inner-body .common-top-tbl th:nth-of-type(4) {
  width: 166px;
}

.common.account.list .contents .contents-inner-body th {
  text-align: left;
  padding: 8px 20px;
}

.common.account.list .contents .contents-inner-body td {
  padding: 12px 20px 11px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border-bottom: 1px solid #F0F3F8;
}

.common.account.list .contents .contents-inner-body td.btn {
  padding: 12px 0 11px;
}

.common.account.list .contents .contents-inner-body .btn-pill-bk {
  width: 126px;
  height: 36px;
  font-size: 12px;
  margin: 0 auto;
}

/* ---------------------------------------------------------
 　■ メッセージ
--------------------------------------------------------- */
.common.message .contents-wp {
  background: #fff;
  border-radius: 10px;
  margin-top: 10px;
  display: flex;
}

.common.message .contents-lt {
  width: 368px;
}

.common.message .contents {
  margin-top: 0;
  width: calc(100% - 368px);
}

.common.message .contents-lt h2 {
  padding: 24px 16px 0;
  font-size: 24px;
}

.common.message .contents-lt .search-input {
  padding: 16px 16px 24px;
  position: relative;
}

.common.message .contents-lt .search-input::before {
  background-image: url(../img/search_bk.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 28px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -13px;
  content: "";
  display: block;
}

.common.message .contents-lt .search-input input {
  outline: none;
  box-shadow: 0 0 0 0;
  padding: 0 15px 0 40px;
  height: 40px;
  border: 1px solid #CBD5E1;
  border-radius: 40px;
  width: 100%;
}

.common.message .contents-lt .message-wp {
  overflow-y: auto;
  height: 535px;
}

.common.message .contents-lt .message-wp li {
  display: flex;
  align-items: center;
  padding: 15px;
  border-top: 1px solid #ddd;
}

.common.message .contents-lt .message-wp li.active {
  background: #F0F3F8;
}

.common.message .contents-lt .message-wp li .avat {
  width: 48px;
  margin-right: 12px;
}

.common.message .contents-lt .message-wp li .avat img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.common.message .contents-lt .message-wp li .message-inner {
  width: calc(100% - 60px);
}

.common.message .contents-lt .message-wp li .name-date {
  display: flex;
  justify-content: space-between;
}

.common.message .contents-lt .message-wp li .name {
  font-weight: bold;
  color: #1E293B;
}

.common.message .contents-lt .message-wp li .date {
  color: #7B7B7B;
}

.common.message .contents-lt .message-wp li .txt-wp {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.common.message .contents-lt .message-wp li .txt {
  color: #7B7B7B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.15em;
}

.common.message .contents-lt .message-wp li .num {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 10px;
  background: var(--RD);
  color: #fff;
  border-radius: 20px;
  margin-top: -4px;
}

.common.message .contents {
  padding-bottom: 92px;
  position: relative;
  /* 入力・送信部分 */
}

.common.message .contents h3 {
  display: flex;
  align-items: center;
  border-left: 1px solid #E2E2E2;
  border-bottom: 1px solid #CBD5E1;
  padding: 16px 24px;
}

.common.message .contents h3 .avat {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.common.message .contents h3 .avat img {
  border-radius: 50%;
}

.common.message .contents .chat-wrap {
  padding: 2px 24px 10px;
  height: 514px;
  overflow: auto;
  border-left: 1px solid #E2E2E2;
}

.common.message .contents .chat-date {
  text-align: center;
  margin: 12px 0 14px;
  font-size: 12px;
  font-weight: bold;
}

.common.message .contents .chat-date:not(:nth-child(1)) {
  align-items: center;
  display: flex;
}

.common.message .contents .chat-date::before,
.common.message .contents .chat-date::after {
  background: #CBD5E1;
  content: "";
  flex-grow: 1;
  height: 1px;
}

.common.message .contents .chat-date::before {
  margin-right: 15px;
}

.common.message .contents .chat-date::after {
  margin-left: 15px;
}

.common.message .contents .chat-message {
  display: flex;
  margin: 13px 0 10px;
}

.common.message .contents .chat-message .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.common.message .contents .chat-message .bubble {
  padding: 11px 12px 18px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.common.message .contents .chat-message.received .bubble {
  width: 66.5%;
  border: 1px solid #E2E8F0;
  color: #333;
  margin-left: 10px;
}

.common.message .contents .chat-message.sent .bubble {
  width: 100%;
  background: #555;
  color: #fff;
}

.common.message .contents .time {
  font-size: 12px;
  line-height: 1;
  color: #475569;
  display: block;
  text-align: right;
}

.common.message .contents .chat-message.sent .bubble .time {
  color: #fff;
}

.common.message .contents .chat-input {
  padding: 16px;
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #5F5F5F;
  border-radius: 16px;
}

.common.message .contents .chat-input input {
  flex-grow: 1;
  padding: 8px;
  border: none;
  outline: none;
}

.common.message .contents .chat-input .attach {
  width: 24px;
  height: 24px;
}

.common.message .contents .chat-input .send {
  border-radius: 50px;
  width: 88px;
  height: 40px;
  color: #fff;
  font-weight: bold;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.common.message .contents .chat-input .send::after {
  background-image: url(../img/ico_PaperPlane-rt.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  margin-left: 8px;
}

/* ---------------------------------------------------------
 　■ ピックアップ作品
--------------------------------------------------------- */
.admin.pickup_product .contents-wp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.admin.pickup_product .contents-head {
  width: 100%;
  margin-bottom: 30px;
}

.admin.pickup_product .contents-lt {
  width: 520px;
  border-radius: 10px;
  background: #5A5A5A;
  color: #fff;
}

.admin.pickup_product .contents-lt .ttl-wp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 12px 29px;
  border-bottom: 1px solid #7B7B7B;
}

.admin.pickup_product .contents-lt .ttl-wp h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.admin.pickup_product .contents-lt .ttl-wp .btn .btn-pill-black {
  width: 148px;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
}

.admin.pickup_product .contents-lt .ttl-wp .btn .btn-pill-black::before {
  background-image: url(../img/ico_change.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  margin-right: 3px;
}

.admin.pickup_product .contents-lt .product-list-wp {
  padding: 25px 20px;
  /*数字をリセット*/
}

.admin.pickup_product .contents-lt .product-list-wp .product-list-hd {
  display: flex;
  justify-content: space-between;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list-hd .num {
  width: 60px;
  text-align: center;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list-hd .name {
  flex-grow: 1;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list-hd .set {
  width: 73px;
  text-align: center;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list {
  counter-reset: number;
  margin-top: 10px;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list li {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #7B7B7B;
  cursor: pointer;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list li .product {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list li .product img {
  width: 42px;
  height: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2px;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list li .product figcaption {
  padding: 0 10px;
  text-decoration: underline;
  line-height: 1.5;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list li .btn .btn-pill-bk {
  font-size: 12px;
  height: 33px;
  width: 73px;
}

.admin.pickup_product .contents-lt .product-list-wp .product-list li::before {
  counter-increment: number;
  content: counter(number);
  font-size: 20px;
  font-weight: 300;
  width: 60px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin.pickup_product .contents-rt {
  width: 480px;
  background: #fff;
  border-radius: 10px;
}

.admin.pickup_product .contents-rt .contents-head {
  padding: 27px 20px 0;
  margin-bottom: 19px;
}

.admin.pickup_product .contents-rt .contents-head h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.admin.pickup_product .contents-rt .contents-head .search-wp {
  margin-top: 15px;
}

.admin.pickup_product .contents-rt .contents-head .search-input input {
  margin: 0;
  width: 240px;
}

.admin.pickup_product .contents-rt .contents-head .search-btn .btn-pill {
  margin-left: 13px;
}

.admin.pickup_product .contents-rt .contents-head .clear-btn .btn-pill-bk {
  width: 74px;
}

.admin.pickup_product .contents-rt .narrow-down {
  padding: 0 20px 20px;
  border-bottom: 1px solid #F0F3F8;
}

.admin.pickup_product .contents-rt .not-product-list {
  padding: 10px 20px 20px;
  max-height: 604px;
  overflow: auto;
}

.admin.pickup_product .contents-rt .not-product-list li {
  display: flex;
  align-items: center;
  padding: 8px 3px 8px 20px;
  border-bottom: 1px solid #F0F3F8;
}

.admin.pickup_product .contents-rt .not-product-list li .product {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.admin.pickup_product .contents-rt .not-product-list li .product img {
  width: 42px;
  height: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2px;
}

.admin.pickup_product .contents-rt .not-product-list li .product figcaption {
  padding: 0 10px;
  text-decoration: underline;
  line-height: 1.5;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp {
  width: 85px;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .btn-pill {
  padding-right: 0;
  width: 85px;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .btn-pill:disabled {
  background: #CFCFCF;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .btn-pill::after {
  display: none;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .status-change-box {
  width: 314px;
  padding: 31px 0 20px;
  text-align: center;
  top: calc(100% + 9px);
  right: 23px;
  border-radius: 10px;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .status-change-box .btn-group {
  justify-content: center;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .status-change-box .btn-group .btn-square {
  width: 122px;
}

.admin.pickup_product .contents-rt .not-product-list li .btn.status-wp .status-change-box .btn-group .btn-submit {
  margin-left: 16px;
  width: 110px;
  background: var(--RD);
}

/* ---------------------------------------------------------
 　■ お知らせ一覧画面
--------------------------------------------------------- */
.admin.topics .contents {
  background: #fff;
  border-radius: 10px;
  margin-top: 12px;
}

.admin.topics .contents.col2 {
  background: transparent;
}

.admin.topics .contents .contents-inner-head {
  padding: 20px 20px 20px 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.04em;
}

.admin.topics .contents .contents-inner-head .narrow-down {
  margin-right: auto;
}

.admin.topics .contents .contents-inner-head .btn .btn-pill {
  width: 138px;
  height: 44px;
  font-size: 16px;
}

.admin.topics .contents .contents-inner-head .btn .btn-pill::before {
  background-image: url(../img/ico_add.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
  margin-right: 5px;
}

.admin.topics .contents .contents-inner-body {
  padding: 0px 30px 30px 18px;
}

.admin.topics .contents .contents-inner-body .topics-tbl {
  width: 100%;
  margin: 0 auto;
}

.admin.topics .contents .contents-inner-body .topics-tbl .date {
  width: 120px;
}

.admin.topics .contents .contents-inner-body .topics-tbl .title {
  width: 250px;
}

.admin.topics .contents .contents-inner-body .topics-tbl .article {
  width: 250px;
}

.admin.topics .contents .contents-inner-body .topics-tbl .account {
  width: 120px;
}

.admin.topics .contents .contents-inner-body .topics-tbl .select {
  width: 100px;
}

.admin.topics .contents .contents-inner-body .topics-tbl .edit {
  width: calc(100% - 840px);
}

.admin.topics .contents .contents-inner-body th {
  text-align: left;
  padding: 8px 20px;
}

.admin.topics .contents .contents-inner-body td {
  padding: 21.5px 20px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border-bottom: 1px solid #F0F3F8;
  word-break: break-all;
}

.admin.topics .contents .contents-inner-body .date {
  line-height: 1.5;
}

.admin.topics .contents .contents-inner-body .title {
  line-height: 1.5;
}

.admin.topics .contents .contents-inner-body .article>div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: 3.5em;
  line-height: 1.5;
}

.admin.topics .contents .contents-inner-body .select {
  padding: 0;
}

.admin.topics .contents .contents-inner-body .select button.btn-pill,
.admin.topics .contents .contents-inner-body .select button.btn-pill-wh {
  width: 100px;
  height: 36px;
}

.admin.topics .contents .contents-inner-body .select .status-change-box {
  top: calc(100% + 5px);
}

.admin.topics .contents .contents-inner-body .select .status-change-box p {
  font-weight: bold;
  color: var(--RD);
  text-align: center;
}

.admin.topics .contents .contents-inner-body .edit {
  padding: 0;
}

.admin.topics .contents .contents-inner-body .edit .btn-pill-bk {
  width: 120px;
  height: 36px;
  font-size: 12px;
  margin: 0 0 0 auto;
}

.admin.topics .contents .contents-inner-body .edit .btn-pill-bk::before {
  background-image: url(../img/ico_edit.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  content: "";
  display: block;
  margin-right: 5px;
}

/* ---------------------------------------------------------
 　■ お知らせ登録画面
--------------------------------------------------------- */
.admin.topics_list .contents-head h2+.txt {
  margin-top: 25px;
  letter-spacing: -0.1em;
}

.admin.topics_list .contents {
  background: #fff;
  border-radius: 10px;
  margin-top: 23px;
}

.admin.topics_list .contents .contents-inner-body {
  padding: 30px 34px 30px 26px;
}

.admin.topics_list .contents h3 {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  /* 改行禁止 */
}

.admin.topics_list .contents .form-group {
  margin: 0;
}

.admin.topics_list .contents .form-group.select-box,
.admin.topics_list .contents .form-group input,
.admin.topics_list .contents .form-group textarea {
  border: 1px solid #333;
}

.admin.topics_list .contents .form-group input::-moz-placeholder {
  color: #9D9D9D;
}

.admin.topics_list .contents .form-group input::placeholder {
  color: #9D9D9D;
}

.admin.topics_list .contents .low1 {
  display: flex;
}

.admin.topics_list .contents .low1 .calendar-wp,
.admin.topics_list .contents .low1 .account-wp,
.admin.topics_list .contents .low1 .notification-wp {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.admin.topics_list .contents .low1 .calendar-wp h3,
.admin.topics_list .contents .low1 .account-wp h3,
.admin.topics_list .contents .low1 .notification-wp h3 {
  margin-right: 8px;
  letter-spacing: 0.09em;
}

.admin.topics_list .contents .low1 .calendar-wp .calendar {
  position: relative;
  width: 130px;
}

.admin.topics_list .contents .low1 .calendar-wp .calendar .ico {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}

.admin.topics_list .contents .low1 .calendar-wp .calendar .ico img {
  width: 18px;
  margin-right: 13px;
}

.admin.topics_list .contents .low1 .calendar-wp .calendar input {
  z-index: 1;
  position: relative;
  background: transparent;
}

.admin.topics_list .contents .low1 .calendar-wp .calendar input:not(:-moz-placeholder-shown)+span {
  display: none;
}

.admin.topics_list .contents .low1 .calendar-wp .calendar input:not(:placeholder-shown)+span {
  display: none;
}

.admin.topics_list .contents .low1 .account-wp .account,
.admin.topics_list .contents .low1 .notification-wp .notification {
  width: 110px;
}

.admin.topics_list .contents .low2,
.admin.topics_list .contents .low3 {
  margin-top: 30px;
}

.admin.topics_list .contents .low2>div,
.admin.topics_list .contents .low3>div {
  display: flex;
}

.admin.topics_list .contents .low2>div>h3,
.admin.topics_list .contents .low3>div>h3 {
  width: 160px;
  letter-spacing: 0.09em;
}

.admin.topics_list .contents .low2>div>div,
.admin.topics_list .contents .low3>div>div {
  width: calc(100% - 160px);
}

.admin.topics_list .contents .low2 .entry-title-wp {
  align-items: center;
}

.admin.topics_list .contents .low3 .entry-body textarea {
  height: 477px;
}

.admin.topics_list .contents .btn.modal-submit {
  margin-top: 30px;
}

.admin.topics_list .contents .btn.modal-submit .btn-submit {
  width: 156px;
  height: 40px;
  margin-left: auto;
  background-color: var(--BK);
}

/* ---------------------------------------------------------
 　■ ライセンス料金一覧画面
--------------------------------------------------------- */
.admin.license .contents-head {
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px 15px 30px;
}

.admin.license .contents-head ul.search-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 20px;
  width: calc(100% - 218px);
}

.admin.license .contents-head ul.search-panel li {
  display: flex;
  align-items: center;
}

.admin.license .contents-head ul.search-panel li span {
  white-space: nowrap;
  margin-right: 10px;
}

.admin.license .contents-head ul.search-panel li .form-group {
  margin: 0;
}

.admin.license .contents-head ul.search-panel li .form-group input,
.admin.license .contents-head ul.search-panel li .form-group.select-box {
  border-radius: 30px;
  height: 32px;
  font-size: 12px;
  font-weight: 400;
}

.admin.license .contents-head ul.search-panel li .form-group input {
  width: 319px;
  padding: 5px 15px 7px 15px;
}

.admin.license .contents-head ul.search-panel li .form-group.select-box {
  border: 1px solid currentColor;
}

.admin.license .contents-head ul.search-panel li .form-group.select-box::before {
  right: 15px;
  margin-top: -7px;
}

.admin.license .contents-head ul.search-panel li .form-group.select-box select {
  padding: 8px 38px 8px 12px;
}

.admin.license .contents-head .btn-group {
  width: 218px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin.license .contents-head .btn-group .btn-pill,
.admin.license .contents-head .btn-group .btn-pill-bk {
  width: 105px;
  height: 40px;
  font-size: 12px;
}

.admin.license .contents-head .btn-group .btn-pill::before {
  background-image: url(../img/search_02.svg);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

.admin.license .contents {
  background: #fff;
  border-radius: 10px;
  margin-top: 12px;
}

.admin.license .contents.col2 {
  background: transparent;
}

.admin.license .contents .contents-inner-head {
  padding: 17px 33px 26px 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.04em;
}

.admin.license .contents .contents-inner-head h2 {
  margin-right: auto;
}

.admin.license .contents .contents-inner-head .btn .btn-pill-black {
  width: 98px;
  height: 40px;
  font-size: 14px;
}

.admin.license .contents .contents-inner-head .btn .btn-pill-black::before {
  background-image: url(../img/ico_add_assignment.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background-size: contain;
  content: "";
  display: block;
}

.admin.license .contents .contents-inner-body {
  padding: 0px 30px 30px 18px;
}

.admin.license .contents .contents-inner-body .license-tbl {
  width: 980px;
  margin: 0 auto;
}

.admin.license .contents .contents-inner-body .license-tbl th {
  text-align: left;
  padding: 0 20px 20px;
  letter-spacing: 0.05em;
}

.admin.license .contents .contents-inner-body .license-tbl td {
  padding: 10px 20px 8px 20px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border-bottom: 1px solid #F0F3F8;
  word-break: break-all;
}

.admin.license .contents .contents-inner-body .license-tbl .title {
  width: 250px;
}

.admin.license .contents .contents-inner-body .license-tbl .store {
  width: 150px;
}

.admin.license .contents .contents-inner-body .license-tbl .date {
  width: 150px;
}

.admin.license .contents .contents-inner-body .license-tbl .license {
  width: 200px;
}

.admin.license .contents .contents-inner-body .license-tbl .status {
  width: 140px;
}

.admin.license .contents .contents-inner-body .license-tbl .priority {
  width: 100px;
}

.admin.license .contents .contents-inner-body .license-tbl .edit {
  width: calc(100% - 910px);
}

.admin.license .contents .contents-inner-body .license-tbl td.license {
  text-align: left;
  padding: 0 20px 20px;
  letter-spacing: 0.05em;
}

.admin.license .contents .contents-inner-body .license-tbl td.status {
  text-align: center;
}

.admin.license .contents .contents-inner-body .license-tbl td.priority {
  text-align: center;
}

.admin.license .contents .contents-inner-body .license-tbl td.edit {
  padding: 17px 0 0 0;
  text-align: center;
}

.admin.license .contents .contents-inner-body .license-tbl td.edit img {
  width: 13px;
  display: inline-block;
}

.admin.license .contents .contents-inner-body .pager {
  margin-top: 41px;
}

/* ---------------------------------------------------------
 　■ お知らせ登録画面
--------------------------------------------------------- */
.admin.license_list .admin-contents-wp {
  width: 1170px;
}

.admin.license_list .contents-head h2+.txt {
  margin-top: 25px;
  letter-spacing: -0.1em;
}

.admin.license_list .contents {
  background: #fff;
  border-radius: 10px;
  margin-top: 23px;
}

.admin.license_list .contents .contents-inner-body {
  padding: 30px 42px 30px 19px;
}

.admin.license_list .contents h3 {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  /* 改行禁止 */
}

.admin.license_list .contents .form-group {
  margin: 0;
}

.admin.license_list .contents .form-group.select-box,
.admin.license_list .contents .form-group input,
.admin.license_list .contents .form-group textarea {
  border: 1px solid #333;
}

.admin.license_list .contents .form-group input::-moz-placeholder {
  color: #9D9D9D;
}

.admin.license_list .contents .form-group input::placeholder {
  color: #9D9D9D;
}

.admin.license_list .contents .low+.low {
  margin-top: 30px;
}

.admin.license_list .contents .low>div {
  display: flex;
  align-items: center;
}

.admin.license_list .contents .low>div>h3 {
  width: 190px;
  letter-spacing: 0.09em;
}

.admin.license_list .contents .low>div>div {
  width: calc(100% - 190px);
}

.admin.license_list .contents .low .store-wp .form-group.select-box {
  width: 120px;
  margin-right: 20px;
}

.admin.license_list .contents .low .store-wp .checkBox {
  width: calc(100% - 530px);
}

.admin.license_list .contents .low .store-wp .checkBox label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
  width: 100px;
}

.admin.license_list .contents .low .store-wp .checkBox input+span {
  margin: 0;
}

.admin.license_list .contents .low .store-wp .change {
  display: none;
  width: 200px;
}

.admin.license_list .contents .low .store-wp .checkBox input[type=checkbox]:checked+span+.change {
  display: block;
}

.admin.license_list .contents .low .date-wp .calendar.form-group {
  width: 129px;
  position: relative;
}

.admin.license_list .contents .low .date-wp .calendar.form-group input {
  padding-left: 10px;
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.admin.license_list .contents .low .date-wp .calendar.form-group::before {
  background-image: url(../img/ico_callendar_bk.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 13px;
  top: 11px;
  width: 18px;
  height: 20px;
  content: "";
  display: block;
  z-index: 0;
}

.admin.license_list .contents .low .date-wp span {
  width: 34px;
  text-align: center;
}

.admin.license_list .contents .low .license-wp .form-group.select-box {
  width: 120px;
  margin-right: 20px;
}

/* トグル位置微調整 */
/* 2026不具合修正: margin-leftをtoggleOnからtoggleOffに移動 */
.admin.license_list .toggle-label#toggleOff {
  margin-left: 100px;
}

.admin.license_list .switch {
  margin-top: 10px;
  /* 数ミリ下にずらす（1px ≒ 約0.026cm） */
}

.admin.license_list .btn-add-row {
  text-align: center;
  width: 125px;
  height: 40px;
  margin-top: 15px;
  /* 上に引き上げて TO日付の下に見せる */
  margin-left: 400px;
  /* TO日付の右端から少し離す */
  vertical-align: bottom;
  /* 高さを揃える意識 */
}

.admin.license_list .btn-add-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 0.4rem 1rem;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  width: 98px;
  height: 40px;
  margin-top: 15px;
  margin-left: 400px;
  vertical-align: bottom;
  position: relative;
}

.admin.license_list .btn-add-row::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../img/ico_add_assignment.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}

.admin.license_list .contents .low .license-wp .price {
  width: 450px;
  display: flex;
  align-items: center;
}

.admin.license_list .contents .low .license-wp .price .txt {
  font-size: 12px;
}

.admin.license_list .contents .low .license-wp .price .form-group {
  width: 100px;
  margin: 0 8px 0 10px;
}

.admin.license_list .contents .btn {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 63px;
}

.admin.license_list .contents .btn .btn-square {
  width: 120px;
  height: 40px;
}

.admin.license_list .contents .btn .btn-submit {
  width: 106px;
  height: 40px;
}

/* ---------------------------------------------------------
 　■ アカウント登録申請画面・申請内容の確認
--------------------------------------------------------- */
.common.account {
  /* === 個別 === */
}

.common.account .auth-fields-inner .registType input:not(:-moz-placeholder-shown) {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 0;
}

.common.account .auth-fields-inner .registType input:not(:placeholder-shown) {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 0;
}

.common.account .auth-fields-inner .btn {
  max-width: 391px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.common.account .auth-fields-inner .form-group.select-box {
  margin-top: 0;
  border: 1px solid #333;
}

.common.account .auth-fields-sec {
  margin-bottom: 50px;
}

.common.account .auth-fields-sec .lnk-back {
  top: 175px;
}

.common.account .auth-fields-sec p.top-txt {
  text-align: center;
  margin-top: 20px;
}

.common.account .low dt {
  width: 219px;
}

.common.account .low dd {
  width: calc(100% - 219px - 10px);
}

@media screen and (max-width: 768px) {
  .common.account .low dd {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

.common.account .low.select-percent dd {
  display: flex;
  align-items: center;
}

.common.account .low.select-percent dd .form-group.select-box {
  width: auto;
}

.common.account .low.sns-link label {
  position: relative;
}

.common.account .low.sns-link label .ico {
  position: absolute;
  left: 11px;
  top: 10px;
  width: 23px;
  height: 23px;
}

.common.account .low.sns-link label+label {
  margin-top: 10px;
}

.common.account .low.sns-link input {
  padding-left: 40px;
}

.common.account .low.txt-area textarea {
  height: 80px;
}

.common.account .low.txt-area textarea:not(:-moz-placeholder-shown) {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 0;
}

.common.account .low.txt-area textarea:not(:placeholder-shown) {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 0;
}

.common.account .low.activity-area .form-group.select-box {
  display: inline-block;
  width: auto;
}

.common.account .low.activity-area .form-group.select-box select {
  width: auto;
}

.common.account .low.file-upload dd .fileup-prev-box-wp {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}

.common.account .low.file-upload dd .fileup-prev-box {
  position: relative;
  max-width: 100px;
  max-height: 100px;
}

.common.account .low.file-upload dd .fileup-prev-box img {
  max-height: 100%;
}

.common.account .low.file-upload dd .del-wp {
  margin: 0;
  position: absolute;
  right: -5px;
  top: -10px;
  width: 24px;
}

.common.account .low.file-upload.profile dd .fileup-box-wp {
  margin-top: 10px;
}

.common.account .low.file-upload.profile dd .fileup-prev-box {
  width: 48px;
}

.common.account .low.file-upload.profile dd figure img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
  object-fit: cover;
}

.common.account .modaal-wrapper .auth-fields-sec {
  margin: 0;
}

.common.account .modaal-wrapper .btn {
  margin-top: 30px;
}

.common.account .modal-inner>.btn.btn-group {
  justify-content: center;
}

.common.account .modal-inner>.btn.btn-group>.btn-square.close_btn.js-modaal-close {
  width: 105px;
  height: 56px;
  background-color: #333;
  color: #fff;
  border: none;
  font-size: 16px;
  line-height: 2;
  font-weight: 700;
}

.common.account .modal-inner>.btn.btn-group.flex {
  display: flex;
  gap: 0 40px;
}

.common.account.confirm .auth-fields-inner .registType input:not(:-moz-placeholder-shown),
.common.account.confirm .auth-fields-inner .low.txt-area textarea:not(:-moz-placeholder-shown) {
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 0 0;
}

.common.account.confirm .auth-fields-inner .registType input:not(:placeholder-shown),
.common.account.confirm .auth-fields-inner .low.txt-area textarea:not(:placeholder-shown) {
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 0 0;
}

.common.account.confirm .auth-fields-inner .btn {
  width: 100%;
  display: flex;
  gap: 20px;
}

.common.account.confirm .auth-fields-inner .btn .btn-square {
  font-size: 16px;
  font-weight: bold;
  height: 56px;
}

/* ---------------------------------------------------------
 　■ アカウント登録申請画面
--------------------------------------------------------- */
.common.account.complete .auth-fields-sec.auth-fields-s {
  width: 480px;
}

@media screen and (max-width: 768px) {
  .common.account.complete .auth-fields-sec.auth-fields-s {
    width: 87.6923076923vw;
  }
}

.common.account.complete .head-ttl+p {
  text-align: center;
  margin: 20px 0 30px;
  line-height: 1.8;
  letter-spacing: 0.07em;
}

.common.account.complete .btn .btn-submit {
  border: 1px solid var(--BK);
  background-color: #fff;
  color: var(--BK);
  letter-spacing: 0.07em;
}

/* ---------------------------------------------------------
 　■ 汎用エラー画面
--------------------------------------------------------- */
.common.error .auth-fields-sec.auth-fields-s {
  width: 480px;
}

@media screen and (max-width: 768px) {
  .common.error .auth-fields-sec.auth-fields-s {
    width: 87.6923076923vw;
  }
}

.common.error .head-ttl+p {
  text-align: center;
  margin: 20px 0 0;
  line-height: 1.8;
  letter-spacing: 0.07em;
}

.common.error .head-ttl+p+.cord {
  text-align: center;
  margin: 10px 0 0;
  line-height: 1.8;
  letter-spacing: 0.07em;
  font-size: 20px;
  font-weight: bold;
}

.common.error .btn .btn-submit {
  border: 1px solid var(--BK);
  background-color: #fff;
  color: var(--BK);
  letter-spacing: 0.07em;
  margin-top: 30px;
}

/* ---------------------------------------------------------
 　■ 売上レポート
--------------------------------------------------------- */
.common.deposit .contents {
  background: #fff;
  border-radius: 10px;
  width: 760px;
}

.common.deposit .contents .contents-inner-body {
  padding: 21px 37px 53px 44px;
}

.common.deposit .contents .contents-inner-body .form-group {
  margin-top: 0;
}

.common.deposit .contents .contents-inner-body .btn {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 40px;
}

.common.deposit .contents .contents-inner-body .btn .btn-square,
.common.deposit .contents .contents-inner-body .btn .btn-submit {
  height: 56px;
  font-size: 16px;
  font-weight: bold;
}

.common.deposit .contents .contents-inner-body .btn .btn-square {
  width: 126px;
}

.common.deposit .contents .contents-inner-body .btn .btn-submit {
  width: 126px;
}

/* ---------------------------------------------------------
 　■ 01-06-02 店舗/アカウント管理/入金履歴
 　//■ 01-04-01 アカウント詳細画面
--------------------------------------------------------- */
.common.deposit.history .contents-head .account-list {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.common.deposit.history .contents-head .account-list .store-card {
  width: 260px;
}

.common.deposit.history .contents-head .account-list .store-card .store-image {
  height: 120px;
}

.common.deposit.history .contents-head .account-list .store-card .store-card-inner {
  padding: 10px 10px 20px;
  border-radius: 0 0 10px 10px;
}

.common.deposit.history .contents-head .account-list .btn.btn-detail {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.common.deposit.history .contents-head .account-list .btn.btn-detail .btn-pill-bk {
  width: 124px;
  height: 34px;
  font-size: 12px;
  font-weight: bold;
}

.common.deposit.history .contents {
  width: 100%;
}

.common.deposit.history .contents .contents-inner-head {
  padding: 30px 20px 28px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.04em;
}

.common.deposit.history .contents .contents-inner-head h2 {
  font-size: 24px;
}

.common.deposit.history .contents .contents-inner-head .btn .btn-pill-bk {
  width: 156px;
  height: 44px;
  font-size: 16px;
}

.common.deposit.history .contents .contents-inner-head .btn .btn-pill-black {
  width: 170px;
  height: 44px;
  font-size: 16px;
  display: flex;
  gap: 10px;
}

.common.deposit.history .contents .contents-inner-head .btn .btn-pill-black::before {
  background-image: url(../img/ico_add.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

.common.deposit.history .contents .contents-inner-body {
  padding: 0px 30px 30px 18px;
}

.common.deposit.history .contents .contents-inner-body .topics-tbl {
  width: 100%;
  margin: 0 auto;
}

.common.deposit.history .contents .contents-inner-body .topics-tbl .title {
  width: 250px;
}

.common.deposit.history .contents .contents-inner-body .topics-tbl .article {
  width: 250px;
}

.common.deposit.history .contents .contents-inner-body .topics-tbl .account {
  width: 120px;
}

.common.deposit.history .contents .contents-inner-body .topics-tbl .select {
  width: 100px;
}

.common.deposit.history .contents .contents-inner-body .topics-tbl .edit {
  width: calc(100% - 840px);
}

.common.deposit.history .contents .contents-inner-body th {
  text-align: left;
  padding: 8px 20px;
}

.common.deposit.history .contents .contents-inner-body td {
  padding: 21.5px 20px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border-bottom: 1px solid #E2E2E2;
  word-break: break-all;
}

/* .common.account.detail{
	.contents {
		background: #fff;
		border-radius: 10px;
	}
	div.modaal-container{
		width: 760px;
		height: auto;
		.modaal-content-container{
			padding: 40px 0;
			.modal-inner{
				width: 680px;
			}
		}
	}
	.form-group label{
		cursor: default;
		pointer-events : none;
	}
	.form-group input{
		cursor: default;
		pointer-events : none;
		border: none;
	}
	.form-group textarea{
		border: none;
	}
	.btn.editBtn .btn-submit{
		display: flex;
		&::before {
			background-image: url(../img/ico_edit_wh.svg);
			background-position: 0px center;
			background-repeat: no-repeat;
			background-size: contain;
			width: 16px;
			height: 16px;
			content: "";
			display: block;
			margin-right: 8.5px;
		}
	}
} */
.common.account.edit .account-datail-tab {
  display: flex;
  text-align: center;
}

.common.account.edit .account-datail-tab li {
  width: 50%;
  font-size: 20px;
  line-height: 40px;
  color: #9D9D9D;
}

.common.account.edit .account-datail-tab li.active {
  color: #333;
  border-bottom: 1px solid #000;
}

.common.account.edit .low dt {
  width: 180px;
}

.common.account.edit .low dd {
  width: calc(100% - 180px - 10px);
  display: block;
}

.common.account.edit .low dt .radioBox {
  width: 100%;
  margin-top: 9px;
}

.common.account.edit .low.room-num dd {
  display: flex;
  align-items: center;
  gap: 10px;
}

.common.account.edit .low.room-num dd label {
  width: 50px;
}

.common.account.edit .low.room-num dd p {
  font-size: 10px;
}

.common.account.edit .low.file-upload.store-img .fileup-box-wp {
  margin-top: 16px;
}

.common.account.edit .low.file-upload.store-img .fileup-prev-box figure img {
  border-radius: 10px;
}

.common.account.edit .low.about-store dd {
  line-height: 1.5;
}

.common.account.edit .low.about-store textarea {
  height: 125px;
  line-height: 1.5;
}

.common.account.edit .low.sns-link dd label {
  width: 342px;
}

.common.account.edit .low.sns-link dd label input {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #E5E5E5;
}

.common.account.edit .low.sns-link dd label:has(.linked) input {
  background: #F6F6F6;
}

.common.account.edit .low.sns-link dd label .ico {
  top: 12px;
}

.common.account.edit .low.sns-link dd label .linked {
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #333;
  border-radius: 4px;
  line-height: 26px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 68px;
  margin: 0;
}

.common.account.edit .border .low {
  padding: 20px 0;
}

.common.account.edit .border .low+.low {
  border-top: 1px solid #B7B7B7;
}

.common.account.edit .btn.editBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.common.account.edit .btn.editBtn .btn-square,
.common.account.edit .btn.editBtn .btn-submit {
  width: 320px;
  height: 56px;
  font-size: 16px;
}

.common.account.edit .contents-head .txt a {
  display: flex;
  align-items: center;
}

.common.account.edit .contents-head .txt a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 0px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  transform: rotate(45deg);
}

.common.account.edit .contents-head .txt a span {
  display: block;
  margin-left: 13px;
}

.common.account.edit .contents-head h2 {
  margin-top: 15px;
}

.common.account.edit .contents {
  background: #fff;
  border-radius: 10px;
  width: 760px;
}

.common.account.edit .contents-inner-body {
  padding: 20px 40px 40px;
}

.common.account.edit .panel.request {
  margin-top: 40px;
}

/* ---------------------------------------------------------
 　■ 01-04-01 アカウント詳細画面
--------------------------------------------------------- */
.common.account.detail .contents-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.common.account.detail .contents-head h2 {
  font-size: 24px;
  letter-spacing: 0.08em;
}

.common.account.detail .contents-head .form-group.select-box {
  margin: 0;
  width: 120px;
  height: 36px;
  font-size: 12px;
  letter-spacing: 0.04em;
  border-radius: 30px;
  border: 1px solid var(--RD);
  color: var(--RD);
}

.common.account.detail .contents-head .form-group.select-box::before {
  width: 6px;
  height: 6px;
  right: 27px;
  margin-top: -5px;
}

.common.account.detail .contents-head .form-group.select-box select {
  padding-left: 31px;
}

.common.account.detail .contents-head-tab {
  font-size: 20px;
  color: #9d9d9d;
  position: relative;
  gap: 80px;
  letter-spacing: 0.08em;
  margin-top: 30px;
}

.common.account.detail .contents-head-tab .active {
  color: #333;
}

.common.account.detail .contents-head-tab .active::after {
  background-color: currentColor;
  position: relative;
  left: 0px;
  bottom: -8px;
  width: 100%;
  height: 2px;
  content: "";
  display: block;
}

.common.account.detail .contents.panel-area {
  margin-top: 35px;
}

.common.account.detail .contents.panel-area .panel {
  background: #fff;
  border-radius: 10px;
}

.common.account.detail .account {
  width: 720px;
}

.common.account.detail .account .contents-inner-head {
  padding: 30px 20px 0;
}

.common.account.detail .account .contents-inner-head h2 {
  font-size: 20px;
}

.common.account.detail .account .contents-inner-body {
  padding: 0 20px;
}

.common.account.detail .account .contents-inner-body .form-group.registType {
  margin: 0;
}

.common.account.detail .account .contents-inner-body dl .low {
  padding: 38px 0 9px;
}

.common.account.detail .account .contents-inner-body dl .low+.low {
  border-top: 1px solid #F0F3F8;
}

.common.account.detail .account .contents-inner-body dl .low dt {
  width: 190px;
}

.common.account.detail .account .contents-inner-body dl .low dd {
  width: calc(100% - 190px - 10px);
}

.common.account.detail .account .contents-inner-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
  padding: 0 20px 40px;
}

.common.account.detail .account .contents-inner-bottom .note a {
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: 0.08em;
}

.common.account.detail .account .contents-inner-bottom .edit-btn .btn-submit {
  width: 160px;
  height: 48px;
  letter-spacing: 0.08em;
}

.common.account.detail .account .contents-inner-bottom .edit-btn .btn-submit::before {
  background-image: url(../img/ico_edit_wh.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
}

.common.account.detail .deposit-history .contents-inner-head {
  padding: 30px 20px 28px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.04em;
}

.common.account.detail .deposit-history .contents-inner-head h2 {
  font-size: 24px;
}

.common.account.detail .deposit-history .contents-inner-head .btn .btn-pill-bk {
  width: 156px;
  height: 44px;
  font-size: 16px;
}

.common.account.detail .deposit-history .contents-inner-head .btn .btn-pill-black {
  width: 170px;
  height: 44px;
  font-size: 16px;
  display: flex;
  gap: 10px;
}

.common.account.detail .deposit-history .contents-inner-head .btn .btn-pill-black::before {
  background-image: url(../img/ico_add.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

.common.account.detail .deposit-history .contents-inner-body {
  padding: 0px 30px 30px 18px;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl {
  width: 100%;
  margin: 0 auto;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl .date {
  width: 150px;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl .name {
  width: 150px;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl .payment {
  width: 150px;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl .deposit {
  width: 100px;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl .bank-name {
  width: 150px;
}

.common.account.detail .deposit-history .contents-inner-body .topics-tbl .bank-account {
  width: calc(100% - 700px);
}

.common.account.detail .deposit-history .contents-inner-body th {
  text-align: left;
  padding: 8px 20px;
}

.common.account.detail .deposit-history .contents-inner-body td {
  padding: 21.5px 20px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  vertical-align: middle;
  border-bottom: 1px solid #E2E2E2;
  word-break: break-all;
}

.common.account.detail .deposit-history .contents-inner-body .date {
  width: 150px;
}

.common.account.detail .deposit-history .contents-inner-body .payment {
  width: 150px;
}

.common.account.detail .deposit-history .contents-inner-body .deposit {
  width: 100px;
}

/* ---------------------------------------------------------
 　■ 03-01-02_公演登録／編集画面
--------------------------------------------------------- */
.store.stage .contents {
  background: #fff;
  border-radius: 10px;
  margin-top: 23px;
}

.store.stage .contents.w760 {
  width: 760px;
  padding: 30px 40px 70px;
}

.store.stage .contents-head .txt {
  margin-bottom: 15px;
}

.store.stage .contents-head .txt a {
  display: flex;
  align-items: center;
}

.store.stage .contents-head .txt a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 0px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  transform: rotate(45deg);
}

.store.stage .contents-head .txt a span {
  display: block;
  margin-left: 13px;
}

.store.stage .regist-tab {
  display: flex;
  gap: 32px;
}

.store.stage .regist-tab li {
  width: 104px;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #9D9D9D;
}

.store.stage .regist-tab li.active {
  color: #333;
  border-bottom: 1px solid #000;
}

/* ---------------------------------------------------------
 　■ 03-01-01_公演一覧画面
--------------------------------------------------------- */
.store.stage {
  /* .contents {
  	background: #fff;
  	border-radius: 10px;
  	margin-top: 23px;
  	&.w760{
  		width: 760px;
  		padding: 30px 40px 70px;
  	}
  } */
}

/* ---------------------------------------------------------
 　■ 03-01-01_公演一覧画面
--------------------------------------------------------- */
.store.stage.list .contents-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.store.stage.list .contents-head .btn .btn-pill {
  width: 138px;
  height: 44px;
  font-size: 16px;
}

.store.stage.list .contents-head .btn .btn-pill::before {
  background-image: url(../img/ico_add.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
  margin-right: 5px;
}

.store.stage.list .contents .contents-inner-head {
  display: flex;
  align-items: center;
  padding: 25px 30px 0;
}

.store.stage.list .contents .contents-inner-head h3 {
  font-size: 20px;
  font-weight: 700;
}

.store.stage.list .contents .contents-inner-head>.btn {
  margin: 0 120px 0 20px;
  width: 69px;
}

.store.stage.list .contents .contents-inner-head .date-pager {
  display: flex;
  align-items: center;
}

.store.stage.list .contents .contents-inner-head .date-pager .date {
  font-size: 24px;
  font-weight: 700;
  margin: 0 27px;
}

.store.stage.list .contents .contents-inner-head .date-pager .date>span {
  font-size: 18px;
}

.store.stage.list .contents .contents-inner-head .date-pager .arrow-lt,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
}

.store.stage.list .contents .contents-inner-head .date-pager .arrow-lt::before,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-lt::after,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt::before,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  left: 7px;
  width: 8.4px;
  height: 1.5px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 0.5px 50%;
}

.store.stage.list .contents .contents-inner-head .date-pager .arrow-lt::before,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt::before {
  transform: rotate(47.75deg);
}

.store.stage.list .contents .contents-inner-head .date-pager .arrow-lt::after,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt::after {
  transform: rotate(-47.75deg);
}

.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt::before,
.store.stage.list .contents .contents-inner-head .date-pager .arrow-rt::after {
  right: 0;
  transform-origin: calc(100% - 0.5px) 50%;
}

.store.stage.list .contents .contents-inner-head .switch-area {
  margin-left: auto;
}

.store.stage.list .contents .contents-inner-body {
  padding: 0 30px 30px 30px;
  margin-top: 30px;
  height: 600px;
  overflow-y: auto;
}

.store.stage.list .contents .contents-inner-body .calendar-wp {
  position: relative;
  padding: 5px 5px 5px 75px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .time {
  padding-top: 108px;
  position: relative;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .time::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #F0F3F8;
  background: #ccc;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .time:last-child {
  padding-top: 0;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .time .time-txt {
  position: absolute;
  left: -75px;
  top: -5px;
  font-size: 10px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche {
  position: absolute;
  border: 1px solid #000;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0000 {
  top: 5px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0030 {
  top: 59px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0100 {
  top: 113px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0130 {
  top: 167px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0200 {
  top: 221px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0230 {
  top: 275px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0300 {
  top: 329px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0330 {
  top: 383px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0400 {
  top: 437px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0430 {
  top: 491px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0500 {
  top: 545px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0530 {
  top: 599px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0600 {
  top: 653px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0630 {
  top: 707px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0700 {
  top: 761px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0730 {
  top: 815px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0800 {
  top: 869px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0830 {
  top: 923px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0900 {
  top: 977px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t0930 {
  top: 1031px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1000 {
  top: 1085px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1030 {
  top: 1139px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1100 {
  top: 1193px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1130 {
  top: 1247px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1200 {
  top: 1301px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1230 {
  top: 1355px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1300 {
  top: 1409px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1330 {
  top: 1463px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1400 {
  top: 1517px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1430 {
  top: 1571px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1500 {
  top: 1625px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1530 {
  top: 1679px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1600 {
  top: 1733px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1630 {
  top: 1787px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1700 {
  top: 1841px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1730 {
  top: 1895px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1800 {
  top: 1949px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1830 {
  top: 2003px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1900 {
  top: 2057px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t1930 {
  top: 2111px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2000 {
  top: 2165px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2030 {
  top: 2219px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2100 {
  top: 2273px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2130 {
  top: 2327px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2200 {
  top: 2381px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2230 {
  top: 2435px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2300 {
  top: 2489px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.t2330 {
  top: 2543px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.w1 {
  width: 213px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.w2 {
  width: 442px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.w3 {
  width: 671px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.w4 {
  width: 900px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0030 {
  height: 54px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0100 {
  height: 108px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0130 {
  height: 162px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0200 {
  height: 216px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0230 {
  height: 270px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0300 {
  height: 324px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0330 {
  height: 378px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0400 {
  height: 432px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0430 {
  height: 486px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0500 {
  height: 540px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0530 {
  height: 594px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0600 {
  height: 648px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0630 {
  height: 702px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0700 {
  height: 756px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0730 {
  height: 810px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0800 {
  height: 864px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0830 {
  height: 918px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0900 {
  height: 972px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h0930 {
  height: 1026px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1000 {
  height: 1080px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1030 {
  height: 1134px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1100 {
  height: 1188px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1130 {
  height: 1242px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1200 {
  height: 1296px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1230 {
  height: 1350px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1300 {
  height: 1404px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1330 {
  height: 1458px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1400 {
  height: 1512px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1430 {
  height: 1566px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1500 {
  height: 1620px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1530 {
  height: 1674px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1600 {
  height: 1728px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1630 {
  height: 1782px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1700 {
  height: 1836px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1730 {
  height: 1890px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1800 {
  height: 1944px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1830 {
  height: 1998px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1900 {
  height: 2052px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h1930 {
  height: 2106px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2000 {
  height: 2160px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2030 {
  height: 2214px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2100 {
  height: 2268px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2030 {
  height: 2322px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2200 {
  height: 2376px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2230 {
  height: 2430px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2300 {
  height: 2484px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2330 {
  height: 2538px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.h2400 {
  height: 2592px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.c1 {
  left: 75px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.c2 {
  left: 304px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.c3 {
  left: 533px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.c4 {
  left: 762px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.full {
  background: #3C3C3C;
  color: #fff;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche.full .badge {
  background: #FEB92B;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .sche-inner {
  padding: 10px 0 0 12px;
  flex-grow: 1;
  position: relative;
  font-size: 12px;
  font-weight: 700;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .badge {
  background-color: #333;
  color: #fff;
  padding: 4px 10px 5px;
  border-radius: 4px;
  display: inline-block;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .stage-ttl {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  max-height: 1.3em;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .time-slot {
  margin-top: 10px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .label {
  background-color: #FF5E00;
  color: #fff;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  font-size: 12px;
  padding: 8px;
  font-weight: bold;
  letter-spacing: 0.48em;
  height: 100%;
  border-left: 1px solid #000;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .label .arr {
  position: relative;
  display: inline-block;
  width: 5px;
  margin-top: -4px;
  transform: rotate(270deg);

}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .people-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 7px;
}

.store.stage.list .contents .contents-inner-body .calendar-wp .sche .people-icons>span {
  width: 16px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl {
  border-collapse: collapse;
  table-layout: fixed;
  /* td横幅を固定 */
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl th,
.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl td {
  vertical-align: top;
  border: 1px solid #F0F3F8;
  width: 14.2857142857%;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl th {
  padding: 20px 0 0;
  border-bottom: none;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl th::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-top: 1px solid #F0F3F8;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl th::after {
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: 5px;
  content: "";
  display: block;
  background: #fff;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl td {
  padding: 0 7px 20px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl tr:nth-of-type(2) td {
  border-top: none;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .date {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 5px 0 13px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .date.other {
  color: #D6D6D6;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .other-sche {
  font-size: 10px;
  color: #9D9D9D;
  text-align: right;
  margin-top: 5px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche {
  border: 1px solid #000;
  padding: 6px 12px;
  border-radius: 10px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche:not(:nth-child(1)) {
  margin-top: 5px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .time-wp {
  display: flex;
  align-items: center;
  gap: 6px;
  align-items: stretch;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .badge {
  background-color: #333;
  color: #fff;
  padding: 4px 6px 5px;
  border-radius: 4px;
  display: inline-block;
  font-size: 10px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .time-slot {
  font-size: 11px;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .stage-ttl {
  font-size: 10px;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  max-height: 1.3em;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .label.month {
  position: absolute;
  top: 0;
  right: 0;
  background: orange;
  color: white;
  padding: 2px 1px;
  border-radius: 0 10px 10px 0;
  font-size: 10px;
  height: 100%;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  text-align: center;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .label.month .arr {
  display: inline-block;
  transform: rotate(270deg);
  margin-top: 2px;
  font-size: 8px;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche.full {
  background: #3C3C3C;
  color: #fff;
}

.store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche.full .badge {
  background: #FEB92B;
}

/* =========== 1164px 以下のルール =========== */
@media (max-width: 1164px) {
  .store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche .label.month {
    padding: 2px 0;
  }

  .store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche.full {
    padding-left: 6px;
  }

  .store.stage.list .contents .contents-inner-body .month-calendar-wp .month-tbl .sche.full .badge {
    padding: 4 3 5 3;
  }
}

.store.stage.list div.modaal-container {
  width: 760px;
  height: auto;
}

.store.stage.list div.modaal-container .modaal-content-container {
  padding: 40px 0;
}

.store.stage.list div.modaal-container .modaal-content-container .modal-inner {
  width: 640px;
}

.store.stage.list .modal-inner {
  width: 640px;
}

.store.stage.list .modal-inner h3 {
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.store.stage.list .modal-inner h3:nth-of-type(2) {
  margin-top: 15px;
}

.store.stage.list .modal-inner h3 .arrow {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 4px;
  transition: 0.3s;
  padding: 0 0 12px;
  transform: rotate(0deg);
  cursor: pointer;
}

.store.stage.list .modal-inner h3 .arrow::before,
.store.stage.list .modal-inner h3 .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.5px);
  width: 1.5px;
  height: 14px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 50% calc(100% - 0.5px);
}

.store.stage.list .modal-inner h3 .arrow::before {
  transform: rotate(45deg);
}

.store.stage.list .modal-inner h3 .arrow::after {
  transform: rotate(-45deg);
}

.store.stage.list .modal-inner h3.open .arrow {
  transform: rotate(180deg);
  padding: 12px 0 0px;
}

.store.stage.list .modal-inner .low dt {
  width: 180px;
}

.store.stage.list .modal-inner .low dd {
  width: calc(100% - 180px - 10px);
  display: block;
  line-height: 1.5;
}

.store.stage.list .modal-inner .low dt .radioBox {
  width: 100%;
  margin-top: 9px;
}

.store.stage.list .modal-inner .low.user-name table {
  border-collapse: collapse;
  table-layout: fixed;
}

.store.stage.list .modal-inner .low.user-name table th {
  padding: 8px 0;
  width: 110px;
}

.store.stage.list .modal-inner .low.user-name table td {
  padding: 8px 0;
  width: 100px;
}

.store.stage.list .modal-inner .low.user-name table tr td:nth-of-type(1) {
  width: 130px;
}

.store.stage.list .modal-inner .low.user-name table tr.cancel th,
.store.stage.list .modal-inner .low.user-name table tr.cancel td {
  color: #C8C8C8;
}

.store.stage.list .modal-inner .low.package-img figure {
  width: 100px;
}

.store.stage.list .modal-inner .low.package-img figure img {
  border-radius: 10px;
}

.store.stage.list .modal-inner .low.stage-time dd {
  display: flex;
  align-items: center;
}

.store.stage.list .modal-inner .low.stage-time dd .tilde {
  margin: 0 11.5px;
}

.store.stage.list .modal-inner .border .low {
  padding: 20px 0;
}

.store.stage.list .modal-inner .border .low+.low {
  border-top: 1px solid #B7B7B7;
}

.store.stage.list .modal-inner .btn.editBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.store.stage.list .modal-inner .btn.editBtn .btn-square,
.store.stage.list .modal-inner .btn.editBtn .btn-submit {
  width: 300px;
  height: 56px;
  font-size: 16px;
}

.store.stage.list .modal-inner .btn.editBtn .btn-square {
  border: 1px solid #000;
}

.store.stage.list .modal-inner .btn.editBtn .btn-submit {
  padding: 0 20px;
}

.store.stage.list .modal-inner .btn.editBtn .btn-submit::before {
  background-image: url(../img/ico_edit_wh.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  margin-right: 15px;
}

.store.stage.list .modal-inner .sns-wp {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.store.stage.list .modal-inner .sns-wp>div:not(.txt) {
  width: 23px;
}

.store.stage.list .modal-inner .delete {
  text-align: right;
  padding-right: 40px;
  margin-top: 25px;
  text-decoration: underline;
  cursor: pointer;
}

.store.stage.list .modal-inner .reservation-status {
  margin-bottom: 40px;
}

.store.stage.list .modal-inner .reservation-status>h3 {
  font-size: 20px;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .ttl {
  width: 180px;
  text-align: left;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp {
  flex-grow: 1;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table {
  width: 100%;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table th,
.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table td {
  padding: 9px 0;
  font-weight: 500;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table th {
  width: 110px;
  text-align: left;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table td {
  width: calc(100% - 110px - 116px);
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table td.btn {
  width: 116px;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table .btn-pill-black {
  width: 116px;
  height: 34px;
  font-size: 12px;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table .gry th,
.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table .gry td {
  color: #C8C8C8;
}

.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table .gry th .btn-pill-black,
.store.stage.list .modal-inner .reservation-status .reservation-status-inner .tbl-wp table .gry td .btn-pill-black {
  background: #C8C8C8;
}

.store.stage.list .modal-inner .reservation-status>.btn {
  margin-top: 10px;
}

.store.stage.list .modal-inner .reservation-status>.btn .btn-pill {
  width: 174px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  font-size: 12px;
}

.store.stage.list .modal-inner .reservation-status>.btn .btn-pill::before {
  background-image: url(../img/ico_person_add_wh.svg);
  background-position: 0px 0px;
  background-repeat: repeat;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

/* ---------------------------------------------------------
 　■ 03-01-02_公演登録／編集画面
--------------------------------------------------------- */
.store.stage.edit .contents-head .txt {
  margin-bottom: 15px;
}

.store.stage.edit .contents-head .txt a {
  display: flex;
  align-items: center;
}

.store.stage.edit .contents-head .txt a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 0px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  transform: rotate(45deg);
}

.store.stage.edit .contents-head .txt a span {
  display: block;
  margin-left: 13px;
}

.store.stage.edit .reservation-status {
  margin-bottom: 40px;
}

.store.stage.edit .reservation-status>h3 {
  font-size: 20px;
}

.store.stage.edit .reservation-status .reservation-status-inner {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.store.stage.edit .reservation-status .reservation-status-inner .ttl {
  width: 180px;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp {
  flex-grow: 1;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table {
  width: 100%;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table th,
.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table td {
  padding: 9px 0;
  font-weight: 500;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table th {
  width: 110px;
  text-align: left;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table td {
  width: calc(100% - 110px - 116px);
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table td.btn {
  width: 116px;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table .btn-pill-black {
  width: 116px;
  height: 34px;
  font-size: 12px;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table .gry th,
.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table .gry td {
  color: #C8C8C8;
}

.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table .gry th .btn-pill-black,
.store.stage.edit .reservation-status .reservation-status-inner .tbl-wp table .gry td .btn-pill-black {
  background: #C8C8C8;
}

.store.stage.edit .reservation-status>.btn {
  margin-top: 10px;
}

.store.stage.edit .reservation-status>.btn .btn-pill {
  width: 174px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  font-size: 12px;
}

.store.stage.edit .reservation-status>.btn .btn-pill::before {
  background-image: url(../img/ico_person_add_wh.svg);
  background-position: 0px 0px;
  background-repeat: repeat;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

.store.stage.edit .regist-tab {
  display: flex;
  gap: 32px;
}

.store.stage.edit .regist-tab li {
  width: 104px;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #9D9D9D;
}

.store.stage.edit .regist-tab li.active {
  color: #333;
  border-bottom: 1px solid #000;
}

.store.stage.edit .low {
  min-height: 53px;
}

.store.stage.edit .low .form-group,
.store.stage.edit .low .checkBox input+span {
  margin: 0;
}

.store.stage.edit .low+.low {
  border-top: 1px solid #B7B7B7;
  padding: 20px 0;
}

.store.stage.edit .low input[type=text],
.store.stage.edit .low .form-group.select-box {
  border: 1px solid #333;
}

.store.stage.edit .low textarea {
  height: 70px;
  border: 1px solid #333;
}

.store.stage.edit .low dt {
  width: 180px;
}

.store.stage.edit .low dd {
  width: 490px;
}

.store.stage.edit .low.stage-time dd {
  display: flex;
  align-items: center;
}

.store.stage.edit .low.stage-time dd .form-group.select-box {
  width: 110px;
}

.store.stage.edit .low.stage-time dd .tilde {
  margin: 0 11.5px;
}

.store.stage.edit .low.application-deadline dd .form-group.select-box {
  width: 110px;
}

.store.stage.edit .low.application-deadline dd .btm {
  margin-top: 20px;
}

.store.stage.edit .low.application-deadline dd>div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.store.stage.edit .low.product-name dd .checkBox {
  margin-bottom: 10px;
}

.store.stage.edit .low.num-participant dd .form-group.select-box {
  width: 82px;
}

.store.stage.edit .low.hasGM dd {
  display: flex;
  align-items: center;
}

.store.stage.edit .low.hasGM dd .checkBox label {
  display: block;
  width: 90px;
}

.store.stage.edit .low.hasGM dd .checkBox label+label {
  margin-top: 20px;
}

.store.stage.edit .low.hasGM dd .checkBox+label {
  width: calc(100% - 90px);
}

.store.stage.edit .low.representative-name dd .search {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
}

.store.stage.edit .low.representative-name dd .search .btn-pill-black {
  font-size: 12px;
  font-weight: 700;
  width: 112px;
  height: 25px;
}

.store.stage.edit .btn.editBtn {
  width: 490px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}

.store.stage.edit .btn.editBtn .btn-square {
  width: 200px;
  height: 56px;
  font-size: 16px;
  gap: 16px;
  letter-spacing: 0.09em;
  border: 1px solid #000;
}

.store.stage.edit .btn.editBtn .btn-square::before {
  background-image: url(../img/ico_password_open.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

.store.stage.edit .btn.editBtn .btn-submit {
  width: 235px;
  height: 56px;
  letter-spacing: 0.09em;
}

.store.stage.edit div.modaal-container {
  width: 390px;
  height: auto;
}

.store.stage.edit .modaal-content-container {
  padding: 0;
}

.store.stage.edit .modaal-content {
  width: 100%;
}

.store.stage.edit .modal-inner {
  background: #FFF;
  text-align: left;
  border-radius: 10px;
}

.store.stage.edit .modal-inner .store-card {
  width: 100%;
  box-shadow: none;
}

.store.stage.edit .modal-inner .store-card .store-image {
  height: 120px;
}

.store.stage.edit .modal-inner .store-card .store-card-inner {
  margin: -36px 24px 0;
  padding: 10px 10px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.store.stage.edit .modal-inner .store-card .store-card-inner .store-icon {
  top: -10px;
}

.store.stage.edit .modal-inner .store-card .access {
  text-align: left;
}

.store.stage.edit .modal-inner .store-card .access dt {
  padding-left: 55px;
}

.store.stage.edit .modal-inner .product-detail-wp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 24px;
  margin-top: 43px;
}

.store.stage.edit .modal-inner .product-detail-wp>figure {
  width: 100px;
}

.store.stage.edit .modal-inner .product-detail-wp>figure img {
  border-radius: 10px;
}

.store.stage.edit .modal-inner .product-detail-wp .product-detail {
  width: 230px;
}

.store.stage.edit .modal-inner .product-detail-wp .product-detail .about {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 15px 0 0 -2px;
}

.store.stage.edit .modal-inner .product-detail-wp .detail-txt {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  width: 100%;
}

.store.stage.edit .modal-inner .product-detail-wp .detail-summary {
  margin-top: 20px;
}

.store.stage.edit .modal-inner .product-detail-wp .detail-summary>dl dt {
  font-size: 16px;
  border-left: 2px solid #1C1C1C;
  letter-spacing: 0.08em;
  padding: 3px 0 5px 7px;
  font-weight: 700;
}

.store.stage.edit .modal-inner .product-detail-wp .detail-summary>dl dd {
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-top: 13px;
}

.store.stage.edit .modal-inner .product-detail-wp .detail-summary>dl dd+dt {
  margin-top: 20px;
}

.store.stage.edit .modal-inner .schedule-container {
  background: #fff;
  padding: 0 24px 50px;
  border-radius: 10px;
  margin-top: 30px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-container-inner {
  border: 1px solid #E2E2E2;
  border-top: none;
  padding: 17px 10px;
  border-radius: 0 0 10px 10px;
}

.store.stage.edit .modal-inner .schedule-container .header {
  border-radius: 10px 10px 0 0;
  background: #1C1C1C;
  color: #fff;
  font-size: 16px;
  padding: 13px 0 15px;
  letter-spacing: 0.08em;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.store.stage.edit .modal-inner .schedule-container .header::before {
  background-image: url(../img/ico_callendar_wh.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  content: "";
  display: block;
}

.store.stage.edit .modal-inner .schedule-container .date-control {
  border-bottom: 1px solid #E2E2E2;
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}

.store.stage.edit .modal-inner .schedule-container .date-control .today-wp .today-txt {
  font-size: 10px;
  color: #979797;
  letter-spacing: 0.08em;
}

.store.stage.edit .modal-inner .schedule-container .date-control .today-wp .date-wp {
  margin-top: 10px;
}

.store.stage.edit .modal-inner .schedule-container .date-control .today-wp .date-wp .year {
  font-size: 16px;
  font-weight: 500;
}

.store.stage.edit .modal-inner .schedule-container .date-control .today-wp .date-wp .date {
  font-size: 24px;
  font-weight: 500;
}

.store.stage.edit .modal-inner .schedule-container .date-control .today-wp .date-wp .week {
  background: var(--PL);
}

.store.stage.edit .modal-inner .schedule-container .date-tabs {
  padding: 16px 0;
}

.store.stage.edit .modal-inner .schedule-container .date-tab {
  width: 78px;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  margin-right: 4px;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  cursor: pointer;
}

.store.stage.edit .modal-inner .schedule-container .date-tab.active {
  background: var(--PL);
  border-color: var(--PL);
  color: #fff;
}

.store.stage.edit .modal-inner .schedule-container .date-tab.no-stage {
  background: #D6D6D6;
  border-color: #D6D6D6;
  color: #fff;
}

.store.stage.edit .modal-inner .schedule-container .date-tab .tp {
  border-bottom: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.store.stage.edit .modal-inner .schedule-container .date-tab .tp .date {
  font-size: 16px;
}

.store.stage.edit .modal-inner .schedule-container .date-tab .tp .week {
  font-size: 10px;
  padding-bottom: 2px;
}

.store.stage.edit .modal-inner .schedule-container .date-tab .btm {
  display: flex;
  align-items: center;
  justify-content: center;
}

.store.stage.edit .modal-inner .schedule-container .date-tab .btm .num {
  font-size: 16px;
}

.store.stage.edit .modal-inner .schedule-container .date-tab .btm .txt {
  font-size: 12px;
  padding-bottom: 2px;
}

.store.stage.edit .modal-inner .schedule-container .slick-prev,
.store.stage.edit .modal-inner .schedule-container .slick-next {
  width: 20px;
  height: 56px;
  background: #1C1C1C;
  color: #fff;
}

.store.stage.edit .modal-inner .schedule-container .slick-prev:before,
.store.stage.edit .modal-inner .schedule-container .slick-next:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  position: absolute;
  top: 50%;
  margin-top: -3px;
}

.store.stage.edit .modal-inner .schedule-container .slick-prev.slick-disabled,
.store.stage.edit .modal-inner .schedule-container .slick-next.slick-disabled {
  opacity: 0;
}

.store.stage.edit .modal-inner .schedule-container .slick-prev {
  border-radius: 0 4px 4px 0;
  left: 0;
  z-index: 1;
}

.store.stage.edit .modal-inner .schedule-container .slick-prev:before {
  transform: rotate(225deg);
  left: 8px;
}

.store.stage.edit .modal-inner .schedule-container .slick-next {
  border-radius: 4px 0 0 4px;
  right: 0;
}

.store.stage.edit .modal-inner .schedule-container .slick-next:before {
  transform: rotate(45deg);
  right: 8px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card {
  border-radius: 10px;
  padding: 12px 10px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card+.schedule-card {
  margin-top: 12px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .slot-wp {
  display: flex;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .slot-wp .slot-label {
  background: #FEB92B;
  padding: 5px 0 6px;
  border-radius: 4px;
  width: 67px;
  margin-right: 13px;
  text-align: center;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .slot-wp .date-wp .date {
  font-weight: 500;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .slot-wp .date-wp .week {
  background: var(--PL);
  margin: 0 2px 0 0;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .slot-wp .date-wp .time {
  font-size: 20px;
  font-weight: 500;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .slot-wp .date-wp .time2 {
  font-size: 14px;
  margin-left: 5px;
  padding-top: 2px;
  color: #979797;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .store {
  margin: 0 0 20px 0;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .store figure {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .store figure span {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .store figure span img {
  width: 40px;
  height: 40px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .store figure figcaption {
  font-size: 12px;
  border-bottom: 1px solid currentColor;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .price {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .price .num {
  font-size: 24px;
  font-weight: 600;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .price .txt {
  font-size: 12px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .btn {
  position: absolute;
  right: 10px;
  bottom: 12px;
}

.store.stage.edit .modal-inner .schedule-container .schedule-card .btn .reserve-btn-pl {
  width: 105px;
  height: 33px;
}

.store.stage.list div.modaal-container:has(.search-user),
.store.stage.edit div.modaal-container:has(.search-user),
.store.reserve.list div.modaal-container:has(.search-user) {
  width: 760px;
  height: auto;
}

.store.stage.list .search-user,
.store.stage.edit .search-user,
.store.reserve.list .search-user {
  padding: 30px;
}

.store.stage.list .search-user>h3,
.store.stage.edit .search-user>h3,
.store.reserve.list .search-user>h3 {
  font-size: 20px;
}

.store.stage.list .search-user .form-group,
.store.stage.edit .search-user .form-group,
.store.reserve.list .search-user .form-group {
  margin-top: 15px;
}

.store.stage.list .search-user .low,
.store.stage.edit .search-user .low,
.store.reserve.list .search-user .low {
  border: none;
  padding: 10px 0;
}

.store.stage.list .search-user .low dt,
.store.stage.edit .search-user .low dt,
.store.reserve.list .search-user .low dt {
  width: 100px;
}

.store.stage.list .search-user .low dd,
.store.stage.edit .search-user .low dd,
.store.reserve.list .search-user .low dd {
  flex-grow: 1;
  width: auto;
}

.store.stage.list .search-user .low dd input[type=text],
.store.stage.edit .search-user .low dd input[type=text],
.store.reserve.list .search-user .low dd input[type=text] {
  border: 1px solid #E2E2E2;
}

.store.stage.list .search-user .low dd input[type=text]:focus,
.store.stage.edit .search-user .low dd input[type=text]:focus,
.store.reserve.list .search-user .low dd input[type=text]:focus {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 0;
}

.store.stage.list .search-user .low dd input[type=text]:not(:-moz-placeholder-shown),
.store.stage.edit .search-user .low dd input[type=text]:not(:-moz-placeholder-shown),
.store.reserve.list .search-user .low dd input[type=text]:not(:-moz-placeholder-shown) {
  outline: none;
  border: 1px solid var(--BK);
  box-shadow: 0 0 0 0;
}

.store.stage.list .search-user .low dd input[type=text]:not(:placeholder-shown),
.store.stage.edit .search-user .low dd input[type=text]:not(:placeholder-shown),
.store.reserve.list .search-user .low dd input[type=text]:not(:placeholder-shown) {
  outline: none;
  border: 1px solid var(--BK);
  box-shadow: 0 0 0 0;
}

.store.stage.list .search-user .low.user-birth dd,
.store.stage.edit .search-user .low.user-birth dd,
.store.reserve.list .search-user .low.user-birth dd {
  display: flex;
  align-items: center;
  gap: 10px;
}

.store.stage.list .search-user .low.user-birth dd .select-box,
.store.stage.edit .search-user .low.user-birth dd .select-box,
.store.reserve.list .search-user .low.user-birth dd .select-box {
  width: 94px;
  border: 1px solid #E2E2E2;
  margin: 0;
}

.store.stage.list .search-user .search-btn-wp,
.store.stage.edit .search-user .search-btn-wp,
.store.reserve.list .search-user .search-btn-wp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 30px;
}

.store.stage.list .search-user .search-btn-wp .err,
.store.stage.edit .search-user .search-btn-wp .err,
.store.reserve.list .search-user .search-btn-wp .err {
  font-size: 10px;
  color: var(--RD);
  line-height: 1.5;
  letter-spacing: 0.08em;
}

.store.stage.list .search-user .search-btn-wp .btn .btn-pill-black,
.store.stage.edit .search-user .search-btn-wp .btn .btn-pill-black,
.store.reserve.list .search-user .search-btn-wp .btn .btn-pill-black {
  width: 136px;
  height: 37px;
  font-size: 14px;
}

.store.stage.list .search-user .result,
.store.stage.edit .search-user .result,
.store.reserve.list .search-user .result {
  margin-top: 7px;
}

.store.stage.list .search-user .result table,
.store.stage.edit .search-user .result table,
.store.reserve.list .search-user .result table {
  width: 100%;
}

.store.stage.list .search-user .result table th,
.store.stage.list .search-user .result table td,
.store.stage.edit .search-user .result table th,
.store.stage.edit .search-user .result table td,
.store.reserve.list .search-user .result table th,
.store.reserve.list .search-user .result table td {
  letter-spacing: 0.08em;
  padding: 8px 0;
  text-align: left;
  font-weight: 500;
}

.store.stage.list .search-user .result table td,
.store.stage.edit .search-user .result table td,
.store.reserve.list .search-user .result table td {
  font-size: 16px;
}

.store.stage.list .search-user .result table th:nth-of-type(3),
.store.stage.edit .search-user .result table th:nth-of-type(3),
.store.reserve.list .search-user .result table th:nth-of-type(3) {
  width: 136px;
}

.store.stage.list .search-user .result table td.btn .btn-pill,
.store.stage.edit .search-user .result table td.btn .btn-pill,
.store.reserve.list .search-user .result table td.btn .btn-pill {
  width: 136px;
  height: 37px;
  font-size: 14px;
}

.store.stage.list .close.icon,
.store.stage.edit .close.icon,
.store.reserve.list .close.icon {
  color: #000;
  position: absolute;
  right: 35px;
  top: 33px;
  margin-top: 0;
  margin-left: 0;
  width: 21px;
  height: 21px;
  cursor: pointer;
}

.store.stage.list .close.icon:before,
.store.stage.edit .close.icon:before,
.store.reserve.list .close.icon:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 23px;
  height: 4px;
  border-radius: 3px;
  background-color: currentColor;
  transform: rotate(-45deg);
}

.store.stage.list .close.icon:after,
.store.stage.edit .close.icon:after,
.store.reserve.list .close.icon:after {
  content: "";
  position: absolute;
  top: 10px;
  width: 23px;
  height: 4px;
  border-radius: 3px;
  background-color: currentColor;
  transform: rotate(45deg);
}

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