/* レスポンシブ用 PC SP共通 CSS */


/*カテゴリー　ドナ・ウィルソン*/
.cm-donna-wrap{width:100%;box-sizing:border-box;background:#fff;padding:56px 14px 60px;}
.cm-donna-inner{max-width:980px;margin:0 auto;box-sizing:border-box;}
.cm-donna-brand{margin:0 0 10px;text-align:center;font-weight:900;font-size:24px;letter-spacing:.06em;line-height:1;color:#111;}
.cm-donna-brand-jp{margin:0 0 10px;text-align:center;font-weight:700;font-size:12px;letter-spacing:.14em;line-height:1.2;color:#111;}
.cm-donna-note{margin:40px 0 10px;text-align:center;font-weight:700;font-size:14px;letter-spacing:.12em;line-height:1.3;color:#444;}
.cm-donna-chevron{width:18px;height:10px;display:block;margin:0 auto 44px;}
.cm-donna-chevron path{stroke:#666;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.cm-donna-group{margin:0 0 22px;text-align:center;font-weight:800;font-size:16px;letter-spacing:.18em;line-height:1;color:#111;}
.cm-donna-section{margin:0 0 54px;}
.cm-donna-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;justify-items:center;}
.cm-donna-card{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:392px;aspect-ratio:392/600;background:#eee;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,background-color .18s ease;}
.cm-donna-cardin{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:9% 10% 9%;}
.cm-donna-img{width:100%;aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;}
.cm-donna-img img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1);transition:transform .18s ease;}
.cm-donna-sep{width:92%;height:5px;margin:9% auto 7%;background:#fff;border-radius:999px;}
.cm-donna-name{margin:0;text-align:center;font-weight:700;font-size:13px;letter-spacing:.04em;line-height:1.45;color:#111;word-break:break-word;}
.cm-donna-space{flex:1 1 auto;}

.cm-donna-intro{max-width:500px;margin:22px auto 60px;}
.cm-donna-intro-img{width:100%;display:block;margin:0 auto;}
.cm-donna-intro-text{margin:14px 0 0;text-align:left;font-weight:500;font-size:13px;letter-spacing:.02em;line-height:1.9;color:#111;}

@media (hover:hover){
  .cm-donna-card:hover{background:#e0e0e0;transform:translateY(-6px);}
  .cm-donna-card:hover .cm-donna-img img{transform:scale(1.04);}
  .cm-donna-card:active{transform:translateY(-2px);}
}
@media (min-width:700px){
  .cm-donna-grid{grid-template-columns:repeat(4,1fr);gap:22px;}
  .cm-donna-brand{font-size:24px;}
  .cm-donna-note{font-size:15px;}
  .cm-donna-chevron{margin:0 auto 50px;}
  .cm-donna-group{font-size:17px;margin:0 0 24px;}
  .cm-donna-section{margin:0 0 60px;}
  .cm-donna-intro{margin:26px auto 60px;}
  .cm-donna-intro-text{font-size:13px;}
}

/* 商品ページ下部用（.cm-donna-product-footer を付けたときだけ有効） */
.cm-donna-product-footer{padding-top:48px;}
.cm-donna-product-footer .cm-donna-footer-divider{width:100%;height:1px;background:#d9d9d9;margin:0 0 34px;}
.cm-donna-product-footer .cm-donna-note{margin:60px 0 10px;}
.cm-donna-product-footer .cm-donna-chevron{margin:0 auto 38px;}
.cm-donna-product-footer .cm-donna-section{margin:0 0 46px;}
.cm-donna-product-footer .cm-donna-brand{margin:10px 0 10px;}
.cm-donna-product-footer .cm-donna-brand-jp{margin:0 0 14px;}
.cm-donna-product-footer .cm-donna-intro{max-width:760px;margin:18px auto 0;display:block;}
.cm-donna-product-footer .cm-donna-intro-img{width:100%;max-width:420px;display:block;margin:0 auto;}
.cm-donna-product-footer .cm-donna-intro-text{margin:14px 0 0;}

@media (min-width:700px){
  .cm-donna-product-footer{padding-top:56px;}
  .cm-donna-product-footer .cm-donna-footer-divider{margin:0 0 40px;}
  .cm-donna-product-footer .cm-donna-chevron{margin:0 auto 44px;}
  .cm-donna-product-footer .cm-donna-section{margin:0 0 52px;}
  .cm-donna-product-footer .cm-donna-intro{max-width:920px;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px;align-items:start;margin:22px auto 0;}
  .cm-donna-product-footer .cm-donna-intro-img{max-width:none;width:100%;margin:0;}
  .cm-donna-product-footer .cm-donna-intro-text{margin:0;font-size:13px;line-height:1.9;}
}