.page-id-24347 #masthead,
.page-id-24347 .site-header,
.page-id-24347 [class*="header"]:not(.phyto-header),
.page-id-24347 .elementor-location-header {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
} .page-id-24347 #content,
.page-id-24347 .site-content,
.page-id-24347 #primary,
.page-id-24347 .content-area {
margin-top: 0 !important;
padding-top: 0 !important;
} .page-id-24347 #phyto-iroha > p:first-child {
display: none;
margin: 0;
padding: 0;
} .page-id-24347 #phyto-iroha .score-section h3,
.page-id-24347 #phyto-iroha .score-section p {
margin: 0 auto 15px auto;
text-align: center;
} .page-id-24347 #phyto-iroha .score-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
gap: 20px !important;
} * {
margin: 0;
padding: 0;
box-sizing: border-box;}
.page-id-24347 #phyto-iroha {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans JP', sans-serif;
line-height: 1.6;
color: #333;
overflow-x: hidden; padding-bottom: 50px;
} .countdown-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
background: linear-gradient(90deg, #1a1a1a 0%, #2d2d2d 100%);
color: #fff;
padding: 12px 20px;
text-align: center;}
.page-id-24347 #phyto-iroha .countdown-content {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .countdown-timer {
display: flex;
gap: 15px;
}
.page-id-24347 #phyto-iroha .time-unit {
text-align: center;
}
.page-id-24347 #phyto-iroha .time-number {
font-size: 20px;
font-weight: 700;
color: #4AE89A;
text-shadow: 0 0 10px rgba(74, 232, 154, 0.5);
}
.page-id-24347 #phyto-iroha .time-label {
font-size: 10px;
opacity: 0.8;
text-transform: uppercase;
}
.page-id-24347 #phyto-iroha .cta-btn {
background: linear-gradient(90deg, #4AE89A 0%, #3B82F6 100%);
color: #fff;
padding: 8px 16px;
border-radius: 20px;
font-weight: 700;
text-decoration: none;
font-size: 12px;
transition: all 0.3s;
}
.page-id-24347 #phyto-iroha .cta-btn:hover {
transform: scale(1.05);
box-shadow: 0 5px 15px rgba(74, 232, 154, 0.4);
} .hero {
min-height: 100vh; background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.5)),
url(//www.agri-life.jp/wp-admin/images/PT/ezgif-884183168b95b3.gif) center/cover no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
position: relative;
padding: 40px 20px;}
.page-id-24347 #phyto-iroha .brand-logo {
font-size: 48px;
font-weight: 900;
letter-spacing: 4px;
margin-bottom: 10px;
text-shadow: 2px 4px 8px rgba(0,0,0,0.3);
}
.page-id-24347 #phyto-iroha .brand-tagline {
font-size: 16px;
opacity: 0.9;
margin-bottom: 60px;
letter-spacing: 1px;
}
.page-id-24347 #phyto-iroha .hero h1 {
font-size: clamp(32px, 6vw, 64px);
margin-bottom: 20px;
font-weight: 900;
line-height: 1.1;
text-shadow: 2px 4px 8px rgba(0,0,0,0.3);
}
.page-id-24347 #phyto-iroha .hero p {
font-size: clamp(16px, 3vw, 20px);
margin-bottom: 30px;
opacity: 0.9;
}
.page-id-24347 #phyto-iroha .hero-buttons {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .btn {
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
display: inline-block;
cursor: pointer;
}
.page-id-24347 #phyto-iroha .btn-primary {
background: #fff;
color: #333;
box-shadow: 0 4px 15px rgba(255,255,255,0.3);
}
.page-id-24347 #phyto-iroha .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255,255,255,0.4);
}
.page-id-24347 #phyto-iroha .btn-secondary {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
.page-id-24347 #phyto-iroha .btn-secondary:hover {
background: rgba(255,255,255,0.1);
transform: translateY(-2px);
} .section {
padding: 60px 20px;}
.page-id-24347 #phyto-iroha .container {
max-width: 1200px;
margin: 0 auto;
}
.page-id-24347 #phyto-iroha h2 {
font-size: clamp(24px, 4vw, 36px);
text-align: center;
margin-bottom: 15px;
font-weight: 800;
position: relative;
padding-bottom: 20px;
}
.page-id-24347 #phyto-iroha h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background: linear-gradient(90deg, #667eea, #764ba2);
border-radius: 2px;
}
.page-id-24347 #phyto-iroha .subtitle {
text-align: center;
color: #666;
margin-bottom: 40px;
font-size: clamp(14px, 2.5vw, 16px);
line-height: 1.8;
} .intro-section {
background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);}
.page-id-24347 #phyto-iroha .intro-content {
display: flex;
gap: 30px;
align-items: center;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .intro-image,
.page-id-24347 #phyto-iroha .intro-text {
flex: 1;
min-width: 300px;
}
.page-id-24347 #phyto-iroha .intro-image img {
width: 100%;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
} .diversity-section {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 80px 20px;}
.page-id-24347 #phyto-iroha .diversity-box {
max-width: 1200px;
margin: 0 auto;
background: #fff;
border-radius: 20px;
padding: 40px 30px;
box-shadow: 0 20px 60px rgba(0,0,0,0.1);
}
.page-id-24347 #phyto-iroha .diversity-title {
font-size: clamp(24px, 4vw, 32px);
font-weight: 800;
text-align: center;
margin-bottom: 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.page-id-24347 #phyto-iroha .comparison-cards {
display: flex;
gap: 20px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .comparison-card {
flex: 1;
min-width: 250px;
text-align: center;
padding: 25px 15px;
border-radius: 15px;
transition: all 0.3s;
}
.page-id-24347 #phyto-iroha .comparison-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.page-id-24347 #phyto-iroha .comparison-card.ideal {
background: linear-gradient(135deg, #e8f5e8, #f0fff0);
border: 2px solid #28a745;
}
.page-id-24347 #phyto-iroha .comparison-card.simple {
background: linear-gradient(135deg, #fff3cd, #fefefe);
border: 2px solid #ffc107;
}
.page-id-24347 #phyto-iroha .comparison-card.enhanced {
background: linear-gradient(135deg, #d1ecf1, #e8f4fd);
border: 2px solid #17a2b8;
}
.page-id-24347 #phyto-iroha .card-icon {
font-size: 32px;
margin-bottom: 12px;
}
.page-id-24347 #phyto-iroha .card-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
}
.page-id-24347 #phyto-iroha .color-dots {
display: flex;
justify-content: center;
gap: 6px;
margin: 15px 0;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .color-dot {
width: 24px;
height: 24px;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.page-id-24347 #phyto-iroha .card-desc {
font-size: 14px;
color: #555;
line-height: 1.4;
}
.page-id-24347 #phyto-iroha .score-section {
background: linear-gradient(135deg, #f8f9fa, #ffffff);
padding: 25px;
border-radius: 12px;
margin-top: 30px;
}
.page-id-24347 #phyto-iroha .score-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin: 20px 0;
}
.page-id-24347 #phyto-iroha .score-item {
text-align: center;
padding: 15px;
background: #fff;
border-radius: 10px;
border: 2px solid #e9ecef;
transition: all 0.3s;
}
.page-id-24347 #phyto-iroha .score-item:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.page-id-24347 #phyto-iroha .score-item.highlighted { border-color: #17a2b8;
background: linear-gradient(135deg, #f8fdff, #e8f4fd); box-shadow: 0 8px 25px rgba(23,162,184,0.2); transform: none !important;
}
.page-id-24347 #phyto-iroha .score-number {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
}
.page-id-24347 #phyto-iroha .score-label {
font-size: 12px;
color: #666;
margin-bottom: 5px;
}
.page-id-24347 #phyto-iroha .score-change {
font-size: 14px;
font-weight: 600;
} .detail-comparison {
margin-top: 50px;
padding: 30px;
background: #fafafa;
border-radius: 15px;}
.page-id-24347 #phyto-iroha .detail-title {
text-align: center;
font-size: 20px;
margin-bottom: 25px;
color: #2E7D32;
font-weight: 700;
}
.page-id-24347 #phyto-iroha .legend {
display: flex;
justify-content: center;
gap: 30px;
margin-bottom: 30px;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .legend-item {
display: flex;
align-items: center;
gap: 8px;
font-weight: 600;
}
.page-id-24347 #phyto-iroha .legend-color {
width: 30px;
height: 20px;
border-radius: 4px;
}
.page-id-24347 #phyto-iroha .comparison-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.page-id-24347 #phyto-iroha .comparison-table td {
padding: 10px;
vertical-align: top;
width: 25%;
}
.page-id-24347 #phyto-iroha .detail-card {
background: #fff;
border: 3px solid #e0e0e0;
border-radius: 15px;
padding: 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
height: 100%;
}
.page-id-24347 #phyto-iroha .detail-card.highlight {
background: #F1F8E9;
border-color: #4CAF50;
}
.page-id-24347 #phyto-iroha .detail-card h4 {
color: #2E7D32;
text-align: center;
margin-bottom: 20px;
font-size: 16px;
font-weight: 700;
padding-bottom: 10px;
border-bottom: 2px solid #e0e0e0;
}
.page-id-24347 #phyto-iroha .detail-card.highlight h4 {
border-bottom-color: #4CAF50;
}
.page-id-24347 #phyto-iroha .nutrient-row {
margin-bottom: 15px;
}
.page-id-24347 #phyto-iroha .nutrient-label {
font-weight: 700;
margin-bottom: 6px;
font-size: 14px;
}
.page-id-24347 #phyto-iroha .bar-bg {
height: 35px;
background: #f0f0f0;
border-radius: 8px;
position: relative;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}
.page-id-24347 #phyto-iroha .bar-fill {
height: 100%;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 10px;
}
.page-id-24347 #phyto-iroha .bar-fill.vitamin {
background: linear-gradient(90deg, #FF6B6B 0%, #FF8E8E 100%);
}
.page-id-24347 #phyto-iroha .bar-fill.mineral {
background: linear-gradient(90deg, #4ECDC4 0%, #6FE7DC 100%);
}
.page-id-24347 #phyto-iroha .bar-fill.phyto {
background: linear-gradient(90deg, #9B59B6 0%, #BB7CD7 100%);
}
.page-id-24347 #phyto-iroha .bar-value {
color: #fff;
font-weight: 800;
font-size: 15px;
text-shadow: 0 1px 3px rgba(0,0,0,0.4);
} .info-box {
background: #FFF9C4;
border: 2px dashed #FBC02D;
border-radius: 12px;
padding: 25px;
margin-top: 30px;}
.page-id-24347 #phyto-iroha .info-title {
font-size: 16px;
color: #F57C00;
margin-bottom: 15px;
font-weight: 600;
}
.page-id-24347 #phyto-iroha .info-content {
color: #555;
line-height: 1.8;
font-size: 14px;
}
.page-id-24347 #phyto-iroha .info-content ul {
margin: 15px 0;
padding-left: 20px;
}
.page-id-24347 #phyto-iroha .info-content li {
margin: 8px 0;
} .benefits {
display: flex;
gap: 20px;
margin-top: 40px;
flex-wrap: wrap;}
.page-id-24347 #phyto-iroha .benefit-card {
flex: 1;
min-width: 280px;
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border-left: 5px solid #4CAF50;
border-radius: 10px;
padding: 20px;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.page-id-24347 #phyto-iroha .benefit-icon {
font-size: 2em;
margin-bottom: 12px;
}
.page-id-24347 #phyto-iroha .benefit-title {
font-size: 16px;
color: #2E7D32;
margin-bottom: 10px;
font-weight: 600;
}
.page-id-24347 #phyto-iroha .benefit-text {
color: #555;
line-height: 1.6;
font-size: 14px;
} .disclaimer {
background: #FFF3E0;
border: 2px solid #FF9800;
border-radius: 12px;
padding: 25px;
margin-top: 30px;}
.page-id-24347 #phyto-iroha .disclaimer-title {
font-size: 14px;
color: #E65100;
margin-bottom: 10px;
font-weight: 700;
}
.page-id-24347 #phyto-iroha .disclaimer-text {
color: #555;
line-height: 1.6;
font-size: 12px;
} .herbs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin-top: 40px;}
.page-id-24347 #phyto-iroha .herb-card {
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
transition: all 0.3s;
}
.page-id-24347 #phyto-iroha .herb-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.page-id-24347 #phyto-iroha .herb-image {
height: 180px;
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
position: relative;
}
.page-id-24347 #phyto-iroha .herb-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
}
.page-id-24347 #phyto-iroha .herb-overlay {
padding: 15px;
width: 100%;
color: #fff;
position: relative;
z-index: 2;
}
.page-id-24347 #phyto-iroha .herb-badge {
display: inline-flex;
align-items: center;
background: rgba(255,255,255,0.9);
color: #333;
padding: 4px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
}
.page-id-24347 #phyto-iroha .herb-badge-dot {
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 5px;
}
.page-id-24347 #phyto-iroha .herb-name {
font-size: 18px;
font-weight: 700;
margin-bottom: 3px;
}
.page-id-24347 #phyto-iroha .herb-scientific {
font-style: italic;
opacity: 0.9;
font-size: 14px;
}
.page-id-24347 #phyto-iroha .herb-content {
padding: 20px;
}
.page-id-24347 #phyto-iroha .herb-nutrition {
text-align: center;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
padding: 15px;
border-radius: 10px;
margin-bottom: 15px;
}
.page-id-24347 #phyto-iroha .herb-number {
font-size: 32px;
font-weight: 700;
color: #333;
display: block;
}
.page-id-24347 #phyto-iroha .herb-text {
color: #666;
font-size: 12px;
margin-top: 5px;
}
.page-id-24347 #phyto-iroha .herb-desc {
font-size: 14px;
color: #555;
line-height: 1.5;
} .specs-container {
display: flex;
gap: 30px;
align-items: center;
margin-top: 40px;
flex-wrap: wrap;}
.page-id-24347 #phyto-iroha .specs-image,
.page-id-24347 #phyto-iroha .specs-content {
flex: 1;
min-width: 300px;
}
.page-id-24347 #phyto-iroha .specs-image img {
width: 100%;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.page-id-24347 #phyto-iroha .specs-list {
list-style: none;
padding: 0;
}
.page-id-24347 #phyto-iroha .specs-list li {
padding: 10px 0;
border-bottom: 1px solid #ddd;
} .page-id-24347 #phyto-iroha .usage-grid {
display: grid;
gap: 25px;
margin-top: 40px;
} @media (min-width: 769px) {
.page-id-24347 #phyto-iroha .usage-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.page-id-24347 #phyto-iroha .usage-grid {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
.page-id-24347 #phyto-iroha .usage-card {
text-align: center;
}
.page-id-24347 #phyto-iroha .usage-card img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 12px;
margin-bottom: 15px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
} .cta-section {
background: linear-gradient(135deg, #4A90E2 0%, #7FB069 100%);
color: #fff;
text-align: center;}
.page-id-24347 #phyto-iroha .cta-section h2 {
color: #fff;
}
.page-id-24347 #phyto-iroha .cta-section h2::after {
background: #fff;
}
.page-id-24347 #phyto-iroha .form-container {
max-width: 400px;
margin: 30px auto 0;
background: #fff;
padding: 30px 20px;
border-radius: 15px;
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.page-id-24347 #phyto-iroha .form-group {
margin-bottom: 15px;
text-align: left;
}
.page-id-24347 #phyto-iroha .form-group label {
display: block;
margin-bottom: 5px;
color: #333;
font-weight: 600;
font-size: 14px;
}
.page-id-24347 #phyto-iroha .form-group input {
width: 100%;
padding: 10px;
border: 2px solid #e0e0e0;
border-radius: 6px;
font-size: 14px;
transition: all 0.3s;
}
.page-id-24347 #phyto-iroha .form-group input:focus {
outline: none;
border-color: #667eea;
box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
}
.page-id-24347 #phyto-iroha .submit-btn {
width: 100%;
padding: 12px;
background: linear-gradient(90deg, #4AE89A 0%, #3B82F6 100%);
color: #fff;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
}
.page-id-24347 #phyto-iroha .submit-btn:hover {
transform: scale(1.02);
box-shadow: 0 8px 20px rgba(74,232,154,0.3);
} .footer {
background: #1a1a1a;
color: #fff;
padding: 15px 20px; text-align: center;}
.page-id-24347 #phyto-iroha .footer-links {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.page-id-24347 #phyto-iroha .footer-links a {
color: #fff;
text-decoration: none;
opacity: 0.8;
font-size: 14px;
transition: opacity 0.3s;
}
.page-id-24347 #phyto-iroha .footer-links a:hover {
opacity: 1;
}  @media (max-width: 992px) {
.page-id-24347 #phyto-iroha .comparison-table td {
display: block;
width: 100%;
padding: 10px 0;
}
} @media (max-width: 768px) {
.page-id-24347 #phyto-iroha .countdown-banner {
padding: 8px 15px;
}
.page-id-24347 #phyto-iroha .time-number {
font-size: 16px;
}
.page-id-24347 #phyto-iroha .hero {
min-height: 80vh;
}
.page-id-24347 #phyto-iroha .brand-logo {
font-size: 36px;
}
.page-id-24347 #phyto-iroha .diversity-box {
padding: 30px 20px;
}
.page-id-24347 #phyto-iroha .score-grid {
grid-template-columns: repeat(2, 1fr);
}
.page-id-24347 #phyto-iroha .detail-comparison {
padding: 20px 15px;
}
} @media (max-width: 480px) {
.page-id-24347 #phyto-iroha .hero h1 {
font-size: 32px;
}
.page-id-24347 #phyto-iroha .hero p {
font-size: 14px;
}
.page-id-24347 #phyto-iroha .btn {
padding: 10px 20px;
}
.page-id-24347 #phyto-iroha .comparison-cards {
gap: 10px;
}
.page-id-24347 #phyto-iroha .score-grid {
grid-template-columns: 1fr;
}
.page-id-24347 #phyto-iroha .benefits {
flex-direction: column;
}
}  #phyto-iroha {
display: flow-root; margin-top: 0; }
#phyto-iroha > *:first-child {
margin-top: 0 !important; } #phyto-iroha p:empty { display: none; margin: 0 !important; } #phyto-iroha .diversity-section .score-section {
max-width: 980px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#phyto-iroha .diversity-section .score-section > h3,
#phyto-iroha .diversity-section .score-section > p {
display: block; float: none; margin-left: auto;
margin-right: auto;
} #phyto-iroha .score-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); align-items: stretch;
}
#phyto-iroha .score-item {
text-align: center;
background: #fff;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,.08);
padding: 14px;
} #phyto-iroha .comparison-cards {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
} #phyto-iroha section,
#phyto-iroha .diversity-box {
margin-top: 0;
} @supports (padding: max(0px)) {
#phyto-iroha { 
padding-top: max(0px, env(safe-area-inset-top));
padding-bottom: max(0px, env(safe-area-inset-bottom));
}
}