.lower{
  background:#eaf7ff;
}

.lowerContents{
  width:min(1300px, calc(100% - 40px));
  margin:0 auto;
  background:#fff;
  border-radius:24px;
  padding:60px 100px 80px;
}

.pageHero{
  position:relative;
  width:min(1300px, calc(100% - 40px));
  margin:20px auto 24px;
  border-radius:24px;
  overflow:hidden;
}

.pageHero__img img{
  width:100%;
  height:390px;
  object-fit:cover;
  display:block;
}

.pageHero__title h1{
  position:absolute;
  left:110px;
  top:50%;
  transform:translateY(-50%);
  font-size:32px;
  letter-spacing:.18em;
}

.pageHero__title p{
  position:absolute;
  right:40px;
  bottom:-120px;
  color:#fff;
  font-size:100px;
  line-height:1;
  letter-spacing:.1em;
  font-weight:700;
}

.shopDetail__item{
  margin-bottom:150px;
}

.shopDetail__lead{
  display:flex;
  align-items:flex-start;
  gap:50px;
}

.shopDetail__photo{
  width: calc((100% - 50px) / 2);
  margin: 0;
}

.shopDetail__photo img{
  width:100%;
  display:block;
  border-radius:14px;
}

.shopDetail__text{
  width: calc((100% - 50px) / 2);
  position: relative;
}

.shopDetail__logo{
  width:120px;
  position:absolute;
  left:-180px;
  top:-40px;
  z-index:2;
}

.shopDetail__logo2{
  width:173px;
  position:absolute;
  left:-226px;
  top:-40px;
  z-index:2;
}

.shopDetail__text h2{
  font-size:36px;
  line-height:1.4;
  letter-spacing:.04em;
  margin-bottom:30px;
  font-weight:500;
  margin-top: 0;
  position:relative;
  z-index:2;
}

.shopDetail__text p{
  font-size:14px;
  line-height:2.2;
  letter-spacing:.08em;
  margin-bottom:18px;
}

.shopInfo{
  position:relative;
  display:flex;
  gap:70px;
  margin-top:70px;
  padding-left:110px;
  padding-right:90px;
}

.shopInfo__left{
  width:120px;
  flex-shrink:0;
}

.shopInfo__title{
  width:170px;
  flex-shrink:0;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:8px;
}

.shopInfo__title::after{
  content:"";
  width:1px;
  height:105px;
  background:#333;
  order:2;
}

.shopInfo__title span{
  writing-mode:vertical-rl;
  font-size:11px;
  line-height:1;
  letter-spacing:.18em;
  padding-top:4px;
  order:3;
}


.shopInfo__title h3{
  writing-mode:vertical-rl;
  font-size:34px;
  line-height:1;
  letter-spacing:.12em;
  margin:0;
  order:1;
}

.shopInfo__sns{
  position:absolute;
  left:100px;
  top:250px;
  display:flex;
  gap:14px;
}

.shopInfo__sns2{
  position:absolute;
  left:50px;
  top:250px;
  display:flex;
  gap:14px;
  font-size: 12px;
}

.shopInfo__sns3{
  position:absolute;
  left:50px;
  top:250px;
  display:flex;
  gap:14px;
  font-size: 12px;
}

.shopInfo__sns a{
  width:32px;
  height:32px;
  border:1px solid #333;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s;
}

.shopInfo__sns img{
  width:22px;
  height:22px;
  display:block;
}

.shopInfo__body{
  flex:1;
  max-width:820px;
}

.shopInfo__body dl{
  margin:0;
  border-top:1px solid #333;
}

.shopInfo__body dl div{
  display:flex;
  border-bottom:1px solid #333;
  align-items:center;
  padding:25px 0;
}

.shopInfo__body dt{
  width:120px;
  font-size:13px;
  letter-spacing:.08em;
  flex-shrink:0;
}

.shopInfo__body dd{
  flex:1;
  margin:0;
  font-size:13px;
  letter-spacing:.08em;
}

.shopInfo__btn{
  text-align:right;
  margin-top:40px;
  padding-right:70px;
  display:flex;
  justify-content:flex-end;
  
}
.shopDetail__wave{
  position:absolute;
  right:37px;
  top:60px;
  width:495px;
  z-index:1;
}
.shopDetail__wave img{
  width:100%;
  display:block;
}


.historyModal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
}

.historyModal.is-open{
  display:block;
}

.historyModal__bg{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.65);
}

.historyModal__content{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(900px, 90vw);
  background:#fff;
  border-radius:10px;
  padding:40px;
}

.historyModal__close{
  position:absolute;
  right:10px;
  top:5px;
  font-size:32px;
  background:none;
  border:0;
  cursor:pointer;
}

.historyModal__slide{
  display:none;
}

.historyModal__slide.is-active{
  display:block;
}

