/* 見積もりシミュレーション選択 */

.check-post-code a {
	text-decoration: none;
}
.check-post-code {
	line-height: 1;
}

.check-post-code p {
	line-height: 30px;
}

.check-post-code a:active, .check-post-code a:hover {
  outline-width: 0;
  transition: all 0.3s 0s ease;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease; }
.check-post-code a:link:hover, .check-post-code a[href]:hover {
	color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=0.6);
  -ms-filter: "alpha(opacity=0.6)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1; }

.box-btn {
  position: relative;
  overflow: hidden;
  max-width: 400px;
  margin: 0 auto 100px;
  text-align: center;
  cursor: pointer; }
  .box-btn.corners {
    border-radius: 30px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .box-btn.corners {
        width: 96%;
        margin: 0 auto; } }

.box-btn a, .box-btn input {
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 60px;
  margin: 0 auto;
  padding: 0 80px;
  background: white;
  border: 2px solid #7a6a56;
  font-size: 18px;
  font-weight: bold;
  line-height: 14px;
  transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 2; }
  @media only screen and (max-width: 768px) {
  .box-btn a, .box-btn input {
    padding: 15px 0;
    font-size: 14px; } }

.box-btn a.corners {
  border-radius: 30px; }

  .box-btn a.corners:before {
    position: absolute;
    color: #fff;
    content: '▶';
    width: 15px;
    height: 15px;
    background: #7a6a56;
    border-radius: 50%;
    top: 50%;
    left: 50px;
    margin-top: -7px;
    padding: 1px 0 0 3px;
    font-size: 11px;
    z-index: 10; }
    .box-btn a.corners:hover:before {
      color: #7a6a56;
      background: #fff;
      font-size: 11px;
    }

.eff-7 {
  position: absolute;
  max-width: 400px;
  width: 100%;
  min-height: 60px;
  margin: 0 auto;
  left: -100%;
  top: 0;
  background: #7a6a56;
  border: 0px solid #7a6a56;
  transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 1; }

.eff-7.corners {
  border-radius: 30px; }

.box-btn:hover .eff-7 {
  left: 0; }

.check-post-code .box-btn:hover a, .box-btn:hover input {
  opacity: 1;
  background: transparent;
  color: #fff; }

.simulation-menu {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow-y: scroll; }
	.simulation-menu__title {
		margin-bottom: 25px;
		background-color: #fff; }
		.simulation-menu__title img {
			display: block;
			margin: 0 auto;
			max-width: 100%; }
	.simulation-menu__text {
		margin-bottom: 25px;
		text-align: center;
		font-size: 15px;
		line-height: 1.33; }
	.simulation-menu__list {
		margin-bottom: 40px;
		padding: 35px 20px;
		background-color: #F1F0DF; }
		.simulation-menu__list li {
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
			box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
		}
		.simulation-menu__list li + li {
			margin-top: 25px;
		}
		.simulation-menu__list li a {
			display: block; }
		.simulation-menu__list li img {
			display: block;
			margin: 0 auto;
			max-width: 100%; }
	.simulation-menu__btn {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto 130px;
		color: #fff;
		text-align: center;
		background-color: #507EB7;
		padding: 17px 0;
		font-size: 13px;
		border-radius: 30px;
		font-weight: bold;}

.mitsumori-simulation-menu.is-disable {
	.mitsumori-simulation-menu__btn{
		cursor: default;
		a {
			opacity: .5;
			/* cursor: default; */
			/* pointer-events: none; */
			color: #7A6A56 !important;
		}
		.eff-7 {
			display: none;
		}
	}
}

.mitsumori-simulation-menu__btn {
	margin-bottom: 20px;
	border-radius: 100px;
	a {
		position: relative;
		font-size: 18px;
		font-weight: 700;
		color: #7A6A56;
		padding: 0 24px;
		border-radius: 100px;
		display: flex;
		flex-direction: column;
		gap: 6px;
		height: auto;
		min-height: 60px;
		line-height: 1;
	}
	a::after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-image: url(/img/common/icon_btn_gray_02.svg);
		background-position: left top;
		background-size: cover;
		content: "";
		transition: opacity 0.4s 300ms;
	}
	a:hover::after {
		opacity: 0;
	}
	.eff-7 {
		border-radius: 100px;
	}
	span {
		display: block;
		font-size: 14px;
		font-weight: 400;
	}
}
@media screen and (max-width: 768px) {
	.mitsumori-simulation-menu__btn {
		a {
			min-height: 48px;
			font-size: 15px;
		}
		span {
			font-size: 12px;
		}
	}
}
@media screen and (max-width: 368px) {
	.mitsumori-simulation-menu__btn {
		span {
			font-size: 10px;
		}
	}
}
.simulation-menu__btn {
	position: relative;
	max-width: 400px;
	font-size: 18px;
	padding: 21px 0;
}
.simulation-menu__btn::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(/img/common/icon_btn_white_02.svg);
	background-position: left top;
	background-size: cover;
	content: "";
	transition: opacity 0.4s 300ms;
}
@media screen and (max-width: 768px) {
	.simulation-menu__btn {
		font-size: 15px;
		padding: 17px 0;
	}
}