#wce .lead{margin:0 0 18px;line-height:1.8;}
#wce .smallNote{font-size:.85rem;color:#666;margin:10px 0 0;}
#wce .row{margin-top:8px;}
#wce .text{width:100%;max-width:720px;padding:10px 12px;border-radius:12px;border:1px solid #DDD;background:#FFF;color:#111;}

#wce .progressWrap{display:flex;align-items:center;gap:12px;margin:10px 0 18px;}
#wce .progressBar{flex:1;height:10px;border-radius:999px;background:#EEE;overflow:hidden;}
#wce .progressBar span{display:block;height:100%;width:0%;background:#111;}
#wce .progressText{font-size:.9rem;color:#333;min-width:70px;text-align:right;}

#wce .qWrap{margin-top:10px;}
#wce .qBlock{padding:14px 0;border-top:1px solid #EEE;}
#wce .qBlock:first-child{border-top:none;}
#wce .qTitle{font-size:1.05rem;margin:0 0 10px;line-height:1.6;}

#wce .qChoices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 12px;}
#wce .qChoices.multi{grid-template-columns:repeat(3,1fr);}
#wce .qChoices.preset{grid-template-columns:repeat(2,1fr);}

#wce .qChoices li{border:1px solid #EEE;border-radius:12px;padding:10px 12px;background:#FFF;}
#wce .qChoices label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;line-height:1.5;}
#wce .qChoices input{margin-top:3px;}

#wce .actions{display:flex;gap:10px;margin-top:16px;}
#wce .btn.sub{background:#FFF;border:1px solid #DDD;color:#111;}

#wce .resultHead{margin-top:10px;}
#wce .resultTitle{margin:0;font-size:1.05rem;}

#wce .resultTop{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;margin:18px 0 22px;}
#wce .resultCard{background:#FFF;border:1px solid #EEE;border-radius:16px;padding:16px;}
#wce .resultCard.primary{border:2px solid #111;}
#wce .resultCard .tag{display:inline-block;font-size:.8rem;background:#111;color:#FFF;border-radius:999px;padding:4px 10px;margin-bottom:10px;}
#wce .resultCard.secondary .tag{background:#666;}
#wce .resultCard .price{font-size:1.7rem;font-weight:800;margin:0 0 8px;}
#wce .resultCard .desc{margin:0;color:#333;line-height:1.7;}

#wce .shareRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
#wce #wceShareUrl{flex:1;min-width:240px;padding:10px 12px;border-radius:12px;border:1px solid #DDD;background:#FFF;color:#111;}

#wce .bullet{margin:0;padding-left:1.2em;line-height:1.9;}
#wce .checkList{margin:0;padding-left:1.2em;line-height:1.9;}

#wce .twoCol{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
#wce .mini{margin:0 0 8px;font-size:1rem;}

#wce .breakdown .bdTable{border:1px solid #EEE;border-radius:14px;overflow:hidden;background:#FFF;}
#wce .breakdown .bdRow{display:grid;grid-template-columns:1fr 160px;gap:10px;padding:10px 12px;border-top:1px solid #EEE;}
#wce .breakdown .bdRow:first-child{border-top:none;}
#wce .breakdown .bdHead{background:#F7F7F7;font-weight:700;}

#wce .faqList{margin:10px 0 20px;}
#wce .faq{padding:14px 0;border-top:1px solid #EEE;}
#wce .faq:last-child{border-bottom:1px solid #EEE;}
#wce .faq .question{margin:0 0 8px;font-size:1rem;line-height:1.6;}
#wce .faq .answer{font-size:.95rem;line-height:1.8;}
#wce .faq .answer p{margin:0;}
#wce .disclaimer{margin-top:14px;font-size:.85rem;color:#666;line-height:1.7;}

@media screen and (max-width:900px){
  #wce .qChoices.multi{grid-template-columns:repeat(2,1fr);}
  #wce .twoCol{grid-template-columns:repeat(1,1fr);}
  #wce .qChoices.preset{grid-template-columns:repeat(1,1fr);}
}
@media screen and (max-width:600px){
  #wce .qChoices{grid-template-columns:repeat(1,1fr);}
  #wce .resultTop{grid-template-columns:repeat(1,1fr);}
  #wce .actions{flex-direction:column;}
  #wce .shareRow{flex-direction:column;align-items:stretch;}
  #wce .breakdown .bdRow{grid-template-columns:1fr 120px;}
}

/* --- 3プラン表示 --- */
#wce .plansGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 10px;}
#wce .planBox{background:#FFF;border:1px solid #EEE;border-radius:16px;padding:14px;}
#wce .planBox.standard{border:2px solid #111;}
#wce .planHead{margin-bottom:10px;}
#wce .planName{margin:0;font-size:1.05rem;line-height:1.4;}
#wce .planNote{margin:4px 0 0;font-size:.85rem;color:#666;line-height:1.6;}
#wce .planRows{display:grid;gap:10px;margin-top:10px;}
#wce .planRow{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding-top:8px;border-top:1px solid #EEE;}
#wce .planRow:first-child{border-top:none;padding-top:0;}
#wce .planRow .label{font-size:.9rem;color:#333;white-space:nowrap;}
#wce .planRow .value{font-size:1.15rem;font-weight:800;letter-spacing:.02em;}
#wce .planDesc{margin:6px 0 18px;}
#wce .planDesc .desc{margin:0;color:#333;line-height:1.7;}
#wce .planDesc .desc + .desc{margin-top:6px;}

/* --- 印刷・コピー --- */
#wce .printRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
#wce .copyText{width:100%;max-width:100%;min-height:180px;padding:10px 12px;border-radius:12px;border:1px solid #DDD;background:#FFF;color:#111;line-height:1.6;}

/* --- 印刷時：結果だけ --- */
@media print{
  /* 入力エリア（最初のoptions）とFAQを非表示 */
  #wceForm > .options[data-ttl="制作費用概算診断"]{display:none !important;}
  #wceForm > .textContent{display:none !important;}
  #wce + .options, #wce + .options + .options {display:none !important;}

  /* 結果を強制表示 */
  #wceResults{display:block !important;}

  /* 印刷時に不要なUIは隠す */
  #wceResults a.btn{display:none !important;}
  #wceResults .options[data-ttl^="共有リンク"]{display:none !important;}
  #wceResults .options[data-ttl^="印刷・コピー"]{display:none !important;}

  /* 余白最適化 */
  #wce{margin:0 !important;}
  #wceResults h2{margin-top:0 !important;}
}

@media screen and (max-width:900px){
  #wce .plansGrid{grid-template-columns:repeat(1,1fr);}
  #wce .planRow .value{font-size:1.1rem;}
}