ホーム
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap’);
.sokei-wp-wrapper {
font-family: ‘Noto Sans JP’, sans-serif;
background-color: #ffffff;
color: #000000;
}
.text-accent { color: #00BF6F; }
.bg-accent { background-color: #00BF6F; }
.border-accent { border-color: #00BF6F; }
.section-container {
padding: 60px 24px;
max-width: 1200px;
margin: 0 auto;
}
.section-title-wrapper {
text-align: center;
margin-bottom: 40px;
}
.section-title {
font-size: 28px;
font-weight: 700;
letter-spacing: 0.15em;
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase;
}
.section-title-line {
width: 40px;
height: 3px;
background-color: #00BF6F;
margin: 0 auto;
}
.product-card {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
border: 1px solid #f1f5f9;
background: #ffffff;
padding: 24px !important;
height: 100%;
}
.product-card:hover {
transform: translateY(-4px);
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 0.08);
border-color: #00BF6F;
}
.coming-soon-label {
display: inline-block;
background-color: #00BF6F;
color: white;
font-size: 10px;
padding: 2px 6px;
border-radius: 2px;
margin-bottom: 8px;
font-weight: bold;
}
.lang-btn {
padding: 2px 8px;
border-radius: 4px;
transition: all 0.2s ease;
cursor: pointer;
}
.lang-btn.active {
background-color: #00BF6F;
color: white;
}