.lower{
  background:#eaf7ff;
}

.lowerContents{
  width:min(1300px, calc(100% - 40px));
  margin:0 auto;
  background:#fff;
  border-radius:24px;
  padding:60px 50px 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:120px;
}

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

.shopDetail__photo{
  width:50%;
}

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

.shopDetail__text{
  width:50%;
  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: 0;
	top: 200px;
	width: 180px; /* 店舗情報の見出し側エリアと同じ幅 */
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
}

.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;
}

.shopInfo__sns {
	position: absolute;
	left: 95px;
	top: 200px;
	width: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 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: -64px;
	color: #fff;
	font-size: clamp(42px, 15vw, 60px);
	line-height: 1;
	letter-spacing: .1em;
	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%;
  }
}
@media screen and (max-width:767px){

  .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;
  }

}

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

  .shopInfo{
    display:block;
    margin-top:44px;
    padding:0;
  }

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

  .shopInfo__sns{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:100%;
    margin:28px 0 32px;
  }

  .shopInfo__sns img{
    display:block;
    width:30px;
    height:30px;
    object-fit:contain;
  }

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

  .shopInfo__body dl{
    width:100%;
    margin:0;
  }

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

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

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

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

}