body {
	font-family: "Noto Sans JP", sans-serif;
	font-wize: 20px;
	font-weight: 400;
	margin: 0;
	//transform: scale(0.65);
	//transform-origin: center 0;
}

.sp {
	display: none;
}

@media screen and (max-width: 568px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb120 {
	margin-bottom: 120px;
}

.modal-open {
	color: #3300ff;
	text-decoration: underline;
	cursor: pointer;
}

.center {
	text-align: center;
}

.large {
	font-size: 18px;
}

.x-large {
	font-size: 20px;
}

#order_sys {
	padding: 0;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",  "Hiragino Sans", Meiryo, sans-serif !important;
	overflow: visible !important;
}

#order_sys * {
	box-sizing: border-box;
}

#order_sys img,
#order_sys input[type="image"] {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#order_sys .close {
	display: none !important;
}

#order_sys .col2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}

#order_sys .col2 > * {
	width: calc(50% - 5px);
}

#order_sys .col3 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}

#order_sys .col3 > * {
	width: calc((100% - 20px) / 3);
}

#order_sys .col4 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}

#order_sys .col4 > * {
	width: calc((100% - 30px) / 4);
}

#order_sys .col5 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}

#order_sys .col5 > * {
	width: calc(20% - 8px);
}

@media screen and (max-width: 568px) {
	#order_sys .col1,
	#order_sys .col2,
	#order_sys .col3,
	#order_sys .col4,
	#order_sys .col5 {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	#order_sys .col1.col-wide,
	#order_sys .col2.col-wide,
	#order_sys .col3.col-wide,
	#order_sys .col4.col-wide,
	#order_sys .col5.col-wide {
		padding-right: 0;
		padding-left: 0;
	}
}

#order_sys .sankaku {
	text-align: center;
}

#order_sys .sankaku img {
	width: calc(100% * 36 / 750);
}

#order_sys .button {
	margin: 30px 0;
	text-align: center;
}

#order_sys .button img {
	width: calc(100% * 460 / 750);
}

#order_sys .button input[type=image] {
	width: calc(100% * 460 / 750);
}

@media screen and (max-width: 767px) {
	#order_sys .button input[type=image] {
		width: 100%;
	}
}

#order_sys .step-img {
}

@media screen and (max-width: 568px) {
	#order_sys .step-img {
		/*padding: 0 10px;*/
	}
}

#order_sys .col1.board {
	position: relative;
	margin: 30px auto 60px;
	width: calc(100% * 700 / 750);
	height: 0;
	padding-top: calc(100% * 100 / 750);
	background-color: #908615;
	text-align: center;
	border-radius: 20px;
}

#order_sys .col1.board.board2 {
	padding-top: calc(100% * 200 / 750);
}

#order_sys .col1.board.board3 {
	padding-top: calc(100% * 300 / 750);
}

#order_sys .col1.board.board4 {
	padding-top: calc(100% * 400 / 750);
}

#order_sys .col1.board.board5 {
	padding-top: calc(100% * 500 / 750);
}

#order_sys .col1.board.board6 {
	padding-top: calc(100% * 600 / 750);
}

#order_sys .col1.board .board-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: calc(100% * 150 / 700);
	font-size: 22px;
	color: #fff;
	text-align: center;
	transform: translateY(-50%);
}

#order_sys .col1.board .board-content {
	position: absolute;
	width: calc(100% * 550 / 700);
	height: 100%;
	top: 0;
	left: calc(100% * 150 / 700);
	font-size: 18px;
	font-weight: bold;
	color: #9b0000;
	background-color: #fff;
	border: 3px solid #908615;
	border-radius: 0 20px 20px 0;
	line-height: 1.25;
	text-align: center;
}

#order_sys .col1.board.board2 .board-content:nth-child(2) {
	height: 50%;
	border-bottom: 2px solid #908615;
	border-radius: 0 20px 0 0;
}

#order_sys .col1.board.board2 .board-content:nth-child(3) {
	height: 50%;
	top: 50%;
	border-top: 1px solid #908615;
	border-radius: 0 0 20px 0;
}

