.sofa-simulator {box-sizing: border-box;}
.sofa-simulator * {box-sizing: border-box;}
.sofa-simulator ul {padding: 0;}
.sofa-simulator li {list-style: none;}
.sofa-simulator li a {display: block;}
.sofa-simulator iframe {border: none;}
.sofa-simulator img {width: 100%; height: auto; margin-bottom: 5px;}
.sofa-simulator h3 {font-size: 18px;}
.sofa-simulator h4 {font-size: 15px;}
#webCatalog {width: 100%; margin: 0 auto; height: 100%; min-height: 0;}

#sofa-simulator__close {width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 10px; font-size: 20px; position: absolute; top: 0; right: 0; color: #999;}

.sofa-simulator {font-size: 12px;}
.sofa-simulator a {color: #333; text-decoration: none;}
.sofa-simulator > div > * {width: 100%; max-width: 1280px; margin: 0 auto;}
.sofa-simulator__nav {overflow: scroll; text-align: center; }
.sofa-simulator__nav ul {width: 100%; white-space: nowrap; padding: 0 20px; letter-spacing: -0.4em; margin: 0 auto;}
.sofa-simulator__nav li {display: inline-block; padding: 2%; vertical-align: top; letter-spacing: 0;}
.sofa-simulator__nav li * {white-space: normal;}
.sofa-simulator__nav li a {display: block;}
.sofa-simulator__nav img {width: 100%;}
.parts-name {display: block; color: #999;}

.sofa-simulator__choose_wrap {position: relative;}
.sofa-simulator__choose {z-index: 100; position: fixed; width: 100%; height: 100%; left: 0; background: #fff; overflow: auto; opacity: 0; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.sofa-simulator__choose.slide-active {opacity: 1;}
.sofa-simulator__choose > section {padding: 15px 15px 70px; overflow: hidden; position: relative;}
.sofa-simulator__choose h4 {margin: 10px 0 5px;}
.sofa-simulator__choose ul {display: -webkit-flex; display: flex; /*-webkit-flex-wrap: wrap; flex-wrap: wrap;*/}
.sofa-simulator__choose-sofa-cover ul{*-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.sofa-simulator__choose section {max-width: 800px; margin: 0 auto;}
.sofa-simulator__choose li {width: 33.333%; padding: 5px; vertical-align: top; text-align: center; /* width: 32%; letter-spacing: 0; display: inline-block; margin-left: 2%; */}
.sofa-simulator__choose a {display: block; position: relative;}
.sofa-simulator__choose a:hover {cursor: default;}
.sofa-simulator__choose .choose-enable a:hover {cursor: pointer;}
.sofa-simulator__choose a.checked:after {width: 24px; height: 24px; content: ""; color: #000; display: block; position: absolute; top: 0; right: 0; font-size: 12px; margin: 5px; line-height: 24px; background:url(//www.muji.com/jp/img/store/simulator/sofa/sofa-simulator_check.png); background-size: 24px 24px;}
.sofa-simulator__choose .choose-enable img {opacity: 1;}
.sofa-simulator__choose img {opacity: 0.3;}
.choose-btn {margin: 0; display: none;}
.choose-btn li {width: 50%; text-align: center; background: #ddd; padding: 20px 0; margin: 0; cursor: pointer;}
.choose-btn li:first-child {border-right: 1px solid #fff;}
.choose-btn li:last-child {border-left: 1px solid #fff;}
.choose-btn.slide-active {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; display: flex;}

.sofa-simulator__choose-headrest-body li:last-child img {opacity: 0.3;}

.sofa-simulator__cart {margin: 10px 0;}

.sofa-simulator__cart-item {padding-left: 7%;}
.sofa-simulator__cart-add {text-align: center;}
.sofa-simulator__cart strong {font-size: 18px; margin: 0 4px; font-weight: bold;}
.sofa-simulator__cart .btn {display: inline-block; font-size: 14px; background: #333; border-radius: 20px; height: 40px; padding: 0 30px; line-height: 40px; color: #fff;}
.sofa-simulator__cart .btn span {padding: 0 5px;}
.cart-item-list h3 {font-weight: normal; font-size: 12px; margin: 0 0 10px; color: #67affd; cursor: pointer;}
.cart-item-list ul+ul {margin-top: 10px;}
.cart-item-list li+li {margin-top: 15px;}
.cart-item-list-wrap {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 25px; background: rgba(248,248,248,0.95); z-index: 100;}
.cart-item-list-wrap .price {margin-top: 25px; text-align: right;}
.cart-item-list-wrap .price strong {font-weight: bold;}
.cart-item-list ul+ul {margin-top: 0;}
.cart-item-btn {margin-top: 20px; height: 20px; line-height: 20px; text-align: center; margin: 40px 0 0; font-size: 16px; color: #999;}
.cart-item-btn .btn-close {display: inline-block; cursor: pointer;}
.sofa-simulator__cart-item .price {/*visibility: hidden;*/display: none;}


.parts-title {display: block; color: #999;}
.parts-item-name, .parts-item-price {display: block;}
.parts-item-name {font-size: 13px;}
.parts-item-price {font-size: 10px;}
.sofa-simulator .num {font-size: 15px; font-weight: bold; margin: 0 2px;}

#choose-cover section li , .sofa-simulator__choose-headrest-cover li {margin-bottom: 10px;}

.parts-item {font-size: 14px; margin-top: 5px; display: block;}


@media only screen and (min-width: 1024px){
	.sofa-simulator__nav ul {max-width: 840px;}
}

@media only screen and (max-width: 1023px){
	.sofa-simulator__nav ul {max-width: 768px;}
}

@media only screen and (max-width: 767px){
	.sofa-simulator__choose li:nth-child(3n+1) {margin-left:0;}
	.sofa-simulator__nav ul {max-width: none;}
	.parts-item-name {font-size: 11px;}
	.parts-item-price .num {font-size: 13px;}
	.sofa-simulator__choose a.checked:after {width: 20px; height: 20px; line-height: 20px; background-size: 20px 20px;}
	.sofa-simulator__cart {display: flex;}
	.sofa-simulator__cart > div {width: 50%;}
}

@media only screen and (min-width: 768px){

	.sofa-simulator__choose li {width: 18%; margin-left: 2.5%;}
	.sofa-simulator__choose li:nth-child(5n+1) {margin-left: 0;}

	.cart-item-list h3, .btn-close {cursor: pointer;}
	#cart-item-parts {max-width: 700px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

	.sofa-simulator__choose a.checked:after {font-size: 16px;}

	.sofa-simulator__nav {position: fixed; bottom: 15%; width: 100%;}
	.sofa-simulator__cart {position: fixed; bottom: 4%; width: 100%; margin: 0 auto; text-align: center;}
	.parts-item-price {margin-top: 5px;}

	.choose-btn li {padding:36px 0; font-size: 14px;}
	.sofa-simulator__cart-item {text-align: center; padding-left: 0;}
	.sofa-simulator__cart-item > div {display: inline-block; text-align: left;}
	.cart-item-list-wrap .price {font-size: 13px; margin-top: 35px;}
	.cart-item-list-wrap .price strong {font-size: 21px;}

	.sofa-simulator__cart > div {width: auto; display: inline-block; vertical-align: middle; margin: 0 30px;}

}



.sofa-simulator {height: 100%;}

.sofa-simulator__sample {height: 65%; text-align: center;}

.sofa-simulator__nav {overflow: visible;}
.sofa-simulator__nav li {padding: 0 2%;}


#nav-sofa {width: 41.5%;}
#nav-leg {width: 19.5%;}
#nav-cover {width: 19.5%;}
#nav-headrest {width: 19.5%;}


.remodal {padding: 0; max-width: none; height: 100%; margin: 0;}
.remodal-wrapper {padding: 0; text-align: left;}
.remodal-overlay {background: #fff;}
.remodal-close {position: absolute; top: 0; left: 0; width: 50px; height: 50px; color: #bbb;}
.remodal-close:before {line-height: 60px; width: 60px; font-size: 40px;}


.sofa-simulator__choose-sofa li {display: none;}
.sofa-simulator__choose-sofa li.show {display: block;}
.cart-item-list li+li {margin-top: 10px;}
.parts-item-price {text-align: right;}
#nav-sofa-leg, #nav-sofa-cover {width: 19.5%;}