/* 商品一覧ページ専用スタイル */

/* ========================================
   第三階層（商品一覧）共通
   ======================================== */

#product-list .product-detail-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:40px;align-items:start;}
#product-list .product-detail-image{width:100%;display:flex;flex-direction:column;gap:30px;}
#product-list .product-detail-image img{width:100%;height:auto;border-radius:12px;}
#product-list .product-detail-text h3{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-size:24px;font-weight:700;color:var(--base);margin-top:30px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--yellow);}
#product-list .product-detail-text h3::before{content:'●';color:#7a3a00;margin-right:8px;}
#product-list .product-detail-text h3:first-child{margin-top:0;}
#product-list .product-detail-text ul{list-style:none;padding-left:0;margin-bottom:24px;}
#product-list .product-detail-text li:last-child{border-bottom:none;}
/*.product-detail-text li::before{content:'▶';position:absolute;left:0;color:var(--yellow);}*/
#product-list .product-detail-text p{font-size:16px;line-height:1.9;color:var(--base);margin-bottom:10px;}

/* 実績セクション */
#product-list .product-achievement-section{padding: 0 50px; background:#ffd600; border-radius: 0;}
#product-list .product-achievement-section .inner{max-width: 1000px;margin:0 auto;background:#fff;padding:40px;border-radius:12px;}
#product-list .product-achievement-section h3{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-size:24px;font-weight:700;color:var(--base);margin-bottom:30px;padding-bottom:12px;border-bottom:2px solid var(--yellow);margin-top:0;}
#product-list .product-achievement-section .achievement-subtitle{text-align:center;font-size:15px;color:var(--base);margin-bottom:10px;font-weight:500;}
#product-list .product-achievement-section .feature-lead{text-align:center;font-size:15px;color:var(--base);line-height:1.8;margin-bottom:30px;}
#product-list .achievement-content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
#product-list .achievement-item{padding:20px;background:var(--light-yellow);border-radius:8px;}
#product-list .achievement-item h4{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-size:17px;font-weight:700;color:var(--base);margin-bottom:8px;margin-top:0;}
#product-list .achievement-item p{font-size:15px;line-height:1.7;color:var(--base);margin:0;}

/* お問い合わせボタン */
#product-list .product-contact-btn-wrapper{padding:40px 0;text-align:center;background:#ffd600;}
#product-list .product-contact-btn{display:inline-block;background:var(--base);color:#fff;padding:16px 48px;font-size:16px;font-weight:700;border-radius:50px;text-decoration:none;transition:background 0.3s ease;font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;}
#product-list .product-contact-btn::before,
#product-list .product-contact-btn::after{display:none;}
#product-list .product-contact-btn:hover{background:var(--deep-red);}



#product-list.second-layer .section-head h2{margin-bottom:0;}
#product-list.second-layer .section-head .en-label {margin-bottom: 0;}
#product-list.second-layer .section-head {margin-bottom: 0; padding-bottom: 40px;}


/* 商品画像 */
#product-list .product-image{max-width:1000px;margin:0 auto;padding:0 50px;}
#product-list .product-image img{width:100%;aspect-ratio:2.427/1;object-fit:cover;object-position:center 80%;display:block;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);}
#product-list .product-detail-text li{padding:12px 0;padding-left:24px;position:relative;border-bottom:none;background-image:radial-gradient(circle,#fffef5 2px,transparent 2px);background-size:10px 4px;background-repeat:repeat-x;background-position:bottom;padding-bottom:14px;}

/* スライドショー */
#product-list .product-slideshow{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);padding: 0;background:var(--yellow);margin-top:40px;}
#product-list .product-slideshow-track{display:flex;gap:35px;width:max-content;animation:slideshow 45s linear infinite;}
#product-list .product-slideshow-track img{height:280px;aspect-ratio:1.618/1;object-fit:cover;display:block;flex-shrink:0;border-radius:10px;}
@keyframes slideshow{0%{transform:translateX(0);}100%{transform:translateX(calc(-50% - 17.5px));}}


@media (max-width: 1023px) {
  #product-list .product-detail-text ul{padding-left:0;}
  #product-list .product-detail-text li {padding: 12px 10px;}
}

@media (max-width: 885px) {
  #product-list .product-detail-content{grid-template-columns:1fr;gap:30px;}
  #product-list .product-detail-image{flex-direction:row;max-width:100%;margin:0 auto;}
  #product-list .product-detail-image img{flex:1;min-width:0;width:auto;}
  #product-list .product-detail-text h3{font-size:20px;margin-top:24px;}
  #product-list .product-detail-text p{font-size:15px;}
}

@media (max-width: 767px) {
 #product-list.second-layer .second-page > .second-section:first-of-type {padding:0 16px 50px;}
 #product-list.second-layer .second-section-inner{padding:0;}
 #product-list.second-layer .section-head {margin-bottom: 0;}
  #product-list .product-slideshow-track img{height:180px;}
  #product-list .product-image{padding:0;}
  #product-list .product-achievement-section{padding:0 2.5%;}
  #product-list .product-achievement-section .inner{padding:24px 20px 30px;}
  #product-list .product-achievement-section .achievement-title{text-align:center;font-size:20px;margin-bottom:8px;}
  #product-list .product-achievement-section .achievement-subtitle{text-align:center;font-size:13px;color:var(--base);margin-bottom:16px;font-weight:500;}
  #product-list .product-achievement-section .feature-lead{font-size:15px;}
  #product-list .product-achievement-section h3{font-size:20px;}
  #product-list .achievement-content{grid-template-columns:1fr;gap:20px;}
  #product-list .achievement-item{padding:16px;}
  #product-list .achievement-item h4{font-size:16px;}
  #product-list .achievement-item p{font-size:14px;}
  #product-list .product-contact-btn{padding:14px 36px;font-size:15px;}
  #product-list .product-detail-text h3 {margin-bottom: 0;}
}

@media (max-width: 600px) {
 #product-list .product-detail-image{width:100%;gap:20px;}
}