@charset "utf-8";
.tagBox .categoryPageCheckPoint {
	font-size: 0;
	text-align: center;
	margin-bottom: 30px;
	
	& li {
		list-style:none;
		font-size: 1.5rem;
		display: inline-block;
		background: var(--color-sub);
		margin: 0 5px 5px 0;
		padding: 5px 15px;
		border: ra5px;
		color: #fff;
		
        &::before {
            font-family: var(--fa);
            font-weight: 900;
            content: "\f00c";
            margin-right: 10px;
        }
	}
}

/*-----------
スペック用テーブル / specsTable
-----------*/
.specsTable {
	
	@media (width <= 999px) {
		font-size: 1.4rem;
	}
}

/*-----------
二つ並びli・並び順変更 / categoryPage2col
-----------*/
#main .tagBox .categoryPage2col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 25px;
	margin-bottom: 50px;
	
	@media (width <= 999px) {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 25px 0;
	}
	
	& li {
		list-style: none;
		margin: 0;
		/*display: grid;
		grid-template-columns: 40% 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		grid-gap: 0 25px;
		grid-template-areas:
			"C A"
			"C B"
			"C .";
		grid-auto-rows:auto;
		grid-template-rows: auto auto 1fr; */
		
		@media (width <= 767px) {
			/*grid-template-columns: repeat(1, 1fr);
			grid-template-areas:
				"C"
				"A"
				"B";
			grid-template-rows: auto; */
		}
		
		& h3 {
			/*grid-area: A;
			align-self: start;*/
		}
		& div {
			/*grid-area: B;
			align-self: start;*/
			
			& p:last-of-type {
				margin-bottom: 0;
			}
		}
		& img {
			/*grid-area: C;
			align-self: start;	*/
			display: block;					
			
			@media (width <= 767px) {
				margin-bottom: 25px;
			}
		}
	}
}

/*-----------
ほかの商品を見る / categoryPageOtherItems
-----------*/
#main .tagBox .categoryPageOtherItems {
	text-align: center;
	
	& .pageLinkList1 {
		padding-top: 15px;
		margin-bottom: 0;
		
		@media (width <= 999px) {
			padding-top: 10px;
		}
		
		& .pageLinkList1-kaitori {
			& a {
				background: var(--color-accent-light);				
				
				&:hover {
					color: var(--color-accent-deep);
				}
			}
		}
	}
}

/* ------------------------------------------------------- */
/* 目玉商品一覧トップ【swingkids様用表示領域】 */
/* ------------------------------------------------------- */
.recommendlisttop{
	&:has(img){
		margin-bottom:50px;
	}
	& img{
		display:block;
		margin:0 auto 10px;
		&:last-of-type{
			margin:0 auto;
		}
	}
}