#order_sys .col1.board.board3 .board-content {
	height: calc(100% / 3);
	border-top: 1px solid #908615;
	border-bottom: 2px solid #908615;
	border-radius: 0;
}

#order_sys .col1.board.board3 .board-content:nth-child(2) {
	border-top: 3px solid #908615;
	border-radius: 0 20px 0 0;
}

#order_sys .col1.board.board3 .board-content:nth-child(3) {
	top: calc(100% / 3 * 1);
}

#order_sys .col1.board.board3 .board-content:nth-child(4) {
	top: calc(100% / 3 * 2);
	border-bottom: 3px solid #908615;
	border-radius: 0 0 20px 0;
}

#order_sys .col1.board.board4 .board-content {
	height: 25%;
	border-top: 1px solid #908615;
	border-bottom: 2px solid #908615;
	border-radius: 0;
}

#order_sys .col1.board.board4 .board-content:nth-child(2) {
	border-top: 3px solid #908615;
	border-radius: 0 20px 0 0;
}

#order_sys .col1.board.board4 .board-content:nth-child(3) {
	top: 25%;
}

#order_sys .col1.board.board4 .board-content:nth-child(4) {
	top: 50%;
}

#order_sys .col1.board.board4 .board-content:nth-child(5) {
	top: 75%;
	border-bottom: 3px solid #908615;
	border-radius: 0 0 20px 0;
}

#order_sys .col1.board.board5 .board-content {
	height: 20%;
	border-top: 1px solid #908615;
	border-bottom: 2px solid #908615;
	border-radius: 0;
}

#order_sys .col1.board.board5 .board-content:nth-child(2) {
	border-top: 3px solid #908615;
	border-radius: 0 20px 0 0;
}

#order_sys .col1.board.board5 .board-content:nth-child(3) {
	top: 20%;
}

#order_sys .col1.board.board5 .board-content:nth-child(4) {
	top: 40%;
}

#order_sys .col1.board.board5 .board-content:nth-child(5) {
	top: 60%;
}

#order_sys .col1.board.board5 .board-content:nth-child(6) {
	top: 80%;
	border-bottom: 3px solid #908615;
	border-radius: 0 0 20px 0;
}

#order_sys .col1.board.board6 .board-content {
	height: calc(100% / 6);
	border-top: 1px solid #908615;
	border-bottom: 2px solid #908615;
	border-radius: 0;
}

#order_sys .col1.board.board6 .board-content:nth-child(2) {
	border-top: 3px solid #908615;
	border-radius: 0 20px 0 0;
}

#order_sys .col1.board.board6 .board-content:nth-child(3) {
	top: calc(100% / 6 * 1);
}

#order_sys .col1.board.board6 .board-content:nth-child(4) {
	top: calc(100% / 6 * 2);
}

#order_sys .col1.board.board6 .board-content:nth-child(5) {
	top: calc(100% / 6 * 3);
}

#order_sys .col1.board.board6 .board-content:nth-child(6) {
	top: calc(100% / 6 * 4);
}

#order_sys .col1.board.board6 .board-content:nth-child(7) {
	top: calc(100% / 6 * 5);
	border-bottom: 3px solid #908615;
	border-radius: 0 0 20px 0;
}

#order_sys .col1.board .board-content > span {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


#order_sys .col1.board .board-content .board-value0 {
	display: none;
}

@media screen and (max-width: 767px) {
	#order_sys .col1.board {
		width: 100%;
		padding-top: 80px;
	}
	
	#order_sys .col1.board.board2 {
		padding-top: 160px;
	}
	
	#order_sys .col1.board.board3 {
		padding-top: 240px;
	}
	
	#order_sys .col1.board.board4 {
		padding-top: 320px;
	}
	
	#order_sys .col1.board.board5 {
		padding-top: 400px;
	}
	
	#order_sys .col1.board .board-title {
		font-size: 16px;
	}
	
	#order_sys .col1.board .board-content {
		font-size: 16px;
	}
}

