/* 2カラム アイキャッチ＋内容 */
.item {display: flex;gap: 5px;border: 1px solid #ccc;padding: 5px;}
.item-image {flex: 0 0 350px;width: 350px;height: 300px;overflow: hidden;}
.item-image img {display: block;width: 100%;height: 100%;object-fit: cover;}
.item-content{flex:1;display:flex;flex-direction:column;gap:5px;}
.item-content h2{font-size:1.6em;font-weight:bold;color:#e60012;}
.item-content h3{font-size:1.1em;color:#005bac;}
.item-content p{font-size:0.95em;color:#555;line-height:1.6;}
.info-table {width: 100%;border-collapse: collapse;}
.info-table th {border: none;background: #f3f8ff;text-align: center;vertical-align: middle;padding: 5px;}
.info-table td {border: none;text-align: left;padding: 5px;}
@media (max-width: 768px) {
.item {flex-direction: column;}
.item-image {flex: 0 0 auto;width: auto;height: auto;}
.item-image img {height: auto;}
}
/* ── 特徴キーワードバッジ ── */
.keyword-badges {margin: 0 0 4px;text-align: left;}
.keyword-badge {display: inline-block;background: #005bac !important;color: #fff !important;padding: 4px 8px;border-radius: 4px;margin-right: 6px;margin-bottom: 6px;font-size: 0.85em;line-height: 1;}
.salon-concept-heading {color: #e60012;font-size: 1.5em;text-align: center;margin-bottom: 8px;}
.salon-concept-title {color: #005bac;font-weight: 1.5em;text-align:left;margin-bottom: 12px;}
.salon-concept-body {color: #111;font-size: 0.95em;line-height: 1.6;text-align: center;}


/* ── ショップコンセプトセクション ── */
.salon-concept {margin: 16px 0;padding: 10px 0;background: #f3f8ff}
.salon-concept-heading {color: #e60012;font-size: 1.5em;display: inline-block;border-bottom: 2px solid #005bac;padding-bottom: 4px;margin-bottom: 12px;}
.salon-concept-title {color: #005bac;font-size: 1.2em;font-weight: bold;margin: 8px 0;}
.salon-concept-body {color: #111;font-size: 1em;line-height: 1.6;}
     
/* GALLERY & おすすめMENU セクション見出し */
.gallery-menu-title {color: #e60012;font-size: 1.5em;margin: 0 0 1em;display: inline-block;border-bottom: 2px solid #005bac;}

/* ミニカード共通設定 */
.mini-grid {display: flex;justify-content: center;gap: 20px;margin-top: 20px;overflow-x: auto;flex-wrap: nowrap;padding: 10px 0;}
.mini-card {flex: 0 0 auto;width: 360px;height: auto;background: #f9f9f9 !important;}
.mini-image {position: relative;width: 100%;height: 240px;}
.mini-image img {width: 100%;height: 100%;aspect-ratio: 13/8;object-fit: cover;display: block;}
.mini-badge {position: absolute;top: 8px;left: 8px;background: rgba(0,0,0,0.7);color: #fff;font-size: 0.75em;padding: 2px 6px;}
.mini-caption {height: auto;padding: 10px 8px;text-align: center;font-weight: bold;font-size: 1.2em;margin-top: 8px;}
.mini-description {max-height: 3em;overflow: hidden;text-align: center;font-size: 1em;color: #555;margin: 4px 8px;flex: 1;}
.mini-price {text-align: center;font-weight: bold;color: #000;padding: 8px 0;margin-top: auto;}


     /* スタイリストのおすすめセクション*/
    .salon-style-gallery {padding: 10px 10px;background: #f3f8ff;color: #111;}
    .salon-style-gallery h3 {text-align: center;color: #e60012;font-size: 1.5em;margin-bottom: 1em;border-bottom: 1px solid #005bac;display: inline-block;padding-bottom: 6px;}
    .style-grid {overflow-x: auto;-webkit-overflow-scrolling: touch;margin-top: 20px;}
    .style-row {display: flex;gap: 20px;padding-bottom: 10px;min-width: 700px;}
    .style-card {flex: 0 0 300px;height: 450px;background: #fff !important;border: 1px solid #e60012;border-left: 3px solid #005bac;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);overflow: hidden;display: flex;flex-direction: column; }
    .style-card img {width: 300px;height: 300px;object-fit: cover;display: block;}
    .style-caption {color:rgb(32, 32, 32) !important;text-align: center;font-weight: bold;font-size: 1.1em;margin: 8px 0 4px;}
    .style-description {font-size: 1.2em;padding: 0 8px;text-align: center;flex: none;margin-bottom: 8px;}
    .style-price {text-align: center;color: #005bac;font-weight: bold;padding: 8px 0 12px;}
    
    
    /* ── スタッフ紹介セクション ── */
.salon-staff-section {padding: 10px 10px;background: #fff;color: #111;}
.salon-staff-section .inner {max-width: 1000px;margin: 0 auto;}
.staff-section-title {color: #e60012;font-size: 1.5em;text-align: center;margin-bottom: 1.2em;display: inline-block;border-bottom: 2px solid #005bac;padding-bottom: 6px; }
.staff-cards {background: #f00000000;display: flex;flex-direction: column;gap: 20px;margin: 0 0 10px;}
.staff-card {display: flex;max-width: 1000px;width: 100%;height: 250px;border: 2px solid #005bac;border-left: 6px solid #e60012;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.06);overflow: hidden;}
.staff-photo img {width: 200px;height: 250px;object-fit: cover;display: block;}
.staff-name {color: #e60012;font-weight: bold;margin: 0 0 8px;font-size: calc(1em + 2px);background: #f5f5f5;padding: 4px 8px;}
.staff-bio {color: #111;font-size: 0.95em;line-height: 1.6;margin: 0 0 12px;text-align: left;}
.staff-btns {display: flex;gap: 8px;}
.staff-btns .btn {display: inline-block;max-width: 300px;width: 100%;height: 60px;line-height: 60px;text-align: center;font-weight: bold;border-radius: 4px;text-decoration: none;}
.btn-blue { background: #005bac; color: #fff; }
.btn-red  { background: #e60012; color: #fff; }
.staff-more {text-align: center;margin-top: 20px;}
.staff-more-link {color: #005bac;font-weight: bold;text-decoration: underline;}
@media (max-width: 768px) {
.staff-cards {display: flex;flex-direction: row;overflow-x: auto;-webkit-overflow-scrolling: touch;gap: 16px;margin-bottom: 8px;}
.staff-card {flex: 0 0 auto;min-width: 300px;width: 300px;height: auto;flex-direction: column;}
.staff-photo img {width: 300px;height: 400px;}
.card-body {width: 100%;padding: 12px;}
.staff-btns .btn {max-width: 120px;height: 50px;line-height: 50px;}
 } 
/* お知らせセクション */
.salon-notice{padding:10px 10px;color:#111;margin-top:40px;}
.salon-notice .notice-wrap{max-width:900px;margin:0 auto;background:#fff; border-radius:10px;padding:24px 20px;box-shadow:0 4px 10px rgba(0,0,0,0.1);border-left:6px solid #e60012;border-right:6px solid #005bac;}
.salon-notice h2{text-align:center;color:#111;font-size:1.4em;margin-bottom:1em;border-bottom:2px solid #005bac;display:inline-block;padding-bottom:6px;}
.salon-notice h2 span{color:#e60012;}
.salon-notice dl{font-size:0.95em;line-height:1.7;margin-bottom:20px;}
.salon-notice dt{color:#005bac;font-size:1.1em;border-left:4px solid #e60012;padding-left:10px;margin-bottom:8px;}
.salon-notice dd{margin-left:20px;margin-bottom:6px;}
.btn-group{display:flex;gap:12px;justify-content:center;margin-top:20px;}
.btn-detail,.btn-tel{flex:1;text-align:center;padding:12px 0;font-weight:bold;border-radius:4px;border:2px solid;color:#fff;}
.btn-detail{background:#005bac;border-color:#005bac;}
.btn-tel   {background:#e60012;border-color:#e60012;}

/* ── 理容師求人情報セクション ── */
.salon-job-info {background: #f5f5f5;border: 1px solid #ddd;padding: 10px;margin: px 0;border-left: 6px solid #e6b800;}
.salon-job-info .job-info-title {color: #e60012;font-size: 1.4em;margin-bottom: 0.5em;border-bottom: 2px solid #005bac;display: inline-block;padding-bottom: 4px;}