@charset "UTF-8";
/* MyFigure SP */
.sp_view {
	display: none;
}
/* 580 */
@media (max-width: 580px) {
	.sp_view {
		display: block;
	}
	body#page_my_figure_case #undercolumn {
		margin: 0 -8px;
	}
	body#page_my_figure_case #cost_simulation {
		margin: 0 -12px;
	}
	body#page_my_figure_case .simulation_button_space_2 {
		margin: 0 -12px;
	}
	body#page_my_figure_case .simulation-table-2 div.ttl span {
		font-size: 22px;
	}
	body#page_my_figure_case .simulation-table-2 .simulation-table-cell {
		display: block;
		padding: 0 60px;
	}
	body#page_my_figure_case .simulation-table-2 .simulation-table-cell dl {
		margin-bottom: 5px;
	}
	body#page_my_figure_case .simulation-table-2 .simulation-table-cell dt {
		font-size: 16px;
	}
	body#page_my_figure_case .simulation-table-2 .simulation-table-cell span {
		font-size: 16px;
	}
	body#page_my_figure_case .advice_contents {
		padding-top: 0;
		margin-bottom: 10px;
	}
	body#page_my_figure_case .form-ac {
		padding-top: 0;
		margin-bottom: 10px;
	}
	body#page_my_figure_case .form-ac dl {
		margin-bottom: 0;
	}
	/* 個数 */
	body#page_my_figure_case .entry_area .item_count {
		padding-right: 30px;
	}
	body#page_my_figure_case .entry_area .item_count,
	body#page_my_figure_case .entry_area .item_count span,
	body#page_my_figure_case .entry_area .item_count input {
		font-size: 16px;
	}
	body#page_my_figure_case .entry_area .item_count input {
		text-align: center;
		margin-right: 3px;
	}
	body#page_my_figure_case .simulation-form .base-tbl:not(.sp_thumbnail_block) {
		margin-bottom: 8px;
	}
}

/*- サイドカラムシミュレーションに必須。詳細不明 -*/
*, ::after, ::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  wordbreak: break-all;
}
/*- 上記CSSのためヘッダー調整設置 -*/
header * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
/*- 上記CSSのためメニュー調整設置 -*/
.drawer-nav * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.search input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  wordbreak: break-all;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	header {position: relative; z-index: 2000;}
	body {position: relative;}
}
/*------------------------------------------------------
formParts
-------------------------------------------------------*/
form input[type="text"],
form input[type="email"],
form input[type="url"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
  font-size: 13px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  border: #ddd solid 1px;
  border-radius: 3px;
  height: 32px;
}
form input[type="radio"]:hover {
  cursor: pointer;
}
form input[type="radio"] + label:hover {
  cursor: pointer;
}
form input[type="submit"]:hover {
  cursor: pointer;
}
/*- レンジ -*/
input[type="range"] {
  -webkit-appearance:none;
  width: 60%;
  height: 4px;
  background: #b4b4b5;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #00aca0;
  width: 50px;
  height: 20px;
  border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
  cursor: pointer;
}
	/*- IE用ハック -*/
	@media all and (-ms-high-contrast: none){
		input[type="range"] {
		  -webkit-appearance:button;
		  height: auto;
		  background: none !important;
		}
	}
input[type="range"]::-webkit-slider-thumb:hover {
  background: #06cabc;
}
input[type="range"]::-webkit-slider-thumb:active {
  background: #06cabc;
}
.simulation-form .range-val {
  width: 50px;
  background:#fff;
  border: solid 1px #d2d6d7;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.formgroup input[type="range"]{
		width: 70%;
	}
	input[type="range"]::-webkit-slider-thumb {
	  width: 56px;
	  height: 25px;
	}
	input[type="range"]::-webkit-slider-thumb:hover {
	  background: #00aca0;
	}
	input[type="range"]::-webkit-slider-thumb:active {
	  background: #00aca0;
	}
	.simulation-form .range-val {
	  width: 15%;
	  text-align: right;
	  color: #000;
	}
}
/*- ラジオボタンデザイン -*/
.formgroup input[type="radio"]{
	display: none;
}
.formgroup label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding: 10px 0 10px 15px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}
.formgroup label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
	border-radius: 50%;
}
.formgroup input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -6px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-radius: 50%;
	background: #00aca0;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.formgroup label{
		width: 100%;
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
		padding-left: 30px;
		border: solid 1px #888;
		box-sizing: border-box;
		text-align: left;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
	}
	.formgroup label:last-child{
		margin-bottom: 0;
	}
	.formgroup label:before{
		left: 5px;
	}
	.formgroup input[type="radio"]:checked + label:after {
		left: 9px;
	}
}
form select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
  font-size: 13px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  border: #ddd solid 1px;
  border-radius: 3px;
  height: 32px;
}
form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
  font-size: 13px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  border: #ddd solid 1px;
  border-radius: 3px;
}
form button {
  border: none !important;
  background: none !important;
}
form button:hover {
  cursor: pointer;
}

/*------------------------------------------------------
clearFix
-------------------------------------------------------*/
.cf:after {
  content: "";
  display: block;
  clear: both;
}

.cf {
  zoom: 1;
}