@media screen and (max-width: 568px) {
	#order_sys .col1.board {
		margin: 30px 5px 60px;
		border-radius: 15px;
		width: calc(100% - 10px);
	}
	
	#order_sys .col1.board .board-content {
		border: 2px solid #908615;
		border-radius: 0 15px 15px 0;
	}
}

#order_sys .col1.board.board-check input[type=checkbox] + label .board-checkbox-text {
	position: absolute;
	top: 30%;
	left: calc(100% * 80 / 500);
	width: calc(100% * 420 / 500);
	color: #000;
	font-size: 100%;
	text-align: left;
	transform: translateY(-50%);
}

#order_sys .col1.board.board-check input[type=checkbox] + label .board-checkbox-sub {
	position: absolute;
	top: 60%;
	left: calc(100% * 80 / 500);
	width: calc(100% * 420 / 500);
	color: #000;
	font-size: 80%;
	text-align: left;
	transform: translateY(-50%);
}

#order_sys #fv .header-text {
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -.2px;
	text-align: center;
}

#order_sys #header-top02 {
	position: relative;
}

#order_sys #header-top02 #header-modal-open {
	position: absolute;
	top: calc(1197/1317 * 100%);
	left: 50%;
	width: calc(345/750 * 100%);
	height: auto;
	padding: calc(10/750 * 100%);
	background-color: #e9e0d7;
	transform: translateX(-50%);
}

#order_sys #header-top02 #header-modal-open:hover img {
	opacity: .7
}

#order_sys #header-top02 #header-modal-window .modal-wrap {
	max-width: 620px;
	padding: 70px 20px;
}

#order_sys #header-top02 #header-modal-window .modal-close {
	left: auto;
	right: 20px;
	padding-left: 0;
	padding-right: 45px;
}

#order_sys #header-top02 #header-modal-window .modal-close:before,
#order_sys #header-top02 #header-modal-window .modal-close:after {
	left: auto;
	right: 0;
}

#order_sys #header-top02 #header-modal-window .modal-wrap .modal-content {
	border-radius: 20px;
	padding: 25px;
}

#order_sys #header-top02 #header-modal-window .modal-wrap .modal-content .modal-title {
	font-size: 20px;
	font-weight: bold;
}

#order_sys #header-top02 #header-modal-window .modal-wrap .modal-content .modal-text {
}

#order_sys #header-top02 #header-modal-window .modal-wrap .modal-content .modal-text img {
	width:calc(100% - 32px);
	margin: 15px;
	border: 1px solid #e5e5e5;
}

#order_sys .modal-img {
	position: relative;
}

#order_sys .modal-img #step1-modal-open {
	position: absolute;
	top: calc(105/194 * 100%);
	left: calc(156/724 * 100%);
	width: calc(82/724 * 100%);
	padding: 5px 0;
	background-color: #fff;
	font-size: 14px;
	text-decoration: underline;
	line-height: 1;
	text-align: center;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	#order_sys .modal-img #step1-modal-open {
		left: calc(161/734 * 100%);
		padding: calc(100vw * 5 / 734) 0;
		font-size: calc(100vw * 16 / 734);
	}
}

#order_sys #step2-1 {
	padding: 20px 0;
	background-color: #e5e5e5;
	text-align: center;
}

#order_sys #step2-1 .number-wrap {
	display: inline-block;
	text-align: left;
}

#order_sys #step2-1 .number-wrap .number-pre {
	font-size: 16px;
}

#order_sys #step2-1 .number-wrap .number {
	font-size: 24px;
	text-align: center;
}

#order_sys #step2-1 .number-wrap .number input {
	width: 200px;
	font-size: 24px;
	padding: 5px 40px;
	text-align: center;
}

#order_sys #step2-1 .number-wrap .number-post {
	font-size: 12px;
}

#order_sys #step8-title {
	position: relative;
}

#order_sys #step8-title .modal-open {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 18px;
	padding: calc(10/718 * 100%) calc(10/718 * 100%) 0 0;
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	#order_sys #step8-title .modal-open {
		font-size: calc(100vw * 20 / 718);
		padding: calc(100vw * 10 / 718) calc(100vw * 10 / 718) 0 15px;
		line-height: 1;
	}
}

