@charset "UTF-8";
/* ==================================
	店舗一覧
================================== */
.shoplist-box {
  margin: 40px 30px;
}
.shoplist-box .shoplist-ttl {
  margin-bottom: 20px;
  text-align: center;
}
.shoplist-box .area {
  background-color: #E2E6EA;
  color: #172939;
  margin-bottom: 15px;
  padding: 5px 10px;
}
.shoplist-box .prefectures {
  font-size: 12px;
  padding-left: 10px;
}
.shoplist-box .shoplist {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0 20px;
}
.shoplist-box .shoplist .shopname {
  border-bottom: 1px solid #111;
  color: #111;
  margin-right: 10px;
  padding: 5px 5px 5px 10px;
  width: calc(50% - 20px);
}
.shoplist-box .shoplist .shopname:nth-child(2n) {
  margin-right: 0;
  width: calc(50% - 20px);
}

.store-box {
  background-color: #f5f5f5;
  margin-top: 7px;
  padding: 40px 30px 15px;
  position: relative;
}
.store-box p {
  padding-bottom: 7px;
}
.store-box table {
  margin: 15px 0 10px;
}
.store-box table th {
  padding: 0px 10px 10px 0;
  text-align: left;
}
.store-box table td {
  padding-bottom: 10px;
}
.store-box .map {
  display: inline-block;
  position: absolute;
  right: 30px;
}
.store-box .map .map-inner {
  align-items: center;
  border: 1px solid #111;
  color: #111;
  display: flex;
  padding: 10px 17px 10px 10px;
}
.store-box .store {
  width: calc(100% - 90px);
}
.store-box .store .onfoot {
  margin: 5px 0 0 0;
}
.store-box .kawagoe-open {
  border-bottom: 1px solid #8DA6C6;
  color: #8DA6C6;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.store-box .store-name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 7px;
}
.store-box .service li {
  background-color: #e7e7e7;
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.store-box .shop-tra-btn {
  margin: 25px auto;
}

a.anchor {
  display: block;
  padding-top: 80px;
  margin-top: -80px;
}

/* ==================================
	店舗詳細
================================== */
.mar-b {
  margin-bottom: 7px;
}

.shop-open {
  font-size: 16px;
}

.shop-detail h2 {
  margin-bottom: 30px;
  text-align: center;
}
.shop-detail h2 p {
  color: #172939;
  font-size: 10px;
}
.shop-detail .name-en {
  font-size: 12px;
  font-family: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif;
}
.shop-detail .name-ja {
  margin-top: 10px;
  font-size: 22px;
}
.shop-detail .shop-intro-box {
  background-color: #f5f5f5;
  line-height: 24px;
  padding: 50px 30px;
}
.shop-detail .shop-intro-box h2 {
  color: #172939;
}
.shop-detail .shop-intro-box h2 span {
  background: linear-gradient(transparent 60%, #E2E6EA 60%);
  display: inline-block;
  margin-bottom: 7px;
}
.shop-detail .shop-intro-box .shop-intro {
  font-size: 12px;
  margin: 15px 0 30px;
  word-break: break-all;
}
.shop-detail .shop-intro-box .shop-intro .space {
  margin-bottom: 10px;
}
.shop-detail .shop-intro-box .about-eight {
  font-size: 12px;
  margin: 15px 0 30px;
  word-break: break-all;
}
.shop-detail .shop-intro-box .about-eight h3 {
  color: #172939;
  text-align: center;
}
.shop-detail .shop-intro-box .about-eight h3 p {
  margin-bottom: 20px;
}
.shop-detail .shop-intro-box .about-eight .intro {
  margin: 10px 0;
  text-align: center;
}
.shop-detail .shop-intro-box .about-eight .intro span {
  background: linear-gradient(transparent 60%, #E2E6EA 60%);
  display: inline-block;
  margin-bottom: 7px;
}
.shop-detail .shop-intro-box .jump {
  position: absolute;
  right: 15px;
  top: 13px;
}
.shop-detail .mr-ws {
  background-color: #E2E6EA;
  padding: 60px 0;
}
.shop-detail .mr-ws .mr-ws-box {
  margin: 0 30px;
}
.shop-detail .mr-ws .mr-ws-box .main-img {
  position: relative;
  margin-bottom: 20px;
}
.shop-detail .mr-ws .mr-ws-box .reserve-text {
  background-color: #202739;
  color: #fff;
  font-size: 12px;
  padding: 7px 18px;
  position: absolute;
  top: 20px;
  left: 0;
}
.shop-detail .mr-ws .mr-ws-box .detail {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 30px;
}
.shop-detail .mr-ws .mr-ws-box .material {
  border: 1px solid #A8B8CA;
  padding: 20px;
}
.shop-detail .mr-ws .mr-ws-box .material h3 {
  margin-bottom: 20px;
  text-align: center;
}
.shop-detail .mr-ws .mr-ws-box .material .material-name {
  font-size: 12px;
  list-style: disc;
  margin-left: 20px;
}
.shop-detail .mr-ws .mr-ws-box .material .material-name li {
  margin-bottom: 5px;
}
.shop-detail .mr-ws .move-box {
  margin-top: 30px;
  text-align: right;
}
.shop-detail .mr-ws .move-box .move {
  border-bottom: 1px solid #172939;
  color: #172939;
  padding: 10px 20px;
}
.shop-detail .mr-ws .reserve-box {
  margin: 50px 40px 0;
}
.shop-detail .mr-ws .reserve-box .reserve {
  background-color: #202739;
  color: #fff;
  display: block;
  font-size: 12px;
  margin: 0 auto 10px;
  padding: 15px;
  position: relative;
}
.shop-detail .mr-ws .reserve-box .reserve .next {
  position: absolute;
  right: 10px;
  top: 20px;
}
.shop-detail .other-ac {
  background-color: #f5f5f5;
  font-size: 13px;
  padding: 60px 0;
}
.shop-detail .other-ac .detail {
  margin: 0 30px;
}
.shop-detail .other-ac .ac-box {
  margin: 50px 0;
}
.shop-detail .other-ac .ac-box .left-box {
  margin: 30px 0 15px;
  position: relative;
}
.shop-detail .other-ac .ac-box .left-box .ac-name {
  background: linear-gradient(transparent 60%, #E2E6EA 60%);
  font-size: 16px;
  padding-right: 5px;
  position: absolute;
  right: 30px;
  text-align: right;
  top: 70%;
  width: 40%;
}
.shop-detail .other-ac .ac-box .right-box {
  margin: 30px 0 15px;
  position: relative;
  text-align: right;
}
.shop-detail .other-ac .ac-box .right-box .ac-name {
  background: linear-gradient(transparent 60%, #E2E6EA 60%);
  font-size: 16px;
  left: 30px;
  padding-left: 5px;
  position: absolute;
  text-align: left;
  top: 70%;
  width: 40%;
}
.shop-detail .other-ac .ac-box .ac-detail {
  margin: 0 30px;
}
.shop-detail .other-ac .ac-box .ac-detail .material {
  margin-top: 10px;
}
.shop-detail .shop-info {
  font-size: 13px;
  padding: 60px 30px;
}
.shop-detail .shop-info table th {
  padding: 10px 10px 10px 0;
  text-align: left;
}
.shop-detail .shop-info table td {
  padding: 10px;
}
.shop-detail .shop-info .map {
  height: 230px;
  margin: 30px 0;
  width: 100%;
}
.shop-detail .shop-info .route {
  margin-bottom: 30px;
}
.shop-detail .shop-info .route .route-ttl {
  margin-bottom: 10px;
}
.shop-detail .shop-info .route li {
  list-style: disc;
  margin: 0 0 5px 15px;
}
.shop-detail .related {
  padding: 70px 0 0;
}
.shop-detail .related .gallery {
  padding: 0 20px;
  height: 250px;
}
.shop-detail .related .gallery .pair {
  display: flex;
}
.shop-detail .related .gallery .pair .content {
  margin-right: 20px;
  width: calc((100% - 40px) / 2);
}
.shop-detail .related .gallery .pair .content .text {
  color: #202739;
  font-size: 12px;
}

/* ==================================
	ポップアップ
================================== */
.popup .scroll {
  margin: 50px 0;
  text-align: center;
}
.popup h2 {
  margin-bottom: 30px;
  text-align: center;
}
.popup h2 p {
  color: #172939;
  font-size: 10px;
}
.popup .shop-intro-box {
  background-color: #f5f5f5;
  line-height: 24px;
  padding: 50px 30px;
}
.popup .shop-intro-box .shop-intro {
  font-size: 12px;
  text-align: center;
  word-break: break-all;
}
.popup .shop-intro-box .shop-intro .space {
  margin-bottom: 10px;
}
.popup .popup-intro {
  background-color: #E2E6EA;
  padding: 60px 0;
}
.popup .popup-intro .now-open {
  background: #fff;
  margin: 30px;
  position: relative;
}
.popup .popup-intro .now-open div:before,
.popup .popup-intro .now-open div:after {
  width: calc(100% - 20px);
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}
.popup .popup-intro .now-open div:before {
  border-bottom: solid 20px #fff;
  border-left: solid 20px transparent;
  bottom: 100%;
}
.popup .popup-intro .now-open div:after {
  border-top: solid 20px #fff;
  border-right: solid 20px transparent;
  top: 100%;
}
.popup .popup-intro .now-open .inner {
  padding: 15px 30px;
  text-align: center;
}
.popup .popup-intro .now-open .inner h3 {
  border-bottom: 1px solid #172939;
  color: #172939;
  font-size: 16px;
  padding-bottom: 7px;
  margin: 30px 0 20px;
}
.popup .popup-intro .now-open .inner .date {
  background-color: #A8B8CA;
  color: #fff;
  font-size: 16px;
  margin: 10px 0;
  padding: 10px;
}
.popup .popup-intro .now-open .inner .access {
  border: 1px solid #A8B8CA;
  display: block;
  margin-top: 15px;
  padding: 10px 17px 10px 10px;
}
.popup .popup-intro .now-open .inner .access .map-inner {
  align-items: center;
  color: #A8B8CA;
  display: flex;
  justify-content: center;
}
.popup .popup-intro .now-open .inner .access .map-inner .spot {
  fill: #A8B8CA;
}
.popup .popup-intro .now-open .inner table {
  margin-top: 20px;
}
.popup .popup-intro .now-open .inner table th {
  padding: 10px 10px 10px 0;
  text-align: left;
}
.popup .popup-intro .now-open .inner table td {
  padding: 10px;
  text-align: left;
}
.popup .popup-detail .mr-ws-box {
  margin: 0 30px;
}
.popup .popup-detail .mr-ws-box .main-img {
  position: relative;
  margin-bottom: 20px;
}
.popup .popup-detail .mr-ws-box .reserve-text {
  background-color: #202739;
  color: #fff;
  font-size: 12px;
  padding: 7px 18px;
  position: absolute;
  top: 20px;
  left: 0;
}
.popup .popup-detail .mr-ws-box .detail {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 30px;
}
.popup .popup-detail .mr-ws-box .material {
  border: 1px solid #A8B8CA;
  padding: 20px;
}
.popup .popup-detail .mr-ws-box .material h3 {
  margin-bottom: 20px;
  text-align: center;
}
.popup .popup-detail .mr-ws-box .material .material-name {
  font-size: 12px;
  list-style: disc;
  margin-left: 20px;
}
.popup .popup-detail .mr-ws-box .material .material-name li {
  margin-bottom: 5px;
}
.popup .popup-detail .move-box {
  margin-top: 30px;
  text-align: right;
}
.popup .popup-detail .move-box .move {
  border-bottom: 1px solid #172939;
  color: #172939;
  padding: 10px 20px;
}
.popup .popup-detail .limited {
  margin: 50px 30px 0;
}
.popup .popup-detail .limited .detail {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 30px;
}
.popup .popup-detail .limited .main-img {
  margin-bottom: 20px;
}
.popup .popup-detail .other-ac {
  font-size: 13px;
  margin: 50px 0 100px;
}
.popup .popup-detail .other-ac .detail {
  margin: 0 30px;
}
.popup .popup-detail .other-ac .ac-box {
  margin-bottom: 50px;
}
.popup .popup-detail .other-ac .ac-box .left-box {
  margin: 30px 0 15px;
  position: relative;
}
.popup .popup-detail .other-ac .ac-box .left-box .ac-name {
  background: linear-gradient(transparent 60%, #E2E6EA 60%);
  font-size: 16px;
  padding-right: 5px;
  position: absolute;
  right: 30px;
  text-align: right;
  top: 70%;
  width: 40%;
}
.popup .popup-detail .other-ac .ac-box .right-box {
  margin: 30px 0 15px;
  position: relative;
  text-align: right;
}
.popup .popup-detail .other-ac .ac-box .right-box .ac-name {
  background: linear-gradient(transparent 60%, #E2E6EA 60%);
  font-size: 16px;
  left: 30px;
  padding-left: 5px;
  position: absolute;
  text-align: left;
  top: 70%;
  width: 40%;
}
.popup .popup-detail .other-ac .ac-box .ac-detail {
  margin: 0 30px;
}
.popup .popup-detail .other-ac .ac-box .ac-detail .material {
  margin-top: 10px;
}
.popup .history {
  background-color: #f5f5f5;
  padding: 60px 30px;
}
.popup .history .info {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 20px;
  padding-bottom: 10px;
  position: relative;
}
.popup .history .info .date {
  margin-bottom: 10px;
}
.popup .history .info .yesno {
  background-color: #202739;
  color: #fff;
  font-size: 10px;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
}
.popup .history .info .end {
  background-color: #b2b2b2;
}/*# sourceMappingURL=shop.css.map */