/*------------------------
 * c-item
 *------------------------*/
.c-item {

}
.c-item__comment01 {
	margin-top: 20px;
	font-size: 15px;
}
.c-item__item {
	margin-top: 20px;
	display:flex;
	flex-wrap:wrap;
	gap:10px 30px;
}
.c-item__item li {
	width:212px;
	height:auto;
}
.c-item__item .c-title01,
.c-item__item .c-title02 {
	width:100%;
	padding:10px;
}
.c-item__item .c-title01 {
	background-image: linear-gradient( 180deg, #ff434a 0%, #f00007 100% );
}
.c-item__item .c-title02 {
	background:#ffeded;
}
.c-item__item li figure{
	color:#333333;
}
.c-item__item li .explain{
}
/*--------------------------*
 * title, subtitle
 *--------------------------*/
.c-item__item li .title{
	color:#333333;
	margin:10px 0 5px 0;
	font-weight:bold;
}
.c-item__item li .subtitle{
	font-size:11px;
	color:#888;
	height:54px;
}
/*--------------------------*
 * link, img
 *--------------------------*/
.c-item__item-link{
	text-decoration:none;
}
.c-item__item-img {
	width:100%;
	height:auto;
}
/*--------------------------*
 * c-search
 *--------------------------*/
.c-search_title {
	margin:40px 0 40px;
	text-align:center;
}
.c-search_title p{
	background:#3f65ae;;
	border-radius:4px;
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	text-align:center;
	font-size:18px;
}
.c-search_title p span{
	color:#fff0b5;
	font-weight:bold;
	margin:0 10px;
}
/*--------------------------*
 * c-item__template
 *--------------------------*/
.c-item__template {
	margin-top: 20px;
	display:flex;
	flex-wrap:wrap;
	gap:10px 30px;
}
.c-item__template li{
	width:212px;
	padding:10px;
	border:3px solid #ccc;
}
.c-item__template li a{
	color:#333333;
	display:table;
	text-decoration:none;
}
.c-item__template li .image{
	width:72px;
}
.c-item__template li .image img{
	width:100%;
}
.c-item__template li .title{
	display:block;
	text-align:center;
	margin-top:10px;
}
.c-item__template li .c-button01{
	line-height:24px;
	line-height:16px;
	cursor:pointer;
	background: #20aeb3;
	background: linear-gradient(180deg,rgba(32, 174, 179, 1) 0%, rgba(22, 99, 102, 1) 100%);
	color:#fff;
	width:100%;
	display:inline-block;
	padding:5px 10px;
	border-radius:5px;
	text-align:center;
}
.c-item__template li .c-button01 .pricebutton:hover {
	opacity:0.8;
}
/*--------------------------*
 * pricebox
 *--------------------------*/
.pricebox {
	margin-top:-22px;
	text-align:right;
}
.pricebox .price01 {
	font-size:14px;

}
.pricebox .price02 {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
}
.pricebox .price03 {
	font-size:14px;
}
/*--------------------------*
 * pricelinkbox
 *--------------------------*/
.pricelinkbox {
	text-align:right;
}
.pricelink {
	position: relative;
	margin-right:6px;
	margin-top:4px;
	font-size: 12px;
	background-color: #000;
	color: #fff;
	padding: 4px 4px;
	display: inline-block;
	border-radius: 4px 0px 0px 4px;
}
.pricelink:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 12px 6px;
	border-color: transparent transparent transparent #000;
	display: inline-block;
}
.pricelink:hover {
	background-color: #ff0000;
}
.pricelink:hover:after {
	border-color: transparent transparent transparent #ff0000;
}
/*--------------------------*
 * iconarea
 *--------------------------*/
.c-item__item li .explain .iconarea {
	width: 50%;
	margin-top:5px;
	display:flex;
	flex-wrap;wrap;
}
.c-item__item li .explain .iconarea li{

}
/*--------------------------*
 * printcolor
 *--------------------------*/
.printcolor-fullcolor {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #e70012;
	padding: 1px 2px;
	border: 1px solid #e70012;
	border-radius: 4px;
}
.printcolor-fullcolor::after {
	content: '';
	position: relative;
	top: 2px;
	margin-left: 2px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: conic-gradient( from -45deg at 50% 50%, #e1002c 72deg, #fec600 144deg, #23b554 216deg, #1140c2 288deg, #b336b3 360deg );
	border-top-left-radius: 0%;
	border-top-right-radius: 100% 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50% 100%;
	transform: rotate(45deg) skew(3deg, 3deg);
}