#order_sys #step9-title {
	position: relative;
}

#order_sys #step9-title .modal-open {
	position: absolute;
	top: calc(105/194 * 100%);
	left: 0;
	font-size: 18px;
	padding: calc(10/718 * 100%) calc(10/718 * 100%) calc(10/718 * 100%) 0;
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	#order_sys #step9-title .modal-open {
		font-size: calc(100vw * 20 / 718);
		padding: calc(100vw * 10 / 718) calc(100vw * 10 / 718) calc(100vw * 10 / 718) 15px;
		line-height: 1;
	}
}

#order_sys .select {
	position: relative;
}

#order_sys .col1 .select {
	text-align: center;
}

#order_sys .col1 .select input[type="image"] {
	width: auto;
	max-width: 100%;
}

#order_sys .select.active:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0,0,0,.4);
}

#order_sys .select.btn359-98.active:after {
	position: absolute;
	top: calc(3 / 98 * 100%);
	left: calc(3 / 359 * 100%);
	width: calc(346 / 359 * 100%);
	height: calc(83 / 98 * 100%);
	content: '';
	background-color: rgba(0,0,0,.4);
}

#order_sys .select-pre {
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	font-size: 16px;
	text-align: center;
}

#order_sys .select-post {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	font-size: 14px;
}

@media screen and (max-width: 568px) {
	#order_sys .select-post {
		font-size: 12px;
		letter-spacing: -.5px;
		line-height: 18px;
	}
}

#order_sys .summary-title {
	padding: 2px 5px;
	color: #fff;
	background: #a19377;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -.5px;
}

@media screen and (max-width: 767px) {
	#order_sys .summary-title {
		font-size: 18px;
		letter-spacing: 0;
	}
}

#order_sys table#summary {
	width: 100%;
}

#order_sys table#summary td.sumname {
	width: 30%;
	padding: 2px 5px;
	border-right: 1px solid #a19377;
	border-bottom: 1px solid #a19377;
	font-size: 18px;
}

#order_sys table#summary td.sumvalue {
	padding: 2px 5px;
	width: 70%;
	border-bottom: 1px solid #a19377;
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	#order_sys table#summary td.sumname,
	#order_sys table#summary td.sumvalue {
		font-size: 14px;
	}
}

#order_sys .price_check {
	margin: 10px 0 50px;
	padding: 5px;
	border: 3px solid #a19377;
	background: #f9f7f4;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	#order_sys .price_check {
		font-size: 18px;
	}
}

#order_sys .price_check #price,
#order_sys .price_check #optionprice,
#order_sys .price_check #totalprice {
	color: #9b0000;
}

#order_sys .price_check .total-price {
	font-size: 120%;
}

#order_sys #total-price2 {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 620px;
	transform: translateX(-50%);
	background-color: rgba(255,255,255,.95);
	border-top: 1px solid #e5e5e5;
	background-color: #908615;
}

#order_sys #total-price2 .col2 {
	gap: 0;
	align-items: stretch;
}

#order_sys #total-price2 .total-price2-title {
	width: 35%;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	background-color: #908615;
	color: #fff;
}

#order_sys #total-price2 .total-price2 {
	width: 65%;
	color: #9b0000;
	font-size: 140%;
	font-weight: bold;
	text-align: right;
	padding: 0 20px;
	border: 3px solid #908615;
	background-color: #fff;
}

#order_sys #total-price2 .total-price2 > span {
	position: relative;
	display: block;
	top: 50%;
	transform: translateY(-50%);
}

#addCart {
	position: relative;
}

#addCart #cartModal {
	position:absolute;
	left: 62.5%;
	bottom: 0;
	width: 75%;
	height: calc(75% * 1366 / 1080);
	background: url(../img/popup_before_order.jpg) center center no-repeat;
	background-size: contain;
}

@media screen and (max-width: 767px) {
	#addCart #cartModal {
		left: 0;
		width: 100%;
		height: 0;
		padding-top: calc(100% * 1366 / 1080);
	}
}

