@charset "utf-8";

/* ========================================================================== 
    stores.css - Other Stores Information (Centered Style)
   ========================================================================== */

.stores {
background-color: #fffaf5;
}

.stores-grid {
display: grid;
/* 画面幅に合わせて1列〜2列を自動調整 */
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 40px;
justify-content: center;
}

.store-card {
background: #fff;
padding: 30px 20px;
border: 1px solid #e0d5c5;
border-radius: 0; /* カード内の角丸 */
/* カード内のテキストを中央寄せに統一 */
text-align: center;
/* ホバーアニメーション用のtransitionを削除 */
}

/* 
   .store-card:hover ブロック（浮き上がりと影の演出）を削除しました 
*/

.store-card h3 {
font-size: 18px;
color: #1a3d32;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #8b5e3c;
/* 中央寄せを維持しつつ下線を文字幅に合わせる */
display: inline-block;
}

.store-address {
font-size: 15px;
line-height: 1.6;
color: #444;
margin-bottom: 15px;
}

.store-location {
font-size: 14px;
color: #8b5e3c;
font-weight: 600;
background: #fff3e6;
/* 中央寄せを維持しつつ背景枠を文字幅に合わせる */
display: inline-block;
padding: 4px 12px;
border-radius: 4px;
}

/* --- Googleマップリンク（追記箇所） --- */
.store-map-link {
margin-top: 15px;
}

.store-map-link a {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: #1a3d32;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid rgba(26, 61, 50, 0.3);
padding-bottom: 2px;
transition: all 0.3s ease;
}

.store-map-link a i {
font-size: 14px;
color: #8b5e3c;
}

.store-map-link a:hover {
color: #8b5e3c;
border-bottom-color: #8b5e3c;
opacity: 0.8;
}

/* --- レスポンシブ --- */
@media (max-width: 768px) {
.stores-grid {
grid-template-columns: 1fr;
gap: 20px;
}


.store-card {
    padding: 25px 15px;
}


}