@charset "utf-8";

.contents{
 font-family:'Roboto','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro';
 letter-spacing: 0.05em;
    color:#4D4D4dD;
    font-size: 1.6rem;
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
}

.pcimg{display: block !important;}
.spimg{display: none !important;}

@media only screen and (max-width: 800px){
	.pcimg{display: none !important;}
	.spimg{display: block !important;}
}

.menutitle{
  position: relative;
  padding: 0.5em;
  background: #BC7182;
  color: white;
  margin-top: 100px;
}

.menutitle::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 20px transparent;
  border-right: solid 20px rgb(144, 40, 76);
}

.menuall{
	display: flex;
	margin-top: 4rem;
	margin-bottom: 8rem;
}

.menuimage{
	width: 100%;
	height: auto;
}

.menuimage,.c-item{
	transition: 1.0s;
	}
	
.c-item:hover{
	opacity: 0.3;
	}

.menuimage:hover{
	opacity: 0.3;
}

.end{
		margin-bottom: 10rem;
	}

@media screen and (max-width:800px){
	.menuall{
		flex-wrap: wrap;
		font-size: 0;
		gap:10px;
	}
	.menuitem{
		display: inline-block;
		width: 48%;
	}
}

.categoryimage{
	margin-top: 8rem;
}

.categorytitle{
	padding:20px;
	border-bottom: 1px solid #333;
	line-height: 40px;
	text-align: center;
}

.categoryarea{
	margin-bottom: 30px;
}

.itemname{
	margin-bottom: 1rem;
}

@media screen and (min-width:800px){
		.c-item{
			width: 250px;
			height: auto;
		}
	.categoryitems{
		display: flex;
		flex-wrap: wrap;
		gap:20px;
	}
}

@media screen and (max-width:800px){
	.c-item{
			width: 100%;
			height: auto;
		　　margin-top:20px;
	}
	.categoryitems{
		display: flex;
		flex-wrap: wrap;
		gap:10px;
	}
	
	.a-item{
		display: inline-block;
		width: 48%;
	}
	
	.itemname{
		font-size: 11px;
	}