#addCart #cartModal .back {
	position:absolute;
	top: calc(100% * 1175 / 1366);
	left: calc(100% * 45 / 1080);
	bottom: 0;
	width: calc(100% * 485 / 1080);
	height: calc(100% * 135 / 1366);
	object-fit: contain;
}

#addCart #cartModal .submit {
	position:absolute;
	top: calc(100% * 1175 / 1366);
	left: calc(100% * 550 / 1080);
	bottom: 0;
	width: calc(100% * 485 / 1080);
	height: calc(100% * 135 / 1366);
	object-fit: contain;
}

#inquiryModal {
	position: fixed;
	top: -100%;
	left: 50%;
	width: 320px;
	background-color: rgba(255, 255, 255, 1.0);
	transition: top 0.6s ease;
	margin:0 auto;
	transform:translateX(-50%);
	text-align:center;
	border:2px solid #e75400;
	padding:0;
}
#inquiryModal.active {
	top: 0;
}
#inquiryModal p.title{
	font-weight:bold;
	color:#fff;
	background-color:#e75400;
	padding:10px;
}
#inquiryModal p.message{
	padding:10px;
	margin-bottom: 10px;
}
#inquiryModal button {
	padding: 10px 20px;
	background-color: #e75400;
	color: white;
	border: none;
	cursor: pointer;
	border-radius:4px;
	margin-bottom: 10px;
	font-weight:bold;
}

#inquiryModal button:hover {
	opacity:.6;
}

.modal-window {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.modal-window .modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	cursor: pointer;
}

.modal-window .modal-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 880px;
	transform: translateX(-50%);
	height: 100%;
	padding: 70px 40px 40px;
	box-sizing: border-box;
}

#step2-movie-window.modal-window .modal-wrap {
	max-width: 1200px;
}

.color-window {
	display: none;
}

.color-window > .col1 {
	padding: 0 5px;
}

.color-window .gray {
	background-color: #f9f7f5;
	padding: 0 5px;
}

.color-window .color-main-title {
	position: relative;
	padding: 20px 0 10px;
	font-size: 16px;
	font-weight: 700;
}

.color-window .color-main-title .color-close {
	position: absolute;
	top: 20px;
	right: 5px;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.color-window .color-check {
	position: relative;
	padding-left: 30px;
}

.color-window .color-check:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 15px;
	height: 8px;
	border-bottom: 2px solid #d93f0a;
	border-left: 3px solid #d93f0a;
	transform: rotate(-45deg);
}

.color-window input[type=checkbox] {
	display: none;
}

.color-window input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-right: 10px;
	white-space: nowrap;
}

.color-window input[type=checkbox] + label:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #000;
}

.color-window input[type=checkbox]:checked + label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 15px;
	height: 8px;
	border-bottom: 2px solid #d93f0a;
	border-left: 3px solid #d93f0a;
	transform: rotate(-45deg);
}

.color-window input[type=checkbox][name=color2] + label {
	position: relative;
	display: block;
	width: 80%;
	height: 0;
	padding-top: 80%;
	border-radius: 50%;
	font-size: 0;
	padding-left: 0;
	margin: 0 auto 10px;
}

.color-window input[type=checkbox][name=color2] + label:before {
	content: none;
}

.color-window input[type=checkbox][name=color2]:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 8px;
	border-bottom: 2px solid #fff;
	border-left: 3px solid #fff;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.color-window .col5 > *:first-child input[type=checkbox][name=color2] + label {
	border: 1px solid #ccc;
}

.color-window .col5 > *:first-child input[type=checkbox][name=color2]:checked + label:after {
	border-bottom: 2px solid #000;
	border-left: 3px solid #000;
}

.color-window .col5 > *:last-child input[type=checkbox][name=color2] + label {
	border: 1px solid #ccc;
	background: url(../img/color/color_others.png) center center no-repeat;
	background-size: 130%;
}

.color-window .color-number {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	padding: 20px 0 10px;
}

.color-window .color-number .color-sort {
	position: absolute;
	top: 20px;
	right: 5px;
	background-color: #d9dee2;
	z-index: 1;
}