/*------------------------------------------------------
Styles
-------------------------------------------------------*/
/*- スマホ -*/
.sp_display_on { display: none !important; }
@media screen and (max-width: 700px) {
	.sp_display_on { display: block !important; }
	span.sp_display_on { display: inline !important; margin-left: 10px; }
	.sp_display_off { display: none !important; }
}
/*- ページ見出し -*/
.page-title-outer {
	margin-bottom: 0;
	padding: 0;
}
.page-title-outer .page-title {
	margin: 0;
	padding: 30px 0;
	position: relative;
	text-align: left;
}
.page-title-outer .page-title h1 {
	font-size: 0;
	line-height: 0;
}
.page-title-outer .page-title h1 span {
	margin: 0 !important;
	padding: 0 !important;
}
.page-title-outer .page-title h1 span img {
	width: 650px;
}
.page-title-outer .page-title em {
	padding-left: 85px;
	font-size: 120%;
}
.page-title-outer .page-title .review_button_space {
	width: 525px;
	position: absolute;
	top: 38px;
	right: 0;
}
.page-title-outer .page-title .review_button_space div {
	width: 48%;
	float: left;
}
.page-title-outer .page-title .review_button_space div:nth-child(2n) {
	float: right;
}
.page-title-outer .page-title .review_button_space div a,
.page-title-outer .page-title .review_button_space div span.reviewOff {
	display: block;
	padding: 8px;
	border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
	background: #ff9541; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9541 0%, #ff9541 50%, #ff7927 51%, #ff7927 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9541 0%,#ff9541 50%,#ff7927 51%,#ff7927 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9541 0%,#ff9541 50%,#ff7927 51%,#ff7927 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9541', endColorstr='#ff7927',GradientType=0 ); /* IE6-9 */
	border-bottom: solid 1px #000;
	transition:0.9s; /* マウスアウトの指定 */
	box-sizing: border-box;
	text-decoration: none;
}
.page-title-outer .page-title .review_button_space div span.reviewOff {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.page-title-outer .page-title .review_button_space div:nth-child(2n) a {
	background: #07e2d2; /* Old browsers */
	background: -moz-linear-gradient(top, #07e2d2 0%, #07e2d2 50%, #06c6b8 51%, #06c6b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #07e2d2 0%,#07e2d2 50%,#06c6b8 51%,#06c6b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #07e2d2 0%,#07e2d2 50%,#06c6b8 51%,#06c6b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07e2d2', endColorstr='#06c6b8',GradientType=0 ); /* IE6-9 */
}
.page-title-outer .page-title .review_button_space div a:hover {
	transition:0.9s; /* マウスオンの指定 */
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.page-title-outer .page-title .review_button_space div.return a {
	width: 30%;
	padding: 23px;
	background: #b9baba; /* Old browsers */
	background: -moz-linear-gradient(top, #b9baba 0%, #b9baba 50%, #a9aaaa 51%, #a9aaaa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b9baba 0%,#b9baba 50%,#a9aaaa 51%,#a9aaaa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b9baba 0%,#b9baba 50%,#a9aaaa 51%,#a9aaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9baba', endColorstr='#a9aaaa',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
.page-title-outer .page-title .review_button_space div.return a img {
	vertical-align: middle;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.page-title-outer {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.page-title-outer .wrap {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.page-title-outer .page-title {
		width: 100% !important;
		height: auto;
		position: static;
		margin: 0;
		padding: 0 10px 15px !important;
		box-sizing: border-box !important;
	}
	.page-title-outer .page-title h1 {
		width: 100%;
		display: block;
		position: static;
		clear: both;
		float: none;
		box-sizing: border-box;
	}
	.page-title-outer .page-title h1 span img {
		width: 100%;
	}
	.page-title-outer .page-title em {
		width: 100%;
		display: block;
		clear: both;
		float: none;
		padding: 10px;
		font-size: 120%;
		text-align: center;
		box-sizing: border-box;
		font-style: normal;
	}
	.page-title-outer .page-title .review_button_space {
		display: block;
		width: 100%;
		clear: both;
		float: none;
		position: static;
		top: 0;
		box-sizing: border-box;
	}
	.page-title-outer .page-title .review_button_space a span,
	.page-title-outer .page-title .review_button_space span.reviewOff span {
		padding: 10px 0 10px 28px;
		background-image: url(../../img/simulation/simulation_switch_015.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 25px auto;
		text-decoration: none;
	}
	.page-title-outer .page-title .review_button_space div:nth-child(2n) a span {
		background-image: url(../../img/simulation/simulation_switch_016.png);
	}
	.page-title-outer .page-title .review_button_space img {
		display: none;
	}
	.page-title-outer .page-title .review_button_space div.return a {
		width: 100%;
		padding: 5px;
	}
	.page-title-outer .page-title .review_button_space div.return a img {
		height: 22px;
		display: inline-block;
	}
}
#undercolumn {
	padding-top: 0;
	margin-bottom: 0;
}
main {
  width: 1200px;
  margin: 0 auto;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	main {
	  width: 100%;
	}
}
.base_buy_entry {
	margin: 20px;
	padding: 8px 8px 8px 36px;
	background-image: url(../../img/simulation/simulation_icon_003.gif);
	background-repeat: no-repeat;
	background-position:left center;
	background-size: 30px auto;
}
.base_buy_entry span {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}
.base_buy_entry span:hover {
	text-decoration: none;
}
/*- メインシミュレーションレンダリングエリア -*/
.simulation-view {
  overflow: hidden;
  *zoom: 1;
  width: 1200px;
  margin-bottom: 46px;
  box-sizing: border-box;
  border: solid 1px #9e9e9f;
  position: relative;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	#simulation-wrap {
		display: none;
	}
}
.simulation-view .simulation-view-left {
  float: left;
  width: 50%;
  box-sizing: border-box;
  position: relative;
    background: #f8f8f8;
}
.simulation-view .simulation-view-right {
  float: right;
  width: 50%;
  box-sizing: border-box;
}
/*- レフトナビ -*/
.simulation-view-left .side-navi {
	width: 135px;
	float: left;
	text-align: left !important;
}
.simulation-view-left .side-navi .ttl {
	padding-left: 15px;
}
/*- フィギュアメニュー -*/
.simulation-view-left input[type="radio"]{
	display: none;
}
/*- その他データ -*/
.simulation-view-left .others-data {
	position: absolute;
	bottom: 5px;
	margin-left: 8px;
	font-size: 70%;
}
.block-b-light-sign em {
	color: #e70012;
}
.simulation-view-left label{
	width: 120px;
	height: 44px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 15px;
	border-radius:0px 3px 3px 0px ;
	-moz-border-radius:0px 3px 3px 0px ;
	-webkit-border-radius:0px 3px 3px 0px ;
	color: #191919;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	background: #fff;
	box-sizing: border-box;
	border-top: solid 1px #363833;
	border-right: solid 1px #363833;
	border-bottom: solid 1px #363833;
}
.simulation-view-left label:before{
	position: absolute;
	content: "";
}
.simulation-view-left input[type="radio"]:checked + label {
	width: 120px;
	height: 44px;
	border-radius:0px 3px 3px 0px ;
	-moz-border-radius:0px 3px 3px 0px ;
	-webkit-border-radius:0px 3px 3px 0px ;
	box-sizing: border-box;
	border-top: solid 1px #00aca0;
	border-right: solid 1px #00aca0;
	border-bottom: solid 1px #00aca0;
	color: #00aca0;
}
/*- ライトナビ -*/
.simulation-view-right .side-navi {
	width: 135px;
	float: right;
}
.simulation-view-right .side-navi .ttl {
	padding-left: 5px;
}
.simulation-view-right .side-navi dl:last-child {
	padding-top: 10px;
}

.simulation-view-right .side-navi dl dd em {
	width: 60px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px;
	background: #dbdcdc;
	box-sizing: border-box;
	font-size: 80%;
}
.simulation-view-right .side-navi dl dd span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px;
	box-sizing: border-box;
	font-size: 80%;
}
.simulation-view-right .side-navi dl dd span:after {
	content: " mm";
}
/*- 共通 -*/
.simulation-view .side-navi .ttl {
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bolder;
	color: #000;
}
.simulation-view .side-navi .ttl em {
	font-size: 270%;
	vertical-align: middle;
}
.simulation-view .box-wrap {
  width: 464px;
  height: 440px;
  position: relative;
}
.simulation-view .box-wrap.left-column {
  float: right;
  border-right: solid 1px #9e9e9f;
}
.simulation-view .box-wrap.right-column {
  float: left;
}
.simulation-view .box {
  border: #ddd solid 2px;
  position: absolute;
  left: 50%;
  bottom: 95px;
}
.simulation-view .box .figure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
}
.simulation-view .box .figure img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
}
.simulation-view .b-light,
.simulation-view .b-light2 {
  display: none;
  box-sizing: content-box;
  background: #585858;
  border-left:2px solid #585858;
  border-right:2px solid #585858;
  position: absolute;
  width:100%;
  height:1.2em;
  left: -2px;
  top: -1.4em;
  text-align:center;
  font-size:10px;
  color:#fff;
  line-height:1.2;
  overflow:hidden;
}
.simulation-view .b-light {
	z-index: 100;
}
.simulation-view .b-box-base {
  background: #585858 ;
  position: absolute;
  left: 50%;
  top: 345px;
  text-align:center;
  font-size:10px;
  color:#fff;
  line-height:1.2;
}
.simulation-view .b-board-base {
  background: #585858 ;
  position: absolute;
  height: 2px;
  left: 50%;
  top: 345px;
  text-align:center;
  font-size:10px;
  color:#555;
  line-height:2;
}
/*- シミュレーションチェンジボタン用 -*/
.change-view-button {
	width: 122px;
	position: absolute;
	top: 23%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left;
	font-size: 0;
	line-height: 0;
	z-index: 9;
}
.change-view-button button {
	width: 122px;
	height: 118px;
	cursor: pointer;
	border: none;
	background: none;
	background-image: url(../../img/simulation/simulation_switch_001.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 122px 118px;
}
.change-view-button button span {
	width: 122px;
	height: 118px;
	display: block;
}
.change-view-button button.mode-3d,
.change-view-button button.mode-2d:hover {
	background-image: url(../../img/simulation/simulation_switch_003.png);
	
}
.change-view-button button.mode-2d:nth-child(2n) {
	background-image: url(../../img/simulation/simulation_switch_002.png);
}
.change-view-button button.mode-3d:nth-child(2n),
.change-view-button button.mode-2d:nth-child(2n):hover {
	background-image: url(../../img/simulation/simulation_switch_004.png);
}
/*- サイドカラムシミュレーションボタン調整 -*/
.simulation-result .change-view-button {
	width: 75px;
	position: absolute;
	top: 20px;
	left: auto;
	right: 20px;
	margin: 0;
}
.simulation-result .change-view-button div div {
	width: 75px;
	height: 19px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 0;
	background-image: none !important;
	background: #fff;
	border: solid 1px #00aca0;
	color: #00aca0;
	border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
	font-size: 0;
	line-height: 0;
}
.simulation-result .change-view-button div span {
	width: 75px;
	height: 19px;
	display: block;
	margin: 0;
	padding: 3px 0 3px 5px;
	line-height: 100%;
	text-align: left;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 11px;
	cursor: pointer;
}
	.simulation-result .change-view-button #change-view-s.mode-3d,
	.simulation-result .change-view-button #change-view-s:hover,
	.simulation-result .change-view-button #change-view-base-s.mode-3d,
	.simulation-result .change-view-button #change-view-base-s:hover {
		background: #00aca0;
		color: #fff;
	}
	.simulation-result .change-view-button .mode-front,
	.simulation-result .change-view-button .mode-side {
		border: solid 1px #3e3a39;
		color: #020100;
	}
	.simulation-result .change-view-button .mode-front-on,
	.simulation-result .change-view-button .mode-front:hover,
	.simulation-result .change-view-button .mode-side-on,
	.simulation-result .change-view-button .mode-side:hover {
		border: solid 1px #595757;
		background: #595757;
		color: #fff;
	}
/*- 3Dシミュレーション用 -*/
.simulation-view .case-3d {
  display: none;
}
.simulation-view .base-3d {
  display: none;
}
.case360wrap {
  width: 464px;
  height: 440px;
  overflow: hidden;
  position: relative;
  z-index: 6;
  display: none;
  background: #000;
}
.case360wrap p {
  width: 100%;
  position: absolute;
  top: 5px;
  left: auto;
  right: auto;
  margin: 0 auto;
  z-index: 7;
  text-align: center;
  font-size: 80%;
  display: none;
}
.case360wrap p:nth-child(2n) {
  top: auto;
  bottom: 5px;
  color: #fff;
}
.simulation-result .case360wrap p {
  width: 100%;
  position: absolute;
  top: 42px;
  left: 38px;
  z-index: 8;
  text-align: left;
  font-size: 75%;
}
.simulation-result .case360wrap p span {
	padding: 3px;
	background: url(../../img/simulation/simulation_bg_001.gif);
}
.case360 {
	position: absolute;
	margin-top: -20px;
}
.base360 {
	position: absolute;
	margin-top: -20px;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.simulation-result .change-view-button {
		width: 100%;
		left: 0;
		right: 0;
	}
	.simulation-result .sp-change-view-button {
		margin: 0 40px;
	}
	.simulation-result .change-view-button div div {
		width: 49%;
		height: auto;
		margin-left: 1%;
		margin-bottom: 6px;
		padding: 0;
		background-image: none !important;
		background: #fff;
		border: solid 1px #00aca0;
		color: #00aca0;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
	}
	.simulation-result .change-view-button button:nth-child(odd) {
		margin-left: 0;
		margin-right: 1%;
	}
	.simulation-result .change-view-button button span {
		width: auto;
		height: 20px;
		margin: 0;
		padding: 5px 0 5px 15px;
		line-height: 100%;
		text-align: left;
		box-sizing: border-box;
		vertical-align: top;
	}
	.simulation-result .change-view-button #change-view-s.mode-3d,
	.simulation-result .change-view-button #change-view-s:hover,
	.simulation-result .change-view-button #change-view-base-s.mode-3d,
	.simulation-result .change-view-button #change-view-base-s:hover {
		background: #00aca0;
		color: #fff;
	}
	.simulation-result .change-view-button button.mode-front,
	.simulation-result .change-view-button button.mode-side {
		border: solid 1px #3e3a39;
		color: #020100;
	}
	.simulation-result .change-view-button button.mode-front-on,
	.simulation-result .change-view-button button.mode-front:hover,
	.simulation-result .change-view-button button.mode-side-on,
	.simulation-result .change-view-button button.mode-side:hover {
		border: solid 1px #595757;
		background: #595757;
		color: #fff;
	}
	.case360wrap {
		width: 100%;
		height: auto !important;
	}
	.simulation-result .case360wrap p {
	  top: 28px;
	  left: 5px;
	}
}
/* サイド2Dシミュレーション調整用 */
.simulation-img .simulation-view {
	width: 378px !important;
	height: 375px !important;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}
.simulation-img .simulation-view .front-2d {
	margin-top: -40px;
	margin-left: -40px;
}
.simulation-img .simulation-view .box-wrap {
  height: 450px;
}
.simulation-img .simulation-view .b-box-base {
  top: 355px;
}
.simulation-img .simulation-view .b-board-base {
  top: 355px;
}
.simulation-img .simulation-view .side-wrap {
	display: none;
}
.simulation-result .simulation-view .ttl {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #363833;
	z-index: 9;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.simulation-img {
		max-width: 90%;
		margin: 0 auto!important;
		padding-top: 12px;
	}
	.simulation-img .simulation-view {
		width: 100% !important;
		height: auto !important;
		margin-bottom: 0;
		padding: 0;
		position: relative;
	}
	.simulation-img .simulation-view .front-2d {
		margin-top: 0;
		margin-left: 0;
	}
	.simulation-img .simulation-view .box-wrap {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.simulation-img .simulation-view .b-box-base {
	  top: auto;
	}
	.simulation-img .simulation-view .b-board-base {
	  top: auto;
	}
}
/*- 3Dシミュレーション調整用 -*/
.simulation-img .simulation-view .case360s {
	margin-top: 0;
}
.simulation-img .simulation-view .base360s {
	margin-top: -40px;
}
/*- サイドシミュレーションナビ -*/
.navi-2d {
	position: absolute;
	right: 5px;
	bottom: 2px;
	color: #363833;
	font-size: 0;
	line-height: 0;
	z-index: 300;
}
.navi-2d dl {
	width: 54px;
	float: left;
	margin-left: 5px;
	margin-bottom: 0;
}
.navi-2d dl dt {
	width: 30%;
	height: auto !important;
	float: left;
	padding: 0 !important;
	text-align: right;
	font-size: xx-small !important;
	line-height: normal !important;
	line-height: 100% !important;
	vertical-align: top !important;
}
.navi-2d dl dd {
	width: 70%;
	height: auto !important;
	float: right;
	padding: 0 !important;
	text-align: right;
	font-size: xx-small !important;
	line-height: normal !important;
	line-height: 100% !important;
	vertical-align: top !important;
}
/*- その他データ -*/
.simulation-result .others-data {
	position: absolute;
	bottom: 2px;
	margin-left: 5px;
	font-size: 70%;
	color: #363833;
	z-index: 300;
}
/* サイド2Dシミュレーション調整用 */
.simulation-form {
  box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
/*- 2D,3Dメニューのstyle調整 -*/
.simulation2d {
    background: #f8f8f8;
}
.simulation2d .simulation-view .simulation-view-right {
    background: #f8f8f8;
}
.simulation3d {
	background: #000;
}
.simulation3d .simulation-view .simulation-view-right {
	background: #000;
}
.simulation3d .simulation-view-right .ttl {
	color: #fff;
}
.simulation3d .simulation-view-right .side-navi dl dt,
.simulation3d .simulation-view-right .side-navi dl dd span {
	color: #fff;
}
.simulation2d .simulation-view {
	background:#f8f8f8;
}
.simulation3d.simulation-result .navi-2d,
.simulation3d.simulation-result .others-data {
	color: #fff;
}
/*- 見出し -*/
.simulation-form .form-ttl {
	font-size: 25px;
	font-weight: bold;
	margin: 0px 0 20px;
	color: #000;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px 12px;
}
/*- スマホ -*/
@media screen and (max-width: 580px) {
	.simulation-form .form-ttl span.step_title {
		width: 100%;
	}
}
/*- フォームテーブル -*/
.simulation-form .base-tbl {
	width: 100%;
	display: table;
	margin-bottom: 4px;
	clear: both;
}
.simulation-form .base-tbl:last-child {
  margin-bottom: 0;
}
.simulation-form .base-tbl dt {
	display: table-cell;
	width: 177px;
	padding: 10px;
	vertical-align: middle;
	background: #e7e7e7;
	color: #363833;
	box-sizing: border-box;
}
.simulation-form .base-tbl dd {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	background: #f6f6f6;
	color: #7e7f7b;
	box-sizing: border-box;
}
.simulation-form .base-tbl dd label {
  margin-right: 20px;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.simulation-form .base-tbl {
		width: 100%;
		display: block;
		*zoom: normal;
	}
	.simulation-form .base-tbl dt {
		width: 100%;
		display: block;
		padding: 5px 5px 5px 15px;
		background: none;
	}
	.simulation-form .base-tbl dd {
		width: 100%;
		display: block;
		padding: 0;
		margin-bottom: 0;
		background: none;
		text-align: center;
	}
	.simulation-form .base-tbl.sp_thumbnail_block,
	.simulation-form .base-tbl.sp_thumbnail {
		width: 100% !important;
		display: flex;
		gap: 0 3%;
		margin-bottom: 25px;
	}
	.simulation-form .base-tbl.sp_thumbnail_block dd {
		width: calc(97% / 2)!important;
		display: block;
		box-sizing: border-box;
	}
	.simulation-form .base-tbl.sp_thumbnail_block dd.sp_display_on div {
		display: block;
		border: solid 1px #c9caca;
		border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */
	}
	.simulation-form .base-tbl.sp_thumbnail_block dd.sp_display_on div img {
		width: 100%;
		border: solid 3px #fff;
		border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */
	}
	.simulation-form .sp_thumbnail span {
		width: 48%;
		display: block;
		margin: 0 auto 10px;
		border: solid 1px #c9caca;
		border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */
	}
	.simulation-form .sp_thumbnail span img {
		width: 100%;
		border: solid 3px #fff;
		border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */
	}
	.simulation-form .gray_block {
		width: 100%;
		padding: 15px 10px;
		background: #f6f6f6;
	}
}
/*- フォームグループ -*/
.simulation-form .formgroup {
	clear: both;
	margin-bottom: 60px;
	padding: 20px;
	border: solid 2px #18a296;
	position: relative;
}
/* 580 */
@media (max-width: 580px) {
	.simulation-form .formgroup {
		padding: 13px;
	}
}
.simulation-form .formgroup:after {
  content: '';
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border: 0px;
  border-bottom: solid 4px #18a296;
  border-right: solid 4px #18a296;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
}
.simulation-form .formgroup01 .formgroup,
.simulation-form .formgroup04 .formgroup {
	border: solid 2px #000;
}
.simulation-form .formgroup01 .formgroup:after {
  border-bottom: solid 4px #000;
  border-right: solid 4px #000;
}
.simulation-form .formgroup03 .formgroup {
	border: solid 2px #ea5f00;
}
.simulation-form .formgroup03 .formgroup:after {
  border-bottom: solid 4px #ea5f00;
  border-right: solid 4px #ea5f00;
}
.simulation-form .formgroup04 .formgroup:last-child:after {
  border-bottom: none;
  border-right: none;
}
.simulation-form .formgroup-sub {
  background: #eee;
  padding: 10px;
}
.simulation-form .formgroup-sub .form-ttl-sub {
  margin-bottom: 10px;
}
.simulation-form .err-msg {
  display: none;
  clear: both;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 4px;
  background: #ffd5d5;
  border-color: #ffd5d5;
  color: #ff0000;
}
.simulation-form .err-msg.alert {
  background: #fffde2;
  border-color: #fff249;
  color: #ad6e00;
}
.simulation-form .box-option {
  display: none;
}
/*- レフトメインカラム -*/
.simulation-form .simulation-form-input {
  width: 775px;
  padding-bottom: 50px;
  box-sizing: border-box;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.simulation-form .simulation-form-input {
		float: none !important;
		width: 100%;
		padding-bottom: 0px;
		border-left: none;
	}
}
/*- サイドシミュレーションボックス -*/
.simulation-form .simulation-result {
  position: relative;
  width: 408px;
  background: #fff;
}
.simulation-form .simulation-result .simulation-result-box {
  background: #000;
  width: 408px;
  padding-top: 15px;
  color: #fff;
  box-sizing: border-box;
  position: sticky;
  top: 85px;
  align-self: flex-start;
}
.simulation-form .simulation-result .simulation-result-box .simulation-img {
  margin: 0 15px 15px;
}
.simulation-form .simulation-result .simulation-result-box .simulation-title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 12px;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	#simulation-result-wrap {
		display: none;
		border-top: solid 1px #9e9e9f;
	}
	.simulation-form .simulation-result {
		width: 100%;
		float: none;
		z-index: 1000;
	}
	.simulation-form .simulation-result .simulation-result-box {
	  width: 100%;
	  padding-top: 0;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-img {
	  margin: 0 0 15px;
	}
}
/*- シミュレーション料金表示エリア -*/
.simulation-table {
	margin: 0 15px 5px;
	font-size: 0;
	line-height: 0;
}
.simulation-table .simulation-table-cell {
	width: 100%;
	border-bottom: solid 1px #666;
}
.simulation-table .simulation-table-cell:last-child {
	border-bottom: none;
}
.simulation-table .simulation-block {
	width: 49%;
	float: left;
}
.simulation-form .simulation-result .simulation-result-box .simulation-block {
  margin: 0;
}
.simulation-form .simulation-result .simulation-result-box .simulation-block dl {
  width: 100%;
  display: table;
}
.simulation-form .simulation-result .simulation-result-box .simulation-block dl dt {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  width: 240px;
  padding: 3px 10px;
  font-size: small;
  line-height: normal;
  vertical-align: middle;
}
.simulation-form .simulation-result .simulation-result-box .simulation-block dl dd {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 3px 15px 3px 10px;
  font-size: small;
  line-height: normal;
  vertical-align: middle;
}
.simulation-form .simulation-result .simulation-result-box .simulation-block dl dd span:after {
	content: "円";
	position: absolute;
	right: 0;
	font-size: small;
	line-height: normal;
	vertical-align: middle;
}
.simulation-form .simulation-result .simulation-total .total-count {
  font-weight: bolder;
  color: #e48737;
}
.simulation-form .simulation-result .entry_area {
	width: 100%;
	padding: 0 15px 15px;
	background: #333;
}
.simulation-form .simulation-result .entry_area .item_count {
	float: left;
	margin-left: 10px;
	padding: 10px 0;
}
.simulation-form .simulation-result .entry_area .item_count input {
	width: 54px;
	text-align: right;
}
.simulation-form .simulation-result .simulation-result-box dl.date {
	float: right;
  display: table;
}
.simulation-form .simulation-result .simulation-result-box dl.date dd {
  box-sizing: border-box;
  padding: 12px 5px 3px 0;
  line-height: normal;
  vertical-align: top;
  text-align: right;
  font-size: x-small;
  color: #f2f2f2;
  
}
.txtDate:disabled {
	width: 26%;
	display: inline !important;
	vertical-align: top;
	padding: 0;
	background: none;
	border: none;
	color: #f2f2f2;
	text-align: right;
	font-size: x-small;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.txtDate:disabled:nth-child(3n) {
	text-align: left;
}
.simulation-form .link_area {
	width: 100%;
	clear: both;
	padding-left: 5px;
}
.simulation-form .link_area .link {
	width: 60%;
	float: left;
	padding-top: 8px;
	text-align: left;
	font-size: x-small;
}
.simulation-form .link_area .link:nth-child(2n) {
	width: 40%;
	float: left;
	text-align: left;
}
.simulation-form .link_area .link a {
	padding: 5px 3px 5px 33px;
	color: #fff;
	background-image: url(../../img/simulation/simulation_icon_004.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 24px auto;
}
.simulation-form .link_area .link a:hover {
	text-decoration: none;
}
.simulation-form .link_area .link:nth-child(2n) a {
	color: #fff;
	background-image: url(../../img/simulation/simulation_icon_005.gif);
}
.simulation-form .simulation-result .simulation-btn {
	clear: both;
  padding: 5px 0 0;
}
.simulation-form .simulation-result .simulation-btn .btn {
	width: 100%;
	clear: both;
  cursor: pointer;
  text-align: center;
  display: block;
  padding: 10px 0;
  border: solid 1px #3c3c3c;
  text-decoration: none;
  font-size: 19px;
  color: #020100;
  border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
	background: #ffe38c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe38c 0%, #fbd166 50%, #f7b12f 51%, #f7b12f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe38c', endColorstr='#f7b12f',GradientType=0 ); /* IE6-9 */
	transition:0.9s; /* マウスアウトの指定 */
}
.simulation-form .simulation-result .simulation-btn div {
	display: none;
	width: 100%;
	clear: both;
  cursor: pointer;
  text-align: center;
  padding: 10px 0;
  border: solid 1px #3c3c3c;
  text-decoration: none;
  font-size: 22px;
  color: #020100;
  border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
	background: #ffe38c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe38c 0%, #fbd166 50%, #f7b12f 51%, #f7b12f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe38c', endColorstr='#f7b12f',GradientType=0 ); /* IE6-9 */
	transition:0.9s; /* マウスアウトの指定 */
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.simulation-form .simulation-result .simulation-btn .btn:hover {
	transition:0.9s; /* マウスオンの指定 */
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#simulation_return {
	display: none;
	padding: 35px 15px 45px;
}
.simulation-form .form-body {
  display: table;
  width: 100%;
}
.simulation-form .form-body .form-img {
  display: table-cell;
  vertical-align: top;
  width: 330px;
  text-align: left;
}
.simulation-form .form-body .form-img img {
  width: 310px;
}
.simulation-form .form-body .form-input {
  display: table-cell;
  vertical-align: top;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.simulation-form .entry_area {
		width: 100%;
	}
	.simulation-form .simulation-result .entry_area .item_count {
		float: right;
	}
	.simulation-form .simulation-result .simulation-result-box dl.date {
		float: initial;
		display: block;
	}
	.simulation-form .simulation-result .simulation-result-box dl.date dd {
		padding: 16px 5px 3px 10px;
		text-align: left;
	}
	.simulation-table {
		padding: 5px 30px 30px 30px;
	}
	.simulation-table .simulation-table-cell {
		border-bottom: none;
	}
	.simulation-table .simulation-table-cell dl {
		margin-bottom: 5px;
	}
	.simulation-table .simulation-table-cell dt {
		font-size: 16px;
	}
	.simulation-table .simulation-table-cell span {
		font-size: 16px;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl {
		width: 100%;
		display: table;
		font-size: small;
		line-height: normal;
		border-bottom: solid 1px #666;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl dt {
	  display: table-cell;
	  vertical-align: middle;
	  box-sizing: border-box;
	  width: 51%;
	  padding: 3px 10px;
	  font-size: small;
	  line-height: normal;
	  vertical-align: middle;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl dd {
	  display: table-cell;
	  position: relative;
	  vertical-align: top;
	  box-sizing: border-box;
	  padding: 6px 0;
	  font-size: small;
	  line-height: normal;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl dd select {
		position: relative;
		width: 100% !important;
		height: 24px;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 0 10px 0 15px;
		border: 1px solid #00aca0;
		background: #fff;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
		color: #00aca0;
		vertical-align: top;
		line-height: 100%;
		font-size: 11px;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl dd select option {
		background: #fff;
		color: #000;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl dd label {
		position: relative;
	}
	.simulation-form .simulation-result .simulation-result-box .pulldown dl dd label:after {
		display: block;
		content: "変更";
		position: absolute;
		box-sizing: border-box;
		top: 0;
		right: 0;
		width: 34px;
		height: 24px;
		border: 1px solid #00aca0;
		margin-top: 0;
		padding-top: 6px;
		background: #00aca0;
		pointer-events: none;
		box-sizing: border-box;
		line-height: 100%;
		color: #fff;
		vertical-align: top;
		font-size: x-small;
		text-align: center;
		/* border-radius */
		border-radius:0px 30px 30px 0px ;
		-moz-border-radius:0px 30px 30px 0px ;
		-webkit-border-radius:0px 30px 30px 0px ;
	}
	.simulation-table .sp-change-view-button-wrap {
		height: 83px;
	}
	.simulation-table .simulation-block {
		width: 100%;
		float: none;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-block dl {
	  border-bottom: solid 1px #666;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-total dl {
	  border-bottom: none !important;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-block dl dd {
	  text-align: right;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-block dl dt {
	  vertical-align: bottom;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-block dl dd {
	  vertical-align: bottom;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-block dl dd span {
	  vertical-align: bottom;
	}
	.simulation-form .simulation-result .simulation-result-box .simulation-block dl dd span:after {
		vertical-align: bottom;
	}
	.simulation-form .simulation-result .simulation-result-box dl.date dt {
	  width: 26%;
	}
	.simulation-form .simulation-result .simulation-result-box dl.date dd {
	  width: 70%;
	}
	.txtDate:disabled {
		width: 34%;
	}
	#simulation_return div {
		display: inline-block;
		padding: 10px 15px 10px 30px;
		border: solid 1px #3e3a39;
		background-color: #fff;
		background-image: url(../../img/simulation/simulation_icon_011.png);
		background-repeat: no-repeat;
		background-position: 8px center;
		background-size: 15px auto;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
		color: #000;
	}
	.simulation-form .link_area .link a {
		padding: 7px 3px 7px 30px;
		color: #fff;
		background-image: url(../../img/simulation/simulation_icon_004.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px auto;
	}
}
/*- アドバイスコンテンツ -*/
.advice_contents {
	clear: both;
	padding-top: 20px;
}
.advice_contents dt {
	padding: 3px;
	font-weight: bolder;
}
.advice_contents dd {
	display: block;
}
.advice_contents dd p {
	padding: 5px 3px 5px 28px;
	list-style-type: decimal;
	border-bottom: dotted #000 1px;
	background-image: url(../../img/simulation/simulation_icon_001.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 23px auto;
}
.advice_contents dd p:last-child {
	border-bottom: none;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.advice_contents {
		padding-top: 10px;
	}
	.advice_contents dt {
		display: block;
		background: #363833;
		padding: 15px 20px;
		font-size: 110%;
		line-height: 100%;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
		z-index: 20;
		position: relative;
		cursor: pointer;
		text-align: center;
		font-weight: normal;
	}
	.advice_contents dt span {
		display: block;
		background-image: url(../../img/simulation/simulation_icon_002.gif);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 13px 12px;
		color: #fff;
	}
	.advice_contents dd {
		display: none;
		margin-top: -25px;
		padding: 30px 10px 10px;
		background: #363833;
		z-index: 10;
	}
	.advice_contents dd p {
		padding: 5px 5px 5px 33px;
	  border-bottom: solid 1px #666;
		background-image: url(../../img/simulation/simulation_icon_007.gif);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 27px auto;
		color: #fff;
	}
	.advice_contents dd p:last-child {
	  border-bottom: none;
	}
}
/*- 設定のヒントコンテンツ -*/
.simulation-form .form-ac {
	text-align: center;
	padding-top: 22px;
	clear: both;
}
.simulation-form .form-ac dt {
	display: inline-block;
  background: #333;
  padding: 15px 20px 5px;
  cursor: pointer;
  color: #05cebe;
  font-size: 35px;
  line-height: 80%;
}
.simulation-form .form-ac dt span.mini_text {
	display: block;
	padding-right: 20px;
	color: #fff;
	font-size: 13px;
	background-image: url(../../img/simulation/simulation_icon_002.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 13px 12px;
}
.simulation-form .form-ac dd {
  padding: 20px;
  display: none;
  background: #333;
	text-align: left;
  color: #fff;
}
.simulation-form .form-ac dd p {
	padding: 5px 5px 5px 33px;
  border-bottom: solid 1px #666;
	background-image: url(../../img/simulation/simulation_icon_006.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 27px auto;
}
.simulation-form .form-ac dd p:last-child {
  border-bottom: none;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	.simulation-form .form-ac {
		padding-top: 12px;
	}
	.simulation-form .form-ac dt {
		display: block;
	  background: #363833;
	  padding: 15px 20px;
	  color: #05cebe;
	  font-size: 110%;
	  line-height: 100%;
	  border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
	  z-index: 20;
	  position: relative;
	}
	.simulation-form .advice_contents dd {
		border-radius: 0 0 20px 20px;
	}
	.simulation-form .form-ac dd {
		margin-top: -25px;
		padding: 30px 10px 10px;
		background: #363833;
		border-radius: 0 0 20px 20px;
		z-index: 10;
	}
	.simulation-form .form-ac dd p {
		background-image: url(../../img/simulation/simulation_icon_008.gif);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 27px auto;
	}
}
/*- スマホ用ページ下部メニュー -*/
#sp_footer_menu {
	display: none;
}
@media screen and (max-width: 700px) {
	.simulation_button_space_2 {
		clear: both;
		padding: 10px 0;
		background: #333;
	}
	.simulation_button_space_2 button {
		width: 80%;
		height: 46px;
		margin: 0 auto;
		cursor: pointer;
		text-align: center;
		display: block;
		text-decoration: none;
		color: #020100;
		border: none;
		border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
		background: #11dbd2 !important; /* Old browsers */
		background: -moz-linear-gradient(top, #11dbd2 0%, #09d3c9 50%, #02b6a8 51%, #00a99d 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #11dbd2 0%,#09d3c9 50%,#02b6a8 51%,#00a99d 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #11dbd2 0%,#09d3c9 50%,#02b6a8 51%,#00a99d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11dbd2', endColorstr='#00a99d',GradientType=0 ) !important; /* IE6-9 */
	}
	.simulation_button_space_2 button span {
		padding: 4px 0 4px 40px;
		background-image: url(../../img/simulation/simulation_icon_009.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto 28px;
	}
	.simulation-table-2 {
		margin-bottom: 40px;
		background: #000;
		font-size: 0;
		line-height: 0;
	}
	.simulation-table-2 .ttl {
		padding: 25px 0 15px;
		text-align: center;
	}
	.simulation-table-2 .ttl span {
		font-size: medium;
		line-height: normal;
		color: #fff;
	}
	.simulation-table-2 .simulation-table-cell {
		display: block;
		padding: 0 15px;
	}
	.simulation-table-2 .simulation-table-cell .simulation-block dl {
	  width: 100%;
	  display: table;
	  border-bottom: solid 1px #666;
	}
	.simulation-table-2 .simulation-table-cell .simulation-total dl {
	  border-bottom: none;
	}
	.simulation-table-2 .simulation-table-cell .simulation-block dl dt {
	  display: table-cell;
	  vertical-align: middle;
	  box-sizing: border-box;
	  width: 240px;
	  padding: 3px 0;
	  vertical-align: middle;
		font-size: small;
		line-height: normal;
		color: #fff;
	}
	.simulation-table-2 .simulation-table-cell .simulation-block dl dd {
	  display: table-cell;
	  position: relative;
	  vertical-align: middle;
	  box-sizing: border-box;
	  padding: 3px 15px 3px 10px;
	  vertical-align: middle;
		font-size: small;
		line-height: normal;
		color: #fff;
		text-align: right;
	}
	.simulation-table-2 .simulation-table-cell .simulation-block dl dd span:after {
		content: "円";
		position: absolute;
		right: 0;
		font-size: small;
		line-height: normal;
		vertical-align: middle;
	}
	.simulation-table-2 .simulation-table-cell .simulation-total .total-count {
	  font-weight: bolder;
	  color: #e48737;
	}
	.simulation-table-2 .entry_area {
		margin-top: 15px;
		padding-top: 15px;
		background: #333;
	}
	.simulation-table-2 .entry_area .item_count {
		float: right;
		margin-right: 15px;
		padding-bottom: 15px;
		font-size: x-small;
		line-height: normal;
		color: #f2f2f2;
	}
	.simulation-table-2 .entry_area .item_count input {
		width: 54px;
		text-align: right;
	}
	.simulation-table-2 .entry_area dl.date {
	  width: 70%;
	  display: table;
	  float: left;
	  margin-bottom: 15px;
	}
	.simulation-table-2 .entry_area dl.date dd {
		width: 70%;
	  box-sizing: border-box;
	  padding: 8px 5px 3px 15px;
	  line-height: normal;
	  vertical-align: top;
	  text-align: left;
	  font-size: x-small;
	  color: #f2f2f2;
	}
	.simulation-table-2 .entry_area dl.date dd input {
	  height: auto;
	  padding: 0;
	}
	.simulation-table-2 .entry_area .simulation-btn {
		clear: both;
		padding-bottom: 15px;
	}
	.simulation-table-2 .entry_area .simulation-btn .btn {
		width: 80%;
	  cursor: pointer;
	  margin: 0 auto;
	  text-align: center;
	  display: block;
	  padding: 10px 0;
	  border: solid 1px #3c3c3c;
	  text-decoration: none;
	  font-size: 18px;
	  color: #020100;
	  border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
		background: #ffe38c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffe38c 0%, #fbd166 50%, #f7b12f 51%, #f7b12f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe38c', endColorstr='#f7b12f',GradientType=0 ); /* IE6-9 */
		transition:0.9s; /* マウスアウトの指定 */
	}
	.simulation-table-2 .entry_area .simulation-btn div {
		display: none;
		width: 80%;
	  cursor: pointer;
	  margin: 0 auto;
	  text-align: center;
	  padding: 10px 0;
	  border: solid 1px #3c3c3c;
	  text-decoration: none;
	  font-size: 22px;
	  color: #020100;
	  border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
		background: #ffe38c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffe38c 0%, #fbd166 50%, #f7b12f 51%, #f7b12f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe38c', endColorstr='#f7b12f',GradientType=0 ); /* IE6-9 */
		transition:0.9s; /* マウスアウトの指定 */
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	#sp_footer_menu {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 58px;
		padding: 6px 10px 5px 10px;
		box-sizing: border-box;
		background: url(../../img/simulation/simulation_bg_002.png);
		z-index: 30;
	}
	
	#sp_footer_menu .inner {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#sp_footer_menu .inner .simulation_button_space {
		width: 75%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#sp_footer_menu .inner .cart_button_space {
		width: 24%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#sp_footer_menu .inner div button,
	#sp_footer_menu .inner div a {
		width: 100%;
		height: 46px;
		cursor: pointer;
		text-align: center;
		display: block;
		text-decoration: none;
		color: #020100;
		border: none;
		border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */
	}
	#sp_footer_menu #simulation_button {
		background: #11dbd2; /* Old browsers */
		background: -moz-linear-gradient(top, #11dbd2 0%, #09d3c9 50%, #02b6a8 51%, #00a99d 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #11dbd2 0%,#09d3c9 50%,#02b6a8 51%,#00a99d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #11dbd2 0%,#09d3c9 50%,#02b6a8 51%,#00a99d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11dbd2', endColorstr='#00a99d',GradientType=0 ); /* IE6-9 */
	}
	#sp_footer_menu #simulation_button span {
		padding: 4px 0 4px 40px;
		background-image: url(../../img/simulation/simulation_icon_009.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto 28px;
	}
	#sp_footer_menu .cart_button_space {
		padding-left: 6px;
	}
	#sp_footer_menu #cart_button {
		display: 
		background: #ffe38c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffe38c 0%, #fbd166 50%, #f7b12f 51%, #f7b12f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffe38c 0%,#fbd166 50%,#f7b12f 51%,#f7b12f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe38c', endColorstr='#f7b12f',GradientType=0 ); /* IE6-9 */
	}
	#sp_footer_menu .inner div button img,
	#sp_footer_menu #cart_button img {
		width: auto;
		height: 28px;
		margin-top: 7px;
	}
}
/*- その他コンテンツ -*/
.alpha_area {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
	.link_area2 {
		width: 100%;
		clear: both;
		padding: 0 15px 40px 15px;
	}
	.link_area2 .link a {
		width: 49%;
		display: block;
		float: left;
		margin-bottom: 15px;
		padding: 8px 3px 8px 36px;
		box-sizing: border-box;
		background-color: #313131;
		background-image: url(../../img/simulation/simulation_icon_004.gif);
		background-repeat: no-repeat;
		background-position: 10px 4px;
		background-size: 24px auto;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
		text-decoration: none;
		color: #fff;
		transition:0.9s; /* マウスアウトの指定 */
	}
	.link_area2 .link a:hover {
		transition:0.9s; /* マウスオンの指定 */
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	.link_area2 .link:nth-child(2n) a {
		float: right;
		background-image: url(../../img/simulation/simulation_icon_005.gif);
	}
@media screen and (max-width: 700px) {
	.alpha_area {
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	.alpha_area .formgroup .form-ttl,
	.alpha_area .formgroup .advice_contents,
	.alpha_area .formgroup .form-ac {
		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
	}
	.alpha_area .formgroup .base-tbl,
	.alpha_area .formgroup .block-pedestal,
	.alpha_area .formgroup .block-pedestal {
		display: none !important;
	}
	.link_area2 {
		width: 100%;
		clear: both;
		padding: 0 15px;
	}
	.link_area2 .link a {
		width: 100%;
		display: block;
		margin-bottom: 15px;
		padding: 8px 3px 8px 36px;
		box-sizing: border-box;
		background-color: #313131;
		background-image: url(../../img/simulation/simulation_icon_004.gif);
		background-repeat: no-repeat;
		background-position: 10px 4px;
		background-size: 24px auto;
		border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px; /* Safari,Google Chrome用 */ -moz-border-radius: 20px; /* Firefox用 */
		text-decoration: none;
		color: #fff;
		transition:1.0s; /* マウスアウトの指定 */
	}
	.link_area2 .link a:hover {
		transition:1.0s; /* マウスオンの指定 */
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	.link_area2 .link:nth-child(2n) a {
		background-image: url(../../img/simulation/simulation_icon_005.gif);
	}
	footer {
		margin-bottom: 58px;
		padding-bottom: 54px;
	}
	/*- footer非表示 -*/
	.footer-body,
	.copy {
		display: none;
	}
}
.hidden {
  display:none !important;
}
.b-base{
  display: none;
}
.block-pedestal{
  display: none;
}
.block-b-sign-1,
.block-b-light-1 {
  display: none;
}
/*- レビューコンテンツ -*/
#customervoice_area {
	width: 100%;
}
#customervoice_area ul {
	width: 100%;
}
#customervoice_area ul li {
	width: 50%;
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
#customervoice_area ul li:nth-child(even) {
	padding-left: 10px;
}
#customervoice_area ul li div.voiceWrap {
	width: 100%;
	padding: 15px;
	background: #000;
	color: #fff;
	box-sizing: border-box;
}
#customervoice_area ul li div.voiceWrap .voiceData {
	width: 60%;
	float: right;
}
#customervoice_area ul li div.voiceWrap .voiceData p {
	padding-left: 15px;
}
#customervoice_area ul li div.voiceWrap .voiceData p.voicetitle {
	padding-bottom: 5px;
	font-weight: bolder;
}
#customervoice_area ul li div.voiceWrap .voiceData p.voicedate span {
	color: #00aca0;
}
#customervoice_area ul li div.voiceWrap .voiceImage {
	width: 40%;
	float: left;
	font-size: 0;
	line-height: 0;
}
#customervoice_area ul li div.voiceWrap .voiceImage img {
	width: 100%;
	margin-bottom: 8px;
}
#customervoice_area ul li div.voiceWrap .voiceImage img:nth-child(2n) {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 0;
}
#customervoice_area ul li div.voiceWrap .voiceImage img:nth-child(3n) {
	width: 48%;
	margin-bottom: 0;
}
/*- スマホ -*/
@media screen and (max-width: 700px) {
	#customervoice_area ul li {
		width: 100%;
		float: none;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
	}
}
/*- ポップアップコンテンツ -*/
#popup_contents header {
	text-align: center;
}
#popup_contents header img {
	width: 50px;
}
#popup_contents main h1 {
	font-size: 100%;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#popup_contents main p {
	font-size: 80%;
}
#popup_contents h2 {
	display: block;
	font-weight: bolder;
	font-size: 85%;
}
#popup_contents table {
	width: 100%;
}
#popup_contents table th {
	padding: 4px;
	background:#e7e7e7;
	font-size: 85%;
	text-align: center;
}
#popup_contents table td {
	padding: 4px;
	background:#f6f6f6;
	font-size: 78%;
	text-align: left;
}
@media screen and (max-width: 700px) {
	#popup_contents .advice_contents {
		padding-top: 0;
	}
	#popup_contents .advice_contents dt {
		display: block;
		background: none;
		margin: 0;
		padding: 0;
		font-size: 90%;
		line-height: 100%;
		position: relative;
		cursor: static;
		text-align: left;
		font-weight: bolder;
	}
	#popup_contents .advice_contents dt span {
		display: block;
		background-image: none;
		color: #333;
	}
	#popup_contents .advice_contents dd {
		display: block;
		margin-top: 0;
		margin-left: 0;
		padding: 0;
		background: none;
		z-index: 10;
	}
	#popup_contents .advice_contents dd p {
		margin-top: 0;
		margin-bottom: 0;
		padding: 5px 5px 5px 33px;
	  border-bottom: solid 1px #666;
		background-image: url(../../img/simulation/simulation_icon_001.gif);
		background-repeat: no-repeat;
		background-position: left 5px;
		background-size: 22px auto;
		font-size: 80%;
		color: #333;
	}
	#popup_contents .advice_contents dd p:last-child  {
		border-bottom: none;
	}
	footer {
		padding-bottom: 0;
	}
}
#popup_contents footer {
	text-align: center;
}
#popup_contents footer img {
	width: 160px;
}
.shipping_button {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}
.shipping_button:hover {
	text-decoration: none;
}
/* add inoue */
input#ProductClass5 + div {
	display: none;
}
body.simulation main {
	overflow: hidden;
}
body.simulation main .yt_content {
	padding: 0 0 0 0;
}
body.simulation .sp_display_on label {
	display: block;
}
/* step */
.simulation-form span.step {
	display: inline-block!important;
	position: relative;
}
.simulation-form span.step span.num {
	position: absolute;
	font-size: 25px;
	top: 11px;
	left: 113px;
	display: block;
	width: 30px;
	text-align: center;
	letter-spacing: -2px;
	text-indent: -2px;
}
.simulation-form span.step span.bunbo {
	font-size: 17px;
	position: absolute;
	top: 25px;
	left: 143px;
	display: block;
	width: 24px;
	text-align: center;
	letter-spacing: -2px;
	text-indent: -2px;
}
.simulation-form span.step.orange span {
	color: #dd5d0e;
}
.simulation-form span.step.green span {
	color: #19a397;
}
/* 700 */
@media (max-width: 700px) {
	.simulation-form .form-ttl {
		font-size: 18px;
	}
}
/* 580 */
@media (max-width: 580px) {

}

/*---------------------------------------------*/
/* STEP */
/*---------------------------------------------*/
#contents_pedestal03.cc span.cd,
#contents_pedestal03.cc span.dd {
	display: none;
}
#contents_pedestal03.cd span.cc,
#contents_pedestal03.cd span.dd {
	display: none;
}
#contents_pedestal03.dd span.cc,
#contents_pedestal03.dd span.cd {
	display: none;
}
.c_end.formgroup:after {
	content: none;
}

/*---------------------------------------------*/
/* カートに追加しました。モーダル */
/*---------------------------------------------*/
.ec-modal-box .ec-role span.ec-inlineBtn--cancel {
	margin: 5px;
}
.ec-modal-box .ec-role a.ec-inlineBtn--action {
	margin: 5px;
}