@charset "UTF-8";
/* CSS Document */


.Catalog__content{
	margin: 5rem 0;
	} 
	 
#Catalog .HeadingPrimary .Heading__categoly{
display: block;
font-size:2rem;
color:var(--kblue-deep);
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
	 #Catalog .HeadingPrimary .Heading__categoly{
		font-size: 1.8rem;
	  }
	}
	@media only screen and (max-width: 559px) {
	  #Catalog .HeadingPrimary .Heading__categoly{
		font-size: 1.6rem;
	  }
	} 
#Catalog .HeadingPrimary .Heading__sub{
display: block;
color:#333;
}

#Catalog .Button__List .Button__text{
padding: 3rem 2rem;
font-size: 1.8rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
	 	#Catalog .Button__List .Button__text{
			padding: 2rem 1.5rem;
			font-size: 1.6rem;
		}
	}
	@media only screen and (max-width: 559px) {
	  #Catalog .Button__List .Button__text{
			padding: 1.8rem 1.5rem;
			font-size: 1.6rem;
		}
	} 

.Catalog_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	
	
	align-items: flex-start;
	gap:8rem;
	}

.Catalog_list.-column3{
	gap:10rem;
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		.Catalog_list.-column3{
		gap:8rem;
		}
	}
	@media only screen and (max-width: 559px) {
	 .Catalog_list,
	 .Catalog_list.-column3 {
		 gap:6rem;
	  }
	}
.Catalog__item{
    width:calc((100% - 24rem) / 4);
	opacity: 0;
	/*padding-bottom:5rem;*/
	position: relative;
	
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.Catalog_list.-column3 .Catalog__item{
	width:calc((100% - 20rem) / 3);
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
		.Catalog__item,
		.Catalog_list.-column3 .Catalog__item{
		 width:calc((100% - 16rem) / 3);
		}
	}
	@media only screen and (max-width: 559px) {
		.Catalog__item,
		.Catalog_list.-column3 .Catalog__item{
		width:calc((100% - 6rem) / 2);
		}
	}


	.Catalog__item a[target="_blank"]:after {
	  display: none;
	}
.Catalog__imgWrap{
	width:100%;
	margin-bottom: 0.5em;
	aspect-ratio: 1 / 1.41421356;
	border:1px solid;
	border-color:var(--gray-light);
	overflow: hidden;
	}
.Catalog__img{
	width:100%;
	aspect-ratio: 1 / 1.41421356;
	background-size: contain;
	background-repeat: no-repeat;
	}
.Catalog__ttl{
	padding-bottom:0.3em;
	margin-bottom:0.8em;
	color:#333;
	border-bottom:1px solid;
	border-color:var(--kblue);
	}
.Catalog__tag{
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	gap:1rem;
	border-left:1px solid;
	border-color:var(--gray-medium);
	}
	.Catalog__tag li{
		display: inline-block;
		font-size: 1.2rem;
		}
		.Catalog__tag li a{
		padding: 0.2em 0.5em;
		background-color:var(--gray-light);
		}
.Catalog__item .Button{
width:10rem;
display: inline-block;
margin-top: 0.8em;
text-align: center;
/*position: absolute;
left: 0;
bottom:0;*/
}
	@media only screen and (min-width: 560px) and (max-width: 959px) {
	 .Catalog__item .Button {
		 width:100%;
		 max-width:10rem;
	  }
	}
	@media only screen and (max-width: 559px) {
	  .Catalog__item .Button  {
		width:100%;
		 max-width:10rem;
	  }
	}
.Catalog__item .Button.-Small .Button__inner{
	padding: 0 2rem 0 1rem;
}