/* Original Slider */

.slider-thumb {
	width: 100%;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.slider-thumb::before,
.slider-thumb::after {
	content: "";
	display: block;
	width: 24%;
}

.slider-thumb::before {
	order: 1;
}

.thumb-box {
	width: 24%;
	cursor: pointer;
}

.thumb-box img {
	margin-bottom: 1%;
}

.hero-slider div {
	width: 100%;
}

/* 荳迸ｬ縺ｮ陦ｨ遉ｺ荵ｱ繧碁國縺� */
.hero-slider,
.slider-featured {
	visibility: hidden;
}

.hero-slider.slider-initialized,
.slider-featured.slider-initialized {
	visibility: visible;
}



img {
	vertical-align: bottom;
}


.small-box img,
.bgkb-slider img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
}



.spec {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	word-break: keep-all;
	line-height: 1.5rem;
}

.price {
	font-size: 130%;
	font-weight: 900;
	margin: 0 0.3rem;
}

.tag {
	display: inline-block;
	background: #efefef;
	margin: 0.3rem 0.3rem;
	padding: 0 10px;
	font-size: 0.7rem;
	border-radius: 5px;
	word-break: keep-all;
	height: 1.3rem;
	line-height: 1.3rem;
}

.tag a {
	display: block;
	text-decoration: none;
	font-size: 0.7rem;
	color: #333;
	height: 1.3rem;
	line-height: 1.3rem;
}

.tag+.tag {
	margin-left: 0.3rem;
}

.soldout{
	background-color: #666;
	color: white;
}

h2 .tag{
	font-weight: normal;
	margin-left: 1rem;
}

.ribbon {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.ribbon .ribbon-text {
	display: inline;
	font-family: 'Josefin Sans';
	font-weight: 600;
}

.ribbon .ribbon-text span {
	position: absolute;
	display: inline-block;
	top: 10px;
	right: 10px;
	width: 60px;
	padding: 5px 15px 3px 15px;
	background: #666;
	/*#42538a;*/
	color: #fff;
	font-size: 11px;
	text-align: center;
	/*transform: rotate(-45deg);*/
}

.store-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0rem;
	width: 100%;
}

.product-box {
	width: 48%;
	margin-bottom: 2rem;
}

.product-box img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.product-title {
	font-size: 1.0rem;
	font-weight: 900;
	margin: 1rem 0.3rem 0.3rem 0.3rem;
}

.download {
	text-align: center;
	margin: 2rem auto;
	padding: 2em 0;
	background: #efefef;
}

.btn-download {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	align-items: center;
	margin: 0 2rem;
	padding: 1rem 2rem;
	background: #fff;
	border: #2204bc 1px solid;
	border-radius: 6px;
	color: #2204bc;
	font-size: 1rem;
}

.btn-download:hover,
.btn-download:visited {
	color: #2204bc;
	text-decoration: none;
}

.btn-download img {
	width: 1.2rem;
	height: 1.2rem;
}

@media screen and (min-width: 530px) {
	.product-box {
		width: 240px;
		margin-bottom: 4rem;
	}

	.store-box::before {
		content: "";
		display: block;
		width: 240px;
		order:1;
	}

	.store-box::after {
		content: "";
		display: block;
		width: 240px;
	}
}



@media screen and (min-width: 1230px) {
	/*.product-box {
		width: 22%;
	}*/

	.store-box::after {
		content: "";
		display: block;
		/*width: 22%;*/
	}
}