/*---------------------------------------------------
	ハンディキャップ換算欄
--------------------------------------------------- */
/*.input-card, #result {  }*/
.input-card, .input-card *, #result, #result * { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

.input-card { line-height:1.6em; }

.field { text-align:center; border:2px #ccc solid; padding:1em; }
.field label { display:block; margin-bottom:0.3em; font-size:140%; }
.field input { padding:0.3em 1em; margin-bottom:0.5em; font-size:180%; border:2px #999 solid; width:4em; }
.field input::placeholder { color:#ddd; }
.hint { font-size:90%; margin-bottom:1em; }
/*.formula-note {  }*/

table.hdcp_tbl { width:100%; border-collapse:collapse; font-size:90%; }
table.hdcp_tbl tr.tbl_male th { background:#cce1f0; }
table.hdcp_tbl tr.tbl_female th { background:#fee8e8; }
table.hdcp_tbl th, table.hdcp_tbl td { border-collapse:collapse; border:1px #ccc solid; padding:0.3em 0.6em 0.2em; line-height:1.2em; text-align:center; color:#000; }

.error-msg { color:#f00; }
.error-msg, button#csvBtn { display:none; }
.error-msg.show, button#csvBtn.show { display: block; }

button#calcBtn, button#csvBtn { background:#2f2977; color:#fff; font-size:130%; padding:0.5em 1em 0.3em; border-radius:6px; cursor:pointer; border:none; }
button#calcBtn:hover, button#csvBtn:hover { background:#d56f3c; }
.csv-wrap { margin-top:2em; }
button#csvBtn, button#csvBtn.show { margin-left:auto; margin-right:auto; padding:0.3em 1em 0.3em; font-size:100%; }

#result { background:rgb(188, 188, 233); padding:1em; }
.label01, .label02 { color:#fff; }
.label01 { background:#2f2977; padding:0.4em 1em 0.3em; font-size:140%;margin-bottom:0.5em; font-weight:bold; }
.label02 { background:#6f67c3; padding:0.3em 0.8em 0.2em; font-size:120%;margin-bottom:0; }
.hcp-display .value { font-weight:bold; font-size:180%; margin-bottom:1em; }
.hcp-display .value, .phcp#m_front, .phcp#m_regular, .phcp#m_back, .phcp#f_front, .phcp#f_regular, .phcp#f_back { font-size:180%; font-weight:bold; padding:0.6em 0.5em 0.4em; background:#fff; }