.color-window .color-number .color-sort:after {
	content: '';
	position: absolute;
	top: 7px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	transform: rotate(-45deg);
	z-index: -1;
}

.color-window .color-number .color-sort select {
	appearance: none;
	position: relative;
	padding: 2px 30px 2px 10px;
	border: 0;
	background-color: transparent;
	font-size: 16px;
}

.color-window .color-example-notice {
	display: none;
}

.color-window .select {
	margin-bottom: 10px;
}

.color-window.color-step3 .step3-close {
	display: none;
}

.color-window.color-step4 .step4-close {
	display: none;
}

.color-window .select.active:after {
	content: none;
}

.color-window .select .color-img {
	margin-bottom: 5px;
}

.color-window .select .color-img-example {
	display: none;
	margin-bottom: 5px;
}

.color-window .select .color-group {
	font-size: 16px;
	font-weight: 700;
}

.color-window .select .color-name {
	font-size: 16px;
	font-weight: 700;
}

.color-window .select .color-price {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}

.color-window .select .color-btn {
	position: relative;
	height: 40px;
	font-weight: 700;
	background-color: #d93f0a;
	color: #fff;
	text-align: center;
	line-height: 39px;
	cursor: pointer;
}

.color-window .select.active .color-btn:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(0,0,0,.4);
}

.color-window .select:hover, .color-img
.color-window .select:hover .color-name,
.color-window .select:hover .color-price,
.color-window .select:hover .color-btn {
	opacity: .7;
}

.modal-window .modal-wrap .modal-wrap-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.modal-window .modal-wrap .modal-close {
	position: absolute;
	top: 40px;
	left: 40px;
	height: 30px;
	padding-left: 45px;
	color: #fff;
	font-size: 20px;
	line-height: 29px;
	cursor: pointer;
}

.modal-window .modal-wrap .modal-close:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 30px;
	height: 0;
	border: 1px solid #fff;
	transform: rotate(-45deg);
}

.modal-window .modal-wrap .modal-close:after {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 30px;
	height: 0;
	border: 1px solid #fff;
	transform: rotate(45deg);
}

.modal-window .modal-wrap .modal-content {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: scroll;
	background: #fff;
}

.modal-window .modal-wrap .modal-content > img {
	position: relative;
	width: auto;
	max-width: 100%;
	height: auto;
}

.modal-window .modal-wrap .modal-content .modal-wrapper {
	background-color: #faf9f7;
	padding: 20px;
}

.modal-window .modal-wrap .modal-content .modal-title {
	font-size: 18px;
	font-weight: 700;
}

.modal-window .modal-wrap .modal-content .modal-p {
}

.modal-window .modal-wrap .modal-content .modal-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
	padding-left: 0;
	list-style-type: none;
}

.modal-window .modal-wrap .modal-content img {
	max-width: 100%;
}

.modal-window .modal-wrap .modal-content .modal-list > li {
	width: calc((100% - 20px) / 3);
}

.modal-window .modal-wrap .modal-content .modal-list > li .modal-list-tag {
	font-size: 12px;
}

.modal-window .modal-wrap .modal-content .modal-list > li .modal-list-tag > span {
	display: inline-block;
	margin-bottom: 5px;
}

.modal-window .modal-wrap .modal-content .modal-list > li .modal-list-tag > span.tag-eco {
	padding: 1px 5px;
	background-color: #8ac73c;
	color: #fff;
	border-radius: 10px;
}

.modal-window .modal-wrap .modal-content .modal-list > li .modal-list-tag > span.tag-cold {
	padding: 2px 5px;
	background-color: #c6ddff;
}

.modal-window .modal-wrap .modal-content .modal-list > li .modal-list-notice {
	font-size: 12px;
	color: #fa0000;
}

.modal-window .modal-wrap .modal-content table {
	width: 100%;
	margin: 30px;
}

.modal-window .modal-wrap .modal-content .close {
	display: none !important;
}

@media screen and (max-width: 568px) {
	.modal-window .modal-wrap .modal-content .modal-list > li {
		width: calc((100% - 10px) / 2);
	}
}