:root{
  --accent-light:#d9c7a9; --accent-dark:#cbb58e;
  --accent-line:#cbb58e;  --button:#bfa889; --button-h:#a88b6f;
}
#simu{font-family:serif;padding:20px;background:#f9f7f4;color:#333}
#simu h2{color:var(--accent-dark);font-size:24px;margin-bottom:20px; line-height: 30px;}
#simu h3{
  position:relative;background:linear-gradient(90deg,var(--accent-light),var(--accent-dark));
  color:#fff;padding:10px 16px;font-size:18px;border-radius:4px 4px 0 0;
  margin:25px 0 10px;font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,.25);
}
#simu h3::before,#simu h3::after{content:"";position:absolute;bottom:-10px;border:10px solid transparent;border-top-color:var(--accent-dark)}
#simu h3::before{left:0}#simu h3::after{right:0}
.course-box{border:1px solid var(--accent-line);border-radius:8px;padding:12px 16px;margin-bottom:25px;background:#fffdf9}
.inline-label,.option-item{display:flex;align-items:center;margin-bottom:6px}
.inline-label span{width:160px;color:#333}

/* ▼ 全セレクトは幅を自動に（長い文言が切れないように） */
#simu select{
  /* width:60px; ←固定幅をやめる */
  padding:4px;border:1px solid #d4c7b7;color:#444;border-radius:4px;background:#fff;
}
/* ▼ 数量セレクトだけコンパクトに */
#simu select.qty{ width:60px; }

/* 指名セレクトは自動幅＋最低幅を確保（全文見えるように） */
#shimei{ width:auto; min-width:22em; }

.option-item input{margin-right:8px}
#simu button{background:var(--button);color:#fff;padding:8px 20px;border:none;font-size:16px;cursor:pointer;margin-top:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12)}
#simu button:hover{background:var(--button-h)}
#total{font-size:26px;color:var(--accent-dark);margin-top:20px}
#breakdown{font-size:16px;color:#333;margin-top:10px;line-height:1.5}
.note{font-size:13px;color:#777;margin:8px 0}

/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 750px) {
}