@charset "shift_jis";
/* CSS Document */
/*TOPƒy�[ƒW�@�¤•iˆê——‚Ø�[ƒW�@�¤•iƒJƒeƒSƒŠ�[*/

.category01 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0 auto;       /* ’†‰›Šñ‚¹ */
  max-width: 1000px;    /* “K‹X’²�® */
}

.category01 li a {
  display: flex;
  align-items: center;
  justify-content: center;   /* ’†‰›Šñ‚¹ */
  gap: 5px;
  text-decoration: none;
  color: #5b4843;
  background: #efebe6;       /* ’Ê�펞‚Ì”wŒi */
  padding: 10px;
  border-radius: 5px;
  height: 100%;              /* �‚‚³‚ðli‘S‘Ì‚É�L‚°‚é */
  transition: background 0.3s;
}

.category01 li a:hover {
	background: #d0b7a4;
	color: #5b4843;
}

.category01 li img {
  max-height: 40px;
  width: auto;
  display: block;
}



.cate-link-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0
    list-style: none;
    padding: 3rem 2rem;
    margin: 0 auto;
} 

.cate-link-list a {
        display: flex;
        align-items: center;
        gap: 5px;
        text-decoration: none;
        color: #333;
        background: #ffffff;
        padding: 10px;
        border-radius: 5px;
        height: 100%;
        transition: background 0.3s;
        margin: 0.5rem;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
}

.cate-link-list a:hover{
    background: #262626;
    color:#ffffff;
}

.cate-link-list .circlebg {
	border-radius: 50%;
	height: 60px;
	width: 60px;
	background: #ffffff;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.cate-link-list img{
   
}

@media screen and (max-width: 768px) {
  .category01 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
			padding: 0;
  }
}