@charset 'utf-8';

#similar-item {
	font-size:120%;
	position: absolute;
	right: 5px;
	z-index: 9999;
}

#unit_price_area {
	background-color: #00a9da;
}

#unit_price_area p{
	line-height: 1.5em;
	margin: 5px;
}


#similar_price_area div{
	background-color: #207A32;
	margin: 10px 0;
	font-weight: bold;
}

#similar_price_area div {
	
}

#similar_price_area p {
	line-height: 1.5em;
	margin: 5px;
}

#similar_price_area a {
	color: #FEE;
}

#similar_price_area .value {
	font-size: 20px;
}

#similar_price_area .insert_unit_price {
	font-size: 20px;
}

.price_area {
	color: #fff;
	border-radius: 5px;
	padding: 10px 0;
	text-align: center;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	box-shadow: 2px 2px 6px rgba(0,0,0,.3); 
	font-size: 14px;
	position: relative;
	width: 150px;
	margin: 0 0 10px 30px;
}

.no_area {
	display: none;
}
#unit_price_area:before {
	content: "";
	display: block;
	border: 10px solid rgba(0,0,0,0);
	border-right: 10px solid #00a9da;
	position: absolute;
	left: -20px;
	top: 20px;
}

.price {
	font-size: 20px;
}
.kosu {
	font-size: 20px;
}
.line {
	display: inline-block;
}

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

	.mobile_type #unit_price_area {
		width: 100%;
		margin: 10px 0 0 0;
		border-radius: 0px;
		box-shadow: none;
	}
	.mobile_type #unit_price_area:before {
		left: 50%;
		top: -10px;
		margin: -7px 0 0 -5px;
		border: 10px solid rgba(0,0,0,0);
		border-bottom: 10px solid #00a9da;
	}
/*
	.mobile_type .line {
		display: inline-block;
	}
*/
}

@media screen and ( max-width: 736px ) {
	#similar-item {
		position: relative;
		right: auto;
		z-index: auto;
		background-color: #f3fff5;
	}
	#similar-item #similar_price_area {
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		-webkit-box-lines: multiple;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		margin: 0 20px;
	}
	#similar-item .price_area {
		box-shadow: none;
	}
	#similar-item #similar_price_area div {
		font-weight: normal;
	}
	.similar-item-title {
		color: #207a32;
		padding: 5px 10px 0;
	}
}
@media screen and ( max-width: 667px ) {
	#similar-item .price_area {
		width: 23%;
		width: -webkit-calc( 100% / 4 - 10px );
		width: calc( 100% / 4 - 10px );
	}
}
@media screen and ( max-width: 480px ) {
	#similar-item .price_area {
		width: 32%;
		width: -webkit-calc( 100% / 3 - 10px );
		width: calc( 100% / 3 - 10px );
	}
}
@media screen and ( max-width: 375px ) {
	#similar-item .price_area {
		width: 48%;
		width: -webkit-calc( 100% / 2 - 10px );
		width: calc( 100% / 2 - 10px );
	}
}
@media screen and ( max-width: 320px ) {
	#similar-item #similar_price_area {
		margin: 0 5px;
	}
	#similar-item .price_area {
		width: 49%;
		width: -webkit-calc( 100% / 2 - 5px );
		width: calc( 100% / 2 - 5px );
	}
}