html{scroll-behavior:smooth;}
.tdc-skin *{box-sizing:border-box;}
.tdc-skin{background:#fff;color:#2e3338;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased;}
.tdc-skin a{color:inherit;}
/* KV */
.tdc-skin .kv-wrap{max-width:1120px;margin:0 auto;padding:0 24px 8px;}
.tdc-skin .kv-img{position:relative;aspect-ratio:2/1;overflow:hidden;background:repeating-linear-gradient(135deg,#f6efed,#f6efed 12px,#f0e2de 12px,#f0e2de 24px);}
.tdc-skin .kv-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.tdc-skin .kv-text{max-width:1120px;margin:0 auto;padding:22px 24px 8px;}
.tdc-skin .kv-eyebrow{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:400;letter-spacing:.26em;color:#2e3338;margin-bottom:14px;}
.tdc-skin .kv-h1{font-size:25px;font-weight:500;letter-spacing:.04em;line-height:1.55;margin:0;color:#2e3338;}
.tdc-skin .kv-lead{font-size:14.5px;font-weight:300;color:#4f575c;margin:16px 0 0;max-width:680px;}
@media(max-width:760px){
  .tdc-skin .kv-wrap{padding:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
  .tdc-skin .kv-text{padding:22px 20px 4px;}
  .tdc-skin .kv-h1{font-size:clamp(16px,4.6vw,22px);letter-spacing:.02em;}
}
/* NAV */
.tdc-skin .tdc-nav{border-top:1px solid #e7e9e8;border-bottom:1px solid #e7e9e8;margin-top:10px;}
.tdc-skin .navrow{display:grid;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:0 auto;position:relative;}
.tdc-skin .navtab{border-right:1px solid #e7e9e8;}
.tdc-skin .navtab:last-child{border-right:none;}
.tdc-skin .navtab>summary{list-style:none;cursor:pointer;text-align:center;padding:24px 12px;transition:background .2s;}
.tdc-skin .navtab>summary::-webkit-details-marker{display:none;}
.tdc-skin .navtab[open]>summary,.tdc-skin .navtab>summary:hover{background:#faf6f5;}
.tdc-skin .navtab-en{font-family:'Cormorant Garamond',serif;font-size:15px;letter-spacing:.2em;color:#2e3338;}
.tdc-skin .navtab-jp{font-size:11px;color:#9aa2a6;margin-top:6px;letter-spacing:.06em;}
.tdc-skin .navtab-caret{font-size:9px;color:#c9b3ad;margin-top:7px;transition:transform .2s;}
.tdc-skin .navtab[open] .navtab-caret{transform:rotate(180deg);}
.tdc-skin .navtab-panel{position:absolute;top:100%;left:-1px;right:-1px;background:#fff;border:1px solid #e7e9e8;border-top:none;box-shadow:0 14px 26px rgba(0,0,0,.07);z-index:30;display:flex;flex-direction:column;}
.tdc-skin .navtab-panel a{text-decoration:none;padding:13px 18px;font-size:13px;color:#3a3f44;border-top:1px solid #f0f2f1;text-align:center;transition:background .15s;}
.tdc-skin .navtab-panel a:first-child{border-top:none;}
.tdc-skin .navtab-panel a:hover{background:#faf6f5;color:#9c665d;}
@media(max-width:600px){
  .tdc-skin .navtab>summary{padding:16px 4px;}
  .tdc-skin .navtab-en{font-size:11px;letter-spacing:.08em;}
  .tdc-skin .navtab-jp{font-size:9.5px;margin-top:4px;}
  .tdc-skin .navtab-caret{margin-top:5px;}
  .tdc-skin .navtab-panel a{font-size:11px;padding:11px 6px;}
}
/* MAIN */
.tdc-skin .tdc-main{max-width:1120px;margin:0 auto;padding:40px 24px 60px;}
/* GUIDE */
.tdc-skin .tdc-guide-head{margin-bottom:16px;}
.tdc-skin .tdc-guide-en{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:400;letter-spacing:.26em;color:#2e3338;margin-bottom:6px;}
.tdc-skin .tdc-guide-head h2{font-size:24px;font-weight:500;letter-spacing:.08em;margin:0;color:#2e3338;}
.tdc-skin .tdc-guide-card{background:#fff;border:1px solid #eceeed;overflow:hidden;}
.tdc-skin .cg-acc{border-top:1px solid #f0f2f1;}
.tdc-skin .cg-acc:first-child{border-top:none;}
.tdc-skin .cg-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;font-size:14.5px;font-weight:500;color:#2e3338;letter-spacing:.02em;}
.tdc-skin .cg-acc summary::-webkit-details-marker{display:none;}
.tdc-skin .cg-acc .om-plus{font-family:'Cormorant Garamond',serif;color:#c38278;font-size:19px;line-height:1;display:inline-block;transition:transform .2s ease;}
.tdc-skin .cg-acc[open] .om-plus{transform:rotate(45deg);}
.tdc-skin .cg-recs{padding:0 24px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.tdc-skin .cg-rec{text-decoration:none;font-size:12.5px;font-weight:500;color:#fff;border:1px solid #c38278;background:#c38278;padding:7px 16px;border-radius:999px;transition:background .2s,border-color .2s;}
.tdc-skin .cg-rec:hover{background:#a86a60;border-color:#a86a60;}
/* CAT */
.tdc-skin .tdc-cat{padding:64px 0 8px;scroll-margin-top:90px;}
.tdc-skin .tdc-cat-head{border-bottom:1px solid #ecd6d1;padding-bottom:18px;margin-bottom:8px;}
.tdc-skin .tdc-cat-en{font-family:'Cormorant Garamond',serif;font-size:12px;font-weight:400;letter-spacing:.28em;color:#2e3338;margin-bottom:7px;}
.tdc-skin .tdc-cat-jp{font-size:24px;font-weight:500;letter-spacing:.08em;margin:0;}
.tdc-skin .tdc-cat-lead{font-size:13.5px;font-weight:300;color:#6c747a;margin:10px 0 0;}
/* CARD */
.tdc-skin .tdc-card{background:#fff;overflow:hidden;margin-top:26px;scroll-margin-top:90px;}
.tdc-skin .tdc-photo{position:relative;aspect-ratio:3/2;background:repeating-linear-gradient(135deg,#eeeef0,#eeeef0 11px,#e4e4e7 11px,#e4e4e7 22px);}
.tdc-skin .tdc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.tdc-skin .tdc-card-body{padding:28px 0 36px;}
.tdc-skin .tdc-name{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin-bottom:14px;}
.tdc-skin .tdc-name h3{font-size:21px;font-weight:500;letter-spacing:.03em;margin:0;}
.tdc-skin .tdc-name .en{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:.18em;color:#2e3338;}
.tdc-skin .tdc-catch{font-size:15px;font-weight:500;color:#9c665d;margin:0 0 12px;letter-spacing:.02em;}
.tdc-skin .tdc-desc{font-size:14px;font-weight:300;color:#4f575c;margin:0 0 20px;}
.tdc-skin .tdc-effect{border:1px solid #e7e9e8;padding:16px 20px;margin-bottom:24px;}
.tdc-skin .tdc-effect-title{font-size:11px;font-weight:700;letter-spacing:.14em;color:#c38278;margin-bottom:11px;}
.tdc-skin .tdc-effect-list{display:flex;flex-wrap:wrap;gap:10px 22px;}
.tdc-skin .tdc-eff{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#3a3f44;}
.tdc-skin .tdc-check{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#c38278;color:#fff;font-size:10px;flex-shrink:0;}
.tdc-skin .tdc-menu{background:#f7f7f9;border:1px solid #e9e9ec;padding:18px 22px;margin-bottom:24px;}
.tdc-skin .tdc-menu-title{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:#2e3338;margin-bottom:12px;}
.tdc-skin .tdc-menu-list{display:grid;gap:10px;}
.tdc-skin .tm-row{display:flex;gap:10px;align-items:baseline;}
.tdc-skin .tm-name{flex-shrink:0;font-size:13px;font-weight:500;color:#9c665d;min-width:max-content;}
.tdc-skin .tm-note{font-size:12.5px;font-weight:300;color:#5c6468;}
@media(max-width:600px){.tdc-skin .tm-row{flex-direction:column;gap:3px;}.tdc-skin .tm-name{font-size:13.5px;}}
.tdc-skin .tdc-price{margin-bottom:24px;}
.tdc-skin .tdc-price-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#c38278;margin-bottom:10px;}
.tdc-skin .tdc-price-scroll{overflow-x:auto;border:1px solid #eceeed;}
.tdc-skin .tdc-price-table{width:100%;border-collapse:collapse;font-size:13px;min-width:440px;}
.tdc-skin .tdc-price-table th{text-align:left;padding:11px 14px;background:#f7f7f9;color:#5c6468;font-weight:700;border-bottom:1px solid #eceeed;white-space:nowrap;}
.tdc-skin .tdc-price-table td{padding:11px 14px;border-top:1px solid #f0f2f1;color:#4f575c;}
.tdc-skin .tdc-price-note{font-size:11.5px;font-weight:300;color:#9aa2a6;margin:8px 0 0;}
.tdc-skin .tdc-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eceeed;border:1px solid #eceeed;overflow:hidden;margin-bottom:18px;}
.tdc-skin .tdc-quick-cell{background:#fafbfb;padding:13px 15px;}
.tdc-skin .tdc-quick-cell .k{font-size:10.5px;color:#8a9296;margin-bottom:3px;}
.tdc-skin .tdc-quick-cell .v{font-size:13px;font-weight:500;}
@media(max-width:600px){.tdc-skin .tdc-quick{grid-template-columns:repeat(2,1fr);}}
.tdc-skin .tdc-details{border:1px solid #eceeed;overflow:hidden;}
.tdc-skin .tdc-details summary{cursor:pointer;list-style:none;padding:13px 18px;font-size:12.5px;font-weight:500;letter-spacing:.04em;color:#5c6468;background:#fafbfb;display:flex;justify-content:space-between;align-items:center;}
.tdc-skin .tdc-details summary::-webkit-details-marker{display:none;}
.tdc-skin .om-plus2{font-family:'Cormorant Garamond',serif;color:#dcb3ac;display:inline-block;transition:transform .2s ease;}
.tdc-skin .tdc-details[open] .om-plus2{transform:rotate(45deg);}
.tdc-skin .tdc-detail-row{display:grid;grid-template-columns:120px 1fr;border-top:1px solid #f3e3e0;font-size:13px;}
.tdc-skin .tdc-detail-row .k{font-weight:500;color:#5c6468;background:#f7f7f9;padding:12px 16px;}
.tdc-skin .tdc-detail-row .v{font-weight:300;color:#4f575c;padding:12px 18px;}
.tdc-skin .tdc-kinki{position:relative;margin-bottom:2px;}
.tdc-skin .tdc-kinki .bl{position:absolute;left:0;color:#dcb3ac;}
@media(max-width:600px){.tdc-skin .tdc-detail-row{grid-template-columns:96px 1fr;}}
.tdc-skin .tdc-note{font-size:12.5px;font-weight:300;color:#6c747a;margin:16px 0 0;padding-left:14px;position:relative;}
.tdc-skin .tdc-note:before{content:'※';position:absolute;left:0;}
/* COMPARE */
.tdc-skin .tdc-compare{margin-top:40px;}
.tdc-skin .tdc-compare h3{font-size:17px;font-weight:700;letter-spacing:.06em;margin:0 0 14px;color:#2e3338;}
.tdc-skin .tdc-compare-scroll{overflow-x:auto;border:1px solid #eceeed;}
.tdc-skin .tdc-compare-table{width:100%;border-collapse:collapse;min-width:680px;font-size:13px;}
.tdc-skin .tdc-compare-table th{text-align:left;padding:14px 18px;background:#c38278;color:#fff;font-weight:700;letter-spacing:.04em;white-space:nowrap;}
.tdc-skin .tdc-compare-table .grp{text-align:center;padding:10px 18px;background:#faf3f1;color:#a86a60;font-size:12px;font-weight:700;letter-spacing:.12em;}
.tdc-skin .tdc-compare-table td{padding:13px 18px;border-top:1px solid #f0f2f1;color:#4f575c;white-space:nowrap;}
.tdc-skin .tdc-compare-table .rk{color:#3a3f44;}
.tdc-skin .tdc-compare-note{font-size:11.5px;font-weight:300;color:#9aa2a6;margin:10px 0 0;}
.tdc-skin .tdc-tax{font-size:12px;font-weight:300;color:#9aa2a6;margin:40px 0 0;line-height:1.9;}
