div#lp-shop > h2 {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 25px;
}

.header-area {
    margin: 0 0 60px;
    text-align: center;
    font-size: 20px;
}
div#lp-shop .new-shoplist{
  margin:30px 0 100px
}
div#lp-shop .contents-area {
    margin: 80px auto;
    padding: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid;
    box-sizing: border-box;
    width: 90%;
}
div#lp-shop .contents-area:first-of-type{
  margin-top:0
}
div#lp-shop .contents-area:last-of-type{
  margin-bottom:0
}
div#lp-shop .contents-area h2 {
    margin: 0 0 73px;
    padding: 0px 8px 12px 10px;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0.1em;
    display: inline-block;
    border-bottom: 1px solid;
    position: relative;
}
@media screen and (max-width:768px){
  div#lp-shop > h2 {
    font-size: 20px;
}
  div#lp-shop .contents-area h2 {
    font-size: 17px;
}
}
div#lp-shop .contents-area h2::before {
    content: "";
    display: block;
    margin: 3px auto 21px;
    width: 30px;
    height: 30px;
    /* background: #000; */
    border-radius: 50%;
    border: 2px solid;
}

.shop-wrap {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 67px 25px;
 }
 .shop-item {
   width: calc((100% - 25px) / 2);
   position: relative;
 }
@media screen and (max-width:768px){
  .shop-wrap{
    flex-direction:column;
  }
   .shop-item {
   width: 100%;
   position: relative;
 }
}
 .shop-item .opening {
   transform: translateY(-100%);
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 13px;
   font-weight: bold;
   color: #fff;
   background-color: #d1984b;
   padding: 7px 7px;
   margin: 0;
   line-height: 1.5;
   letter-spacing: 0.1em;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
 }
 .shop-item .opening .first-store {
   background-color: #e0445a;
 }
 
 .brand-item {
   display: flex;
   align-items: flex-start;
   gap: 20px;
 }
 .brand-item .brand-img {
   width: calc((100% - 50%) - 20px);
   border-radius: 10px;
   overflow: hidden;
   object-fit: contain;
   border-top-left-radius: 0;
 }
 .brand-item .brand-img img {
   height: 100%;
   width: 100%;
 }
 .brand-item .brand-name {
   width: 50%;
 }
 .brand-logo {
  height: 100px;
  border: 1.9px solid #7f7f7f;
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  margin: 0 0 14px 0;
  aspect-ratio: 1 / 1;
 }
 .brand-item .brand-logo img {
   object-fit: contain;
   height: 100%;
   width: 100%;
 }
 .brand-item .brand-name .place {
   display: block;
   font-size: 13px;
   margin: 0 0 6px 0;
   padding: 0 0 0 19px;
   position: relative;
   line-height: 1.0;
 }
 .brand-item .brand-name .brand {
   position: relative;
   font-size: 19px;
   margin: 0;
   padding: 5px 2px;
   font-weight: bold;
 }
 .brand-item .brand-name .place::before {
   content: "";
   display: inline-block;
   background-image: url('https://www.tokyu-dept.co.jp/aobadai/sweetszone/images/place_icon.png');
   background-size: cover;
   background-repeat: no-repeat;
   width: 1em;
   height: 1em;
   visibility: visible;
   position: absolute;
   left: 0;
   top: -2px;
 }
 .shop-item .product-info {
    margin: 20px 0 0;
}
 .product-info .prod-time-title {
   margin: 0 0 8px 0;
 }
 .product-info .prod-time,
 .product-info .attention {
   margin: 0 0 5px 0;
 }
 .shop-item p.deteil {
    margin: 10px 0 0;
    line-height: 1.8;
    max-width: 700px;
    font-size: 14px;
    background-image: linear-gradient(180deg, #c5c5c5 1px, transparent 1px);
    background-size: 100% 1.8em;
    background-position: bottom 1px center;
}
@media screen and (max-width:768px){
   .brand-item .brand-name .brand {

   font-size: 16px;

 }
}