
#idProductsContents .product-ichiran {
	display         : flex;
	flex-wrap       : wrap;
	align-items     : flex-start;
	align-content   : flex-start;
	justify-content : flex-start;
	padding         : 0 10px;
}

#idProductsContents .product-ichiran .product {
	margin-bottom : 30px;
}

.product-ichiran .product .set-plan0,
.product-ichiran .product .set-plan1,
.product-ichiran .product .set-plan2 {
	height   : 27px;
	width    : 130px;
	position : relative;
	top      : 5px;
	left     : 5px;
}

.product-ichiran .product .set-plan0 {
	background-image : url("/wp-content/themes/hyacca/sp/assets/img/product-list/set-plan0.svg");
}

.product-ichiran .product .set-plan1 {
	background-image : url("/wp-content/themes/hyacca/sp/assets/img/product-list/set-plan1.svg");
}

.product-ichiran .product .set-plan2 {
	background-image : url("/wp-content/themes/hyacca/sp/assets/img/product-list/set-plan2.svg");
}

#idProductsContents .product .product-tags {
	margin-bottom : 10px;
	font-size     : 10px;
	overflow-x    : hidden;
	white-space   : nowrap;
}
#idProductsContents .product .product-tags p:first-child{
	margin-bottom : 5px;
}

#idProductsContents .product .product-tags .brand {
	border       : 1px #cccccc solid;
	height       : 23px;
	line-height  : 23px;
	display      : inline-block;
	padding      : 0 10px;
	margin-right : 2px;
}

#idProductsContents .product .product-tags .item {
	border           : 1px #B5AC9F solid;
	height           : 23px;
	background-color : #B5AC9F;
	color            : #FFFFFF;
	line-height      : 23px;
	display          : inline-block;
	padding          : 0 10px;
	margin-right     : 2px;
}


#idProductsContents .product .product-name {
	font-weight   : 600;
	position      : relative;
	font-size     : 12px;
	height: 17px;
	line-height: 1.2;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#idProductsContents .product .product-caption {
	height        : auto;
	line-height   : 150%;
	margin-bottom : 9px;
}

#idProductsContents .product .product-kakaku {
	/*! text-align: right; */
}

#idProductsContents .product .debug-log {
	font-size  : 10px;
	padding    : 8px;
	background : #f9f9f9;
	border     : 1px dashed #ccc;
	margin-top : 8px;
}

#idProductsContents .product .debug-log pre {
	white-space : pre-wrap;
	word-break  : break-word;

}

#page-loading {
	position   : fixed;
	top        : 0;
	right      : 0;
	bottom     : 0;
	left       : 0;
	background : rgba(0, 0, 0, .3);
	width      : 100%;
	height     : 100%;
	z-index    : 999999;
}

#page-loading {
	display : none;
}

#page-loading::before {
	content       : "";
	display       : block;
	position      : fixed;
	left          : 50%;
	top           : 50%;
	width         : 80px;
	height        : 80px;
	border-radius : 80px;
	margin-top    : -40px;
	margin-left   : -40px;
	/*! background: white; */
}

#page-loading::after {
	content       : "";
	display       : block;
	position      : fixed;
	left          : 50%;
	top           : 50%;
	width         : 42px;
	height        : 42px;
	border-radius : 30px;
	margin-top    : -25px;
	margin-left   : -25px;
	/*! border: 4px solid black; */
	border-right  : 4px solid #fff;
	animation     : loading-rotate 1s infinite linear;
}

#page-loading .icon {
	display   : block;
	position  : fixed;
	/*left: 50%;*/
	top       : 50%;
	color     : #65a6cf;
	font-size : 9px;
	opacity   : 1;
	width     : 100%;
}

@keyframes loading-rotate {
	0% {
		transform : rotate(0deg);
	}
	100% {
		transform : rotate(360deg);
	}
}

#page-loading .icon .msg {
	/*position: fixed;*/
	/*top: 56%;*/
	color             : #fff;
	font-size         : 11px;
	opacity           : 1;
	width             : 100%;
	margin            : 50px 0 0 0;
	text-align        : center;
	-webkit-animation : blink 2s ease-in-out infinite alternate;
	-moz-animation    : blink 2s ease-in-out infinite alternate;
	animation         : blink 2s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
	70% {
		opacity : 0.7;
	}
	100% {
		opacity : 1;
	}
}

@-moz-keyframes blink {
	70% {
		opacity : 0.7;
	}
	100% {
		opacity : 1;
	}
}

@keyframes blink {
	70% {
		opacity : 0.7;
	}
	100% {
		opacity : 1;
	}
}

.product-ichiran .product:nth-child(odd) {
	padding : 0 3% 0 0;
}

.product-ichiran .product:nth-child(even) {
	padding : 0 0 0 3%;
}

@media only screen and (max-width : 500px) {
	#idProductsContents .product .product-tags {
		margin-bottom : 7px;
		font-size     : 9px;
	}
	#idProductsContents .product .product-tags p:first-child{
		margin-bottom : 5px;
	}

	#idProductsContents .product .product-tags .brand,
	#idProductsContents .product .product-tags .item {
		line-height  : 15px;
		height       : 15px;
		padding      : 0px 5px;
		margin-right : 2px;
		/*! font-size: 9px; */
	}

	#idProductsContents .product .product-name {
		font-size     : 11px;
		position      : relative;
		height        : 12px;
		line-height   : 1.1;
		font-weight   : 600;
		margin-bottom : 5px;
		text-overflow : ellipsis;
		overflow      : hidden;
		white-space   : nowrap;
	}

	.product-ichiran .product .set-plan0,
	.product-ichiran .product .set-plan1,
	.product-ichiran .product .set-plan2 {
		height : 19px;
		width  : 74px;
		top    : 0px;
		left   : 0px;
	}
}