.btn-shop-header {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 0.9rem;
}

.btn-shop-header:hover {
    background-color: #6d1616;
    color: #fff;
}

/* --- ヒーローセクション（こだわりページ用調整） --- */
.hero {
    height: 400px; /* トップより少し高さを抑える */
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../images/kodawari-hero.jpeg'); 
    background-size: cover;
    background-position: center 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.hero-content h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}

.hero-content p {
    font-size: 1.2rem;
    font-family: 'Zen Old Mincho', serif;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    letter-spacing: 0.1em;
}

/* --- こだわり・流儀スタイル --- */
.kodawari {
    padding: 80px 0;
}

.kodawari-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}

.kodawari-wrapper.reverse {
    flex-direction: row-reverse;
}

.kodawari-img {
    flex: 1;
    min-width: 300px;
    aspect-ratio: 1.2/1;
    border-radius: 10px;
}

.kodawari-img1 {
    background: url(../images/kodawari1.png);
    background-size: cover;
    background-position: 46% center;
    background-repeat: no-repeat;
}

.kodawari-img2 {
    background: url(../images/kodawari2.png);
    background-size: cover;
    background-position: 30% 70%;
    background-repeat: no-repeat;
}

.kodawari-img5 {
    background: url(../images/kodawari5.png);
    background-size: cover;
    background-position: 30% center;
    background-repeat: no-repeat;
}

.kodawari-img img {
    border-radius: 4px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.kodawari-text {
    flex: 1;
    min-width: 300px;
}

.kodawari-text h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    border-left: 4px solid var(--primary-color);
    padding-left: 15px;
}

.contact-phone-box {
	/* background-color: #F8FBFD;
	border: 2px solid #e0f0ff; */
    background: linear-gradient(rgb(138 28 28), rgb(101 8 8));
    border: 3px solid #ffbc00;
	padding: 2rem;
	text-align: center;
	border-radius: 8px;
	margin-bottom: 5rem;
    color: #fff;
}
.contact-phone-box .mb-3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    margin-top: 5px;
}
.contact-phone-box .small {
    font-size: 90%;
    margin-bottom: 0;
}
.phone-number {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--color-primary);
	line-height: 1.2;
	font-family: var(--font-serif);
	text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.phone-icon{
  display: inline-flex;
  width: 40px;
  height: 40px;
  color: #008C5E;
}

.phone-icon svg{
  width: 100%;
  height: 100%;
  fill: currentColor; /* 文字色に合わせる */
  display: block;
  color: #fff;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .kodawari-img {
        width: 100%;
    }
    .nav-menu { margin-top: 15px; gap: 15px; font-size: 0.9rem; }
    .kodawari-wrapper.reverse { flex-direction: column; }
    .kodawari-text {
        width: 100%;
    }
    .contact-phone-box {
		padding: 2rem 1rem;
	}
    .phone-number {
        font-size: 8vw;
        gap: 5px;
    }
    .contact-phone-box .small {
        font-size: 80%;
    }
    .contact-phone-box .mb-3 {
        font-size: 5vw;
    }
    .contact-phone-box .mb-2 {
        font-size: 4vw;
    }
}