@charset "utf-8";
   #interview-slider-section {
padding: 0;
font-family: "Noto Sans JP", sans-serif;
overflow: visible!important;
}
#interview-slider-section .content {
overflow:visible!important;
} #interview-slider-section p,
#interview-slider-section ul,
#interview-slider-section li {
margin-top: 0 !important;
margin-bottom: 0 !important;
} #interview-slider-section .contentInner {
position: relative; } #interview-slider-section .contentInner::before {
content: "";
position: absolute;  top: 0px!important; 
left: 50%;
transform: translate(-50%, -100%);
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #f9f6f0 transparent;
z-index: 10;
} .interview-container-box {
background-color: #f9f6f0;
padding: 60px 30px 50px;
border-radius: 10px;
position: relative; overflow: hidden; 
}
.interview-title {
text-align: center;
margin-bottom: 50px;
}
.interview-title h2 {
color: #a35345;
font-size: clamp(20px, 4vw, 26px);
font-weight: bold;
margin-bottom: 15px !important;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.interview-title p {
font-size: 16px;
line-height: 1.6;
color: #333;
max-width: 700px;
margin: 0 auto !important;
} .swiper-interview {
width: 100%; overflow: visible !important; 
padding: 10px 0 60px !important;
} .interview-card {
background: #fff;
border: 1px solid #ddd;
display: flex;
text-decoration: none;
color: inherit;
height: 100%; 
transition: all 0.3s ease;
}
.interview-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}
.card-image {
width: 42%;
background: #eee;
}
.card-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.card-body {
width: 58%;
padding: 25px;
display: flex;
flex-direction: column;
text-align: left;
} .shop-name {
font-weight: bold;
font-size: 14px !important;
color: #a35345;
line-height: 1.5;
margin-bottom: 10px !important; height: 3em; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} .excerpt {
font-size: 17px !important;
line-height: 1.6;
color: #333;
margin-bottom: 0 !important; height: 6.4em; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
} .read-more {
margin-top: auto;
text-align: right;
font-size: 13px;
font-weight: bold;
color: #a35345;
padding-top: 10px;
} .btn-interview-all {
display: flex;
align-items: center;
justify-content: center;
width: 340px;
max-width: 100%;
height: 56px;
margin: 20px auto 0 !important;
background-color: #a35345;
color: #fff;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
transition: opacity 0.3s;
}
.btn-interview-all:hover {
opacity: 0.8;
}
.swiper-pagination-bullet-active {
background: #a35345 !important;
} @media screen and (max-width: 767px) {
#interview-slider-section .contentInner::before { top: 175px; 
}
.interview-container-box {
padding: 40px 15px;
}
.interview-card {
flex-direction: column;
}
.card-image, .card-body {
width: 100%;
}
.card-image {
aspect-ratio: 16 / 9;
}
.card-body {
padding: 20px;
}
.excerpt {
font-size: 15px !important;
}
.swiper-slide {
width: 88% !important;
}
}
@media screen and (min-width: 768px) {
.swiper-slide {
width: 550px !important;
}
} .reduction-result-box { margin: 20px auto 40px; color: #1a1a1a; font-family: 'M PLUS Rounded 1c', 'Noto Sans JP', sans-serif; }
.record-period { text-align: center; font-size: 18px; font-weight: 700; color: #640125; margin-top: -10px; margin-bottom: 40px; } .reduction-flex { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; } .reduction-mass { text-align: center; line-height: 1.1; }
.mass-ton .num { font-size: 90px; font-weight: 700; letter-spacing: -0.01em; }
.mass-ton .unit { font-size: 45px; font-weight: 500; margin-left: 5px; }
.mass-gram { font-size: 36px; font-weight: 700; margin-top: 10px; } .reduction-onigiri {
display: flex;
justify-content: center;
align-items: center;
gap: 20px; 
flex-wrap: nowrap;
} .onigiri-icon {
display: block; width: auto;
height: 120px;
object-fit: contain; } .equal-txt { font-size: 60px; font-weight: 700; color: #1a1a1a; line-height: 1; margin-top: -10px; } .onigiri-count { display: flex; align-items: baseline; white-space: nowrap; }
.onigiri-count .approx { font-size: 36px; font-weight: 700; margin-right: 5px; } .onigiri-count .num {
font-size: 90px;
font-weight: 700;
letter-spacing: -0.01em;
color: #1a1a1a; 
display: inline-block; 
}
.onigiri-count .unit { font-size: 36px; font-weight: 700; margin-left: 5px; } .reduction-note { text-align: right; font-size: 13px; color: #555; margin-top: 20px; font-family: 'Noto Sans JP', sans-serif; } @media screen and (max-width: 900px) { .reduction-flex { flex-direction: column; gap: 30px; }
.reduction-onigiri { gap: 10px; } 
}
@media screen and (max-width: 600px) {
.record-period { font-size: 4vw; margin-bottom: 30px; }
.mass-ton .num { font-size: 14vw; } .mass-ton .unit { font-size: 7vw; } .mass-gram { font-size: 5vw; }
.onigiri-icon { height: 13vw; }
.equal-txt { font-size: 8vw; margin-top: 0; } 
.onigiri-count .approx { font-size: 3.5vw; } .onigiri-count .num { font-size: 9.5vw; } .onigiri-count .unit { font-size: 3.5vw; }
.reduction-note { font-size: 3vw; margin-top: 15px; }
}  @keyframes pulseOrange {
0% { transform: scale(1); color: #1a1a1a; }
50% { transform: scale(1.15); color: #ff9900; } 100% { transform: scale(1); color: #ff9900; } }
.pulse-orange {
animation: pulseOrange 0.6s ease-in-out forwards;
} @keyframes jumpRotate {
0% {
transform: translateY(0) rotate(0deg);
animation-timing-function: ease-out; }
50% { transform: translateY(-50px) rotate(180deg);
animation-timing-function: ease-in; }
100% { transform: translateY(0) rotate(360deg);
}
}
.jump-rotate {
animation: jumpRotate 0.5s forwards; } .dual-column-flex {
display: flex;
justify-content: space-between;
gap: 40px;
margin-top: 50px;
}
.column-box {
width: 48%;
background: #fff;
border-radius: 15px;
position: relative;
display: flex;
flex-direction: column;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
padding-bottom: 30px;
} .box-signboard {
position: absolute;
top: -15px;
left: 20px;
z-index: 10;
padding: 8px 18px;
color: #fff;
font-weight: bold;
font-size: 14px;
border-radius: 5px;
box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
font-family: 'M PLUS Rounded 1c', sans-serif;
white-space: nowrap;
}
.box-tabesuke .box-signboard { background: #a35345; transform: rotate(-2deg); }
.box-preservation .box-signboard { background: #6b8e23; transform: rotate(2deg); } .box-header-image {
position: relative;
width: 100%;
height: 240px;
border-radius: 15px 15px 0 0;
overflow: hidden;
}
.box-header-image img { width: 100%; height: 100%; object-fit: cover; } .header-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 60px 20px 20px;
background: linear-gradient(to top, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
}
.header-overlay h3 { 
font-size: 19px; 
color: #333; 
font-weight: bold; 
margin-bottom: 12px !important; }
.header-overlay p { 
font-size: 15px; line-height: 1.6; 
color: #555; 
letter-spacing: .125em; margin: 0 !important;
} .latest-post-mini { padding: 20px; }
.post-card-link {
display: flex;
align-items: stretch;
gap: 15px;
padding: 12px; background: rgba(249, 246, 240, 1.0); 
border: 1px solid rgba(0,0,0,0.05);
border-radius: 10px;
text-decoration: none;
color: inherit;
position: relative;
transition: background 0.3s;
position:relative;
}
.post-card-link:hover {
background: rgba(249, 246, 240, 0.7); }
.new-badge {
position:absolute;
top:-10px;
left:-10px;
display:flex;
justify-content:center;
align-items:center;
width:40px;
height:40px;
background:#e65a3e;
border-radius:50%;
color:#fff;
font-size:12px;
font-weight:bold;
}
.mini-thumb {
width: 40%;
aspect-ratio: 4 / 3;
flex-shrink: 0;
border-radius: 6px;
overflow: hidden;
}
.mini-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mini-info {
width: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
} .mini-title {
font-size: 15px;
font-weight: bold;
line-height: 1.4;
color: #a35345; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 10px;
} .mini-footer {
text-align: right;
width: 100%;
}
.read-more-text {
font-size: 11px;
background-color: #a35345; color: #fff !important; font-weight: bold;
padding: .2em .5em; border-radius: 4px;
display: inline-block;
} .all-posts-btn {
margin: auto 30px 0;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #a35345;
color: #a35345;
border-radius: 22px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
} @media screen and (max-width: 768px) {
.dual-column-flex { flex-direction: column; gap: 45px; }
.column-box { width: 100%; }
.box-signboard { left: 15px; top: -12px; font-size: 13px; transform: rotate(0deg) !important; }
.box-header-image { height: 210px; }
.header-overlay p { font-size: 14px; } .mini-thumb { width: 35%; }
.mini-info { width: 65%; }
}