@charset "utf-8";
/* CSS Document */

.simulation_wrap {
	width: auto !important;
	max-width: 580px !important;
	padding: 0 24px 24px 24px !important;
	border-radius: 10px !important;
	border: 1px solid #ccc !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.simulation_wrap table.simulation {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 0 20px 0 !important;
}

.simulation_wrap table.simulation th {
	width: 160px !important;
	padding: 15px 8px !important;
	text-align:left !important;
    vertical-align: middle !important;
}

.simulation_wrap table.simulation td {
	padding: 15px 8px !important;
    vertical-align: middle !important;
}

.simulation_wrap th.simulation, .simulation_wrap td.simulation {
	padding: 10px !important;
	border: 1px solid #ccc !important;
}

.simulation_wrap th.simulation {
	width: 160px !important;
	font-weight: normal !important;
	background-color: #f3eee6 !important;
	text-align:center !important;
}


.simulation_wrap th.simulation_total {
	width: 160px !important;
	font-weight: normal !important;
	background-color: #ef978e !important;
	color: #fff !important;
	text-align:left !important;
    
    vertical-align: middle !important;
}

.simulation_wrap td.simulation {
	background-color: #fff !important;
}


.simulation_wrap input.simulation {
	width: calc(100% - 40px) !important;
	box-sizing: border-box !important;
	padding: 8px !important;
	border: 1px solid #CCC !important;
	margin-right: 8px !important;
	text-align: right !important;
	font-size: 1.6rem !important;
}

.simulation_wrap input.simulation[readonly] {
	cursor: default !important;
	background-color: #eee !important;
}

.simulation_wrap button.simulation {
	display: block !important;
	padding: 0 24px !important;
	margin: 8px auto 0 !important;
	font-size: 1.4rem !important;
	line-height: 2 !important;
	cursor: pointer !important;
}

.simulation_wrap input[type=radio] {
  display: none !important;
}

.simulation_wrap input[type="radio"][disabled]{
display:none;
}

.simulation_wrap .radio {
  box-sizing: border-box !important;
  -webkit-transition: background-color 0.2s linear !important;
  transition: background-color 0.2s linear !important;
  position: relative !important;
  display: inline-block !important;
  margin: 0 20px 8px 0 !important;
  padding: 12px 12px 12px 42px !important;
  border-radius: 8px !important;
  background-color: #f3eee6 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

.simulation_wrap .radio:hover {
  background-color: #fbebe6 !important;
}

.simulation_wrap .radio:hover:after {
  border-color: #f4b4d0 !important;
}

.simulation_wrap .radio:after {
  -webkit-transition: border-color 0.2s linear !important;
  transition: border-color 0.2s linear !important;
  position: absolute !important;
  top: 50% !important;
  left: 15px !important;
  display: block !important;
  margin-top: -10px !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #bbb !important;
  border-radius: 6px !important;
  content: '' !important;
}

.simulation_wrap .radio:before {
  -webkit-transition: opacity 0.2s linear !important;
  transition: opacity 0.2s linear !important;
  position: absolute !important;
  top: 50% !important;
  left: 20px !important;
  display: block !important;
  margin-top: -5px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background-color: #f4b4d0 !important;
  content: '' !important;
  opacity: 0 !important;
}

.simulation_wrap input[type=radio]:checked + .radio:before {
  opacity: 1 !important;
}

.simulation_wrap .simulation_wrap ul.kome {
	margin: 20px 0 0 0 !important;
}

.simulation_wrap .simulation_wrap ul.kome li {
	list-style: none;
	margin:0.5em 0 0.5em -20px !important;
	padding: 0 0 0 20px !important;
	line-height:1.5 !important;
	position:relative !important;
}

.simulation_wrap .simulation_wrap ul.kome li:before {
	content:"※" !important;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}


.btn_4 {
	background: #EEE;
	border: 1px solid #DDD;
	color: #111;
	width: auto;
	padding: 10px 10px;
	margin:10px 0 10px 0;
}

.btn_4:hover {
	opacity: 0.7;
    cursor : pointer;
}