div.pitem {
	margin: 0 auto; 
	width: 100%;
	max-width: 1920px;
}
	
	div.pitem div.p {
		width: 100%;
		display: table;
		
	}
			
	
	div.pitem div.params {
		display: table-cell;
		width: 35%;
		box-sizing: border-box;
		padding: 0px 20px 0px 0px;
		font-size: 1.3vw;
		line-height: 1.8vw;
		font-weight: 300;
		vertical-align: top;
		box-sizing: border-box;
	}
		div.pitem div.params div.counts {
			display: flex;
		}	
				
				div.pitem div.params div.counts span {
					display: block;
					font-size: 16px;
					background: #303033;
					border-radius: 20px;
					color: #ffffff;
					padding: 10px 10px 4px 10px;
					margin: 0px 5px 0px 0px;
					font-weight: 100;
				}
				
				
					div.pitem div.params div.counts span.tolc {
						background: linear-gradient(to top right, #ff6021, #ca3900);
					}
					div.pitem div.params div.counts span.pisu {
						background: linear-gradient(to top right, #de7800, #de4400);
					}
					div.pitem div.params div.counts span.dush {
						background: linear-gradient(to top right, #00acd1, #0084a0);
					}
					div.pitem div.params div.counts span.rako {
						background: linear-gradient(to top right, #3ec2e3, #02a9d3);
					}
					
					
					div.pitem div.params div.counts span b {
						font-size: 18px;
						font-weight: 600;
					}
					
					div.pitem div.params div.counts img {
						height: 36px;
					}
					
				div.pitem div.params div.counts span span.flw {
					position: absolute;
					background: #f0f0f0;
					border-radius: 5px;
					color: #303033;
					padding: 2px 5px 2px 5px;
					display: none;
					margin: -28px 0px 0px 0px;
					z-index: 2;
					font-weight: 400;
				}
				div.pitem div.params div.counts span:hover span.flw {
					display: block;
				}
				
		div.pitem div.params p.more {
			color: #a0a0a0;
			font-weight: 500;
			font-size: 0.8em;
			padding: 0px 5px 0px 5px;
		}
			div.pitem div.params p.more span {
				border-bottom: 1px dotted #b0b0b0;
				cursor: pointer;
			}
			div.pitem div.params p.more span:hover {
				color: #303030;
				border-bottom: 1px dotted #404040;
			}

		#alltext {
			display: none;
			font-size: 0.9em;
		}
				
		
		div.pitem p.forder {
			text-align: right;
			padding: 5px 10px 5px 10px;
		}			
			div.pitem p.forder span {
				display: inline-block;
				color: #000000;
				padding: 2px 10px 2px 10px;
				font-family: 'Bitter', sans-serif;
				font-weight: 700;
				border-bottom: 2px solid #000000;
				cursor: pointer;
				transition : border 200ms ease-out;
			}
			div.pitem p.forder span:hover {
				color: #004d58;
				border-bottom: 2px solid #ff4200;
			}
			
	
	div.itogo {
		text-align: right;
		padding: 3vw 10px 2vw 10px;
		border-top: 3px dotted #c0c0c0;
		font-size: 2.4vw;
		margin: 1vw 0px 0px 0px;
		box-sizing: border-box;
	}			
		div.itogo span {
			display: inline-block;
			color: #000000;
			padding: 2px 10px 2px 10px;
			font-family: 'Bitter', sans-serif;
			font-weight: 800;
			border-bottom: 2px solid #000000;
			cursor: pointer;
			transition : border 200ms ease-out;
		}
		div.itogo span:hover {
			color: #004d58;
			border-bottom: 2px solid #ff4200;
		}
				
				
				
	div.pitem div.modelgal {
		display: table-cell;
		width: 65%;
	}
		div.pitem div.modelgal div.gal {
			height: 80vh;
			min-height: 400px;
			max-height: 700px;
			width: 100%;
		}
		
	
	
		div.pitem b {
			font-weight: 600;
		}
		
		
		
	div.pitem div.p2 {
		display: table;
		width: 100%;
		box-sizing: border-box;
	}		
		div.pitem div.p2 div.params {
			width: 35%;		
			display: table-cell;
			
		}
			div.pitem div.p2 div.params h5 {
				margin: 30px 0px 20px 0px;
			}
			
			div.pitem div.p2 div.params div.frame {
				background: #cbe3e6;
				border-radius: 50px;
				padding: 5px 20px 30px 20px;
			}		
			div.pitem div.p2 div.params div.ccolor {
				background: none;
				border: 2px solid #808088;
			}
			
			div.pitem div.p2 div.params div.ccolor label {
				display: table;
			}
			
				div.pitem div.p2 div.params div.ccolor label span.cell {
					display: table-cell;
					vertical-align: middle;
					
				}
				div.pitem div.p2 div.params div.ccolor span.cell span {
					border-bottom: dotted 1px #303030;
					cursor: pointer;
					margin: 5px;
				}
				div.pitem div.p2 div.params div.ccolor span.cell  span:hover {
					color: #004d58;
					border-bottom: dotted 1px #004d58;
					
				}
				
				div.pitem div.p2 div.params div.ccolor img {
					width: 10vw;
					padding: 1vw;
				}
				div.pitem div.p2 div.params div.ccolor input[type="text"] {
					font-family: 'Bitter', sans-serif;
					padding: 4px 15px 4px 15px;
					font-size: 1.1vw;
					font-weight: 500;
					width: 12vw;
					box-sizing: border-box;
					text-align: center;
				}
				
				
			div.pitem div.p2 div.params div {
				display: block;
				margin: 1vw 0px 1vw 0px;
				
			}
			div.pitem div.p2 div.params div.selfcolor {
				margin: 3vw 0px 1vw 0px;
			}
			
				div.pitem div.p2 div.params span.name {
					font-size: 1.2vw;
					font-weight: 300;
				}
				
				div.pitem div.p2 div.params span.val {
					font-weight: 600;
					font-size: 1.2vw;
				}
					div.pitem div.params .red {
						color: #002266;
					}
					div.pitem div.params .grn {
						color: #006622;
					}
					div.pitem div.params .ylw {
						color: #bb6600;
					}
					
			div.pitem div.configure {
				
			}				
				div.pitem div.configure div.names {
					
				}
					div.pitem div.configure div.names a {
						border-radius: 3px;
						padding: 2vw 2vw 2vw 2vw;
						box-sizing: border-box;
						width: 48%;
						display: inline-block;
						margin: 1%;
						text-align: center;
						background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
						font-size: 2vw;
						text-decoration: none;
						text-shadow: 0px 1px 0px #ffffff;
						color: #000000;
					}
						div.pitem div.configure div.names a b {
							font-weight: 500;
						}
					div.pitem div.configure div.names a:hover {
						background: linear-gradient(to bottom, #ffccaa, #ffb499);
					}

					div.pitem div.configure div.names a.act {
						background: linear-gradient(to bottom, #ff4200, #ff2200);
						color: #ffffff;
						text-shadow: 0px 1px 0px #000000;
					}
					
				div.pitem div.complblock {
					display: none;
					font-size: 1vw;
					padding: 20px 0px 30px 0px;
					font-weight: 300;
				}
					div.pitem div.complblock div.capt {
						font-size: 1.9em;
						text-transform: uppercase;
						padding: 8px 2px 8px 7px;
						color: #505050;
						font-weight: 300;
						background: #f0f0f0;
						text-shadow: 0px 1px 0px #ffffff;
						border-radius: 3px;
					}
					div.pitem div.complblock div.info {
						margin-bottom: 20px;
					}
					
					
					
					div.pitem div.complblock span.choose {
						font-size: 0.8em;
						display: block;
						margin: 10px 0px -5px 0px;
						color: #606060;
					}
					
						div.pitem div.complblock ul {
							margin: 10px 5px 10px 25px;
							padding: 0px;
						}
							div.pitem div.complblock ul li {
								margin: 0px 0px 0px 0px;
								padding: 5px 2px 5px 2px;
								font-size: 1.2em;
							}
							div.pitem div.complblock ul li b {
								font-weight: 500;
							}
							
					div.pitem div.complblock label {
						display: table;
					}
						div.pitem div.complblock label span.inpt {
							width: 22px;
							display: table-cell;
							padding: 1px 3px 1px 3px;
							box-sizing: border-box;
							vertical-align: middle;
						}
						div.pitem div.complblock label span.nm {
							display: table-cell;
							box-sizing: border-box;
							padding: 1px 3px 1px 3px;
							vertical-align: middle;
							
						}

							div.pitem div.complblock label span.nm span {
								border-bottom: 1px dotted #909499;
								cursor: pointer;
								font-size: 0.9em;
							}
							div.pitem div.complblock label span.nm span:hover {
								color: #004d58;
								border-bottom: 1px dotted #f0f3f6;
							}
	
	
	
	
	div.pitem div.calculation {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap
	}
		div.pitem div.calculation div.block {
			text-align: left;
			padding: 0px 3vw 2vw 0px;
			font-size: 1.4vw;
			font-weight: 300;
			width: 33%;
			box-sizing: border-box;
		}
		
			
			div.pitem div.calculation div.elem {
				margin: 0px;
			}
			
				div.pitem div.calculation div.elem+div.elem {
					border-top: 1px dotted #c0c0c0;
				}
				
				div.pitem div.calculation div.elem table {
					width: 100%;
				}
					div.pitem div.calculation div.elem table td.inpt {
						width: 22px;
					}
					div.pitem div.calculation div.elem table td.inf {
						width: 3.4vw;
					}
					
					
			div.pitem div.calculation p.capt {
				font-size: 1.3em;
				text-transform: uppercase;
				padding: 5px 2px 2px 7px;
				border-bottom: 1px solid #b0b0b0;
				color: #505050;
				font-weight: 300;
				margin: 20px 0px 10px 0px;
			}
			div.pitem div.calculation label {
				display: block;
				cursor: pointer; 
				padding: 0.4vw 0px 0.4vw 0px;
				border-radius: 20px;
			}
				
				
			div.pitem div.calculation label input {
				position: absolute;
				margin: 1.3vw 0px 0px 3px; 
			}
			
			div.pitem div.calculation span {
				display: block;
				margin: 0px 0px 0px 2px;
			}
		
				
				div.pitem div.calculation div.about {
					position: absolute;
					font-size: 0.92em;
					display: none;
					background: rgba(234,234,234,0.92);
					border: 2px solid #909090;
					width: 27vw;
					z-index: 2;
					border-radius: 20px;
					box-sizing: border-box;
					padding: 2vw 1vw 1vw 1vw;
					text-align: center;
					opacity: 0;
					animation: ani 0.5s forwards;
				}
					div.pitem div.calculation div.about div.close {
						text-align: right;
					}
					
					div.pitem div.calculation div.about div.close div {
						display: inline-block;
						background-color: #aa3014;
						width: 2.4vw;
						height: 2.4vw;
						padding: 0.53vw;
						border-radius: 100px;
						box-sizing: border-box;
						position: absolute;
						margin: -1.85vw 0px 0px -1.6vw;
						cursor: pointer;
						text-align: center;
						color: #ffffff;
						font-weight: 500;
					}
						
						
						div.pitem div.calculation div.about div.close div:hover {
							background-color: #992510;
						}
						
						
						div.pitem div.calculation div.about p img{
							width: 100%;
							border-radius: 20px;
						}
						
						
						
				div.pitem div.calculation span.ico {
					display: inline-block;
					height: 3.1vw; 
					width: 3.1vw;
					box-sizing: border-box;
					padding: 0.6vw 0px 0px 0px;
					background: #15dde9;
					font-family: 'Bitter', sans-serif;
					text-shadow: 0px 1px 0px #000000;
					color: #ffffff;
					font-size: 1.8vw;
					font-weight: 900;
					text-align: center;
					border-radius: 100px;
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center center;
					opacity: 0.9;
					cursor: pointer;
				}
				div.pitem div.calculation span.ico:hover {
					opacity: 1;
					background-color: #0b7e8f;
					color: #ffffff;
				}
				
				
		div.pitem div.information {
			color: #ff0000;
			border-top: 2px dotted #e0e0e0;
		}
			div.pitem div.information button {
				border-radius: 10px;
				border: 1px solid #606066;
				cursor: pointer;
			}
			div.pitem div.information button:hover {
				background: #e0e0e6;
				color: #000000;
			}
	
@media screen and (max-width: 1250px) {
	div.pitem div.complblock {
		font-size: 14px;
	}

}
			
@media screen and (max-width: 1025px) {
	div.pitem div.params {
		font-size: 16px;
		line-height: 20px;
	}
	div.pitem div.ccolor {
		font-size: 14px;
		line-height: 18px;
	}
	div.pitem div.p2 div.params div.ccolor input[type="text"] {
		padding: 3px 5px 3px 5px;
		font-size: 14px;
	}
	div.pitem div.p2 div.params div.ccolor span.cell span {
		margin: 0px;
	}
	div.pitem div.calculation div.block {
		width: 50%;
		font-size: 16px;
		padding: 0px 10px 0px 10px;
	}
		div.pitem div.calculation div.about {
			width: 45vw;
			border-radius: 15px;
			box-sizing: border-box;
			padding: 20px 10px 10px 10px;
		}
					div.pitem div.calculation div.about div.close div {
						width: 25px;
						height: 25px;
						padding: 5px;
						margin: -18px 0px 0px -20px;
						font-size: 14px;
					}
					
					
	div.pitem div.complblock div.capt {
		font-size: 1.7em;
		margin: 10px 0px 5px 0px;
	}
	div.pitem div.calculation div.capt {
		font-size: 18px;
		margin: 0px 0px 5px 0px;
	}
	
	div.pitem div.calculation span.ico {
		height: 32px; 
		width: 32px;
		padding: 4px 0px 0px 0px;
		font-size: 22px;
	}
}

@media screen and (max-width: 860px) {
	div.itogo {
		padding: 30px 10px 20px 10px;
		border-top: 3px dotted #c0c0c0;
		font-size: 24px;
		margin: 20px 0px 0px 0px;
		
	}			
	div.pitem div.p {
		display: block;
	}
	
	div.pitem div.params {
		width: 100%;
		font-size: 16px;
		display: block;
		padding: 0px;
	}
		
	
	div.pitem div.modelgal {
		width: 100%;
		float: none;
		display: block;
		padding: 20px 0px 10px 0px;
	}
		div.pitem div.modelgal div.gal {
			height: 60vh;
			min-height: 400px;
		}
	
	
	div.pitem div.p2 div.params div {
		margin: 10px 0px 10px 0px;		
	}
	div.pitem div.p2 div.params div.selfcolor {
		margin: 20px 0px 10px 0px;		
	}
		div.pitem div.p2 div.params span.name {
			font-size: 16px;
		}
		
		div.pitem div.p2 div.params span.val {
			font-size: 16px;
		}
	
	div.pitem div.p2 div.params div.ccolor {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	div.pitem div.p2 div.params div.ccolor h5 {
		width: 100%;
	}		
	div.pitem div.p2 div.params div.ccolor  div {
		width: 50%;
		
	}
		div.pitem div.p2 div.params div.ccolor img {
			width: 14vw;
			padding: 1vw 2vw 1vw 2vw;
		}
	div.pitem div.p2 div.params div.ccolor  div.selfcolor {
		width: 100%;
	}
	div.pitem div.p2 div.params div.ccolor input[type="text"] {
		width: 180px;
	}
	
	div.pitem div.configure div.names a {
		padding: 15px 10px 15px 10px;
		font-size: 24px;		
	}
	
	div.pitem div.complblock div.capt {
		font-size: 1.6em;
	}
	
	div.pitem div.complblock {
		font-size: 12px;
	}
	
	div.pitem div.calculation div.block {
		padding: 0px 10px 10px 10px;
		font-size: 16px;
		width: 50%;
	}
		
	div.pitem div.calculation div.capt {
		font-size: 16px;
	}
	
	
}

@media screen and (max-width: 650px) {
	div.itogo {
		font-size: 20px;		
	}
	
	div.pitem div.p2 div.params div.elm2, div.pitem div.p2 div.params div.elm3 {
			width: 50%;
		}
	

	div.pitem div.params div.counts span {
		font-size: 12px;
		background: #303033;
		border-radius: 10px;
		padding: 6px 6px 2px 6px;
		margin: 0px 3px 0px 0px;
	}
		div.pitem div.params div.counts span b {
			font-size: 16px;
		}
		
		div.pitem div.params div.counts img {
			height: 28px;
		}
		
	div.pitem div.params div.counts span span.flw {
		border-radius: 2px;
		padding: 2px 2px 2px 2px;
		margin: -28px 0px 0px -10px;
	}	
	
	div.pitem div.modelgal {
		padding: 0px 0px 10px 0px;
	}
	
	div.pitem div.configure div.names a {
		padding: 12px 5px 12px 5px;
		font-size: 18px;		
	}
	
	div.pitem div.calculation div.block {
		width: 100%;
		padding: 0px 5px 5px 5px;
	}
	div.pitem div.calculation div.about {
			width: 90vw;
			border-radius: 15px;
			box-sizing: border-box;
			padding: 20px 10px 10px 10px;
		}
}

@media screen and (max-width: 500px) {
	div.itogo {
		border-top: 2px dotted #c0c0c0;
		font-size: 16px;		
	}	
	div.pitem div.p2 div.params div.ccolor img {
		width: 16vw;
		padding: 1vw 1vw 1vw 1vw;
	}
		
		
	div.pitem div.modelgal div.gal {
		height: 50vh;
		min-height: 350px;
	}
	
	div.pitem div.p2 div.params div.frame {
		border-radius: 30px;
		padding: 1px 10px 20px 10px;
	}	
	
	div.pitem div.p2 div.params div {
		margin: 8px 0px 8px 0px;		
	}
		div.pitem div.p2 div.params span.name {
			font-size: 14px;
		}
		
		div.pitem div.p2 div.params span.val {
			font-size: 14px;
		}
		
	div.pitem div.ccolor {
		font-size: 12px;
		line-height: 16px;
	}
	div.pitem div.calculation div.block {
		width: 100%;
		font-size: 14px;
		padding: 0px 5px 5px 5px;
	}
	div.pitem div.calculation span.ico {
		height: 28px; 
		width: 28px;
		font-size: 18px;
	}
}