#shops{padding:40px 16px}#shops .shop-text{font-size:48px;text-align:center;font-weight:700;color:#fedd03}#shops h2{margin-top:8px;color:#000;font-size:24px;text-align:center}#shops .area-button-list-wrap{margin-top:20px;display:flex;justify-content:center}#shops ul.area-button-list{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:16px 40px}@media screen and (min-width: 768px){#shops ul.area-button-list{grid-template-columns:repeat(3,1fr)}}#shops li.area-button-item{width:150px;height:150px;background-color:#ff0074;color:#fff;border:4px solid #ff0074;border-radius:150px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:32px;font-weight:700;text-align:center}#shops li.area-button-item.active{background-color:#fff;color:#ff0074}#shops h3{color:#ff0074;border:4px solid #ff0074;border-radius:20px;font-size:32px;font-weight:700;padding:8px 16px;margin-top:40px}#shops ul.shop-list{margin-top:40px;border-top:1.5px solid rgba(255,0,116,.5019607843)}#shops li.shop-item{padding-top:12px;padding-bottom:32px;border-bottom:1.5px solid rgba(255,0,116,.5019607843)}#shops .shop-layout{display:flex;flex-direction:row;gap:10px;width:100%}#shops .shop-info{flex:1 1 0}#shops .shop-map{flex:1 1 0;min-height:280px;max-width:500px}@media screen and (max-width: 767px){#shops .shop-layout{flex-direction:column;gap:20px}}#shops .shop-badge{display:inline-block;background-color:#ff0074;color:#fff;text-align:center;padding:8px 12px;font-size:20px;border-radius:10px}#shops .shop-name{font-size:32px;font-weight:700;margin-top:20px}#shops .shop-info-detail{margin-top:20px;display:flex;flex-direction:column;gap:8px}#shops .shop-info-detail *{white-space:pre-wrap}#shops .shop-tel{font-size:24px;font-weight:700}#shops .shop-note{white-space:pre-wrap;margin-top:8px;font-size:14px;line-height:1.5}#shops .no-shops-message{margin-top:50px;font-size:16px;color:#333}