.historyModal__slide img{
  width:100%;
  max-height:70vh;
  object-fit:contain;
  display:block;
}

.historyModal__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#111;
  box-shadow:0 0 10px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.historyModal__arrow i{
  font-size:22px;
  line-height:1;
}
.historyModal__arrow--prev{
  left:40px;
}

.historyModal__arrow--next{
  right:20px;
}

.historyModalBtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:260px;
  height:48px;
  padding:0 78px 0 30px;
  border:0;
  border-radius:999px;
  background:#161b70;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  cursor:pointer;
}

.historyModalBtn:hover{
  opacity:.85;
}

.dd01{
  padding-bottom:60px;
}


/* -------------------------
   ���O
------------------------- */

.shopDetail__lead--philosophy {
  display: block;
  padding-bottom: 100px;
}

.shopDetail__lead--philosophy .shopDetail__photo {
  width: 75%;
  margin: 0 auto;
}

.shopDetail__lead--philosophy .shopDetail__photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}



@media screen and (max-width: 767px){
  .pageHero__title h1{
    position:absolute;
    left:25%;
    top:35%;
    transform:translateY(-50%);
    font-size:40px;
    letter-spacing:.18em;
  }
  .pageHero__title p{
	position: absolute;
	right: 5px;
	bottom: -56px;
	color: #fff;
	font-size: clamp(38px, 13vw, 52px);
	line-height: 1;
	letter-spacing: .04em;
	font-weight: 700;
	white-space: nowrap;
   }
  .lowerContents{
    width:calc(100% - 24px);
    padding:32px 16px 50px;
    border-radius:18px;
  }

  .shopDetail__item{
    margin-bottom:80px;
  }

  .shopDetail__lead{
    display:block;
    position:relative;
  }

  .shopDetail__photo{
    width:100%;
    position:relative;
    z-index:1;
  }

  .shopDetail__photo img{
    width:100%;
    border-radius:12px;
  }

  .shopDetail__text{
    position:relative;
    padding-top:0;
  }

  .shopDetail__logo{
    position:absolute !important;
    right:12px;
    top:-62px;
    width:82px;
    margin:0;
    z-index:20;
    display:block !important;
  }

  .shopDetail__text h2{
    padding-top:10px;
    font-size:21px;
    line-height:1.65;
  }

  .shopDetail__text p{
    font-size:13px;
    line-height:2;
    text-align:left;
  }

  .shopDetail__wave{
    width:180px;
    margin:12px auto 24px;
  }
  .shopDetail__wave img{
    width:100%;
  }

  .shopDetail__lead,
  .shopDetail__text{
    overflow:visible;
  }

  .shopDetail__text{
    position:relative !important;
    padding-top:42px;
    width: 100%;
  }

  .shopDetail__text .shopDetail__logo{
     display:block !important;
     visibility:visible !important;
     opacity:1 !important;
     position:absolute !important;
     left:auto !important;
     right:18px !important;
     top:-92px !important;
     bottom:auto !important;
     width:78px !important;
     height:auto !important;
     margin:0 !important;
     z-index:20 !important;
     transform:none !important;
  }
 .shopDetail__text .shopDetail__logo2{
     display:block !important;
     visibility:visible !important;
     opacity:1 !important;
     position:absolute !important;
     left:auto !important;
     right:18px !important;
     top:-45px !important;
     bottom:auto !important;
     width:100px !important;
     height:auto !important;
     margin:0 !important;
     z-index:20 !important;
     transform:none !important;
  }
  .shopInfo{
    display:block;
    margin-top:44px;
    padding:0;
  }

  .shopInfo__title{
    width:100%;
    justify-content:center;
    padding-bottom: 20px;
  }

  .shopInfo__sns{
    position:static;
    margin:28px 0 32px;
    justify-content:center;
  }

  .shopInfo__body{
    max-width:none;
    width:100%;
  }

  .shopInfo__body dl div{
    display:block;
    padding:18px 0;
  }

  .shopInfo__body dt{
    width:auto;
    margin-bottom:8px;
    font-size:12px;
    font-weight:700;
  }

  .shopInfo__body dd{
    font-size:13px;
    line-height:1.8;
  }

  .shopInfo__btn{
    margin-top:28px;
    padding-right:0;
    text-align:center;
    justify-content: center;
  }

  .shopDetail__lead--philosophy {
    padding-bottom: 50px;
  }

  .shopDetail__lead--philosophy .shopDetail__photo {
    width: 100%;
  }

   .dd01{
     padding-bottom:20px;
   }
  .shopInfo__sns2{
    position:static;
    display:flex;
    justify-content:center;
    margin:25px 0 40px;
  }
  .shopInfo__sns3{
    position:static;
    display:flex;
    justify-content:center;
    margin:25px 0 40px;
  }

  .shopInfo__sns3 .btnChopsticks{
    transform: scale(.8);
  }

}