@charset "utf-8";
/* CSS Document */
.list {
	gap: 10px;
}
.list > div {
	width: calc(100% / 8 - 20px);
	position: relative;
	border-radius: 0px;
	justify-content: start;
	align-items: center;
	color: #fff;
	border: 1px solid #010000;
	transition: ease 0.3s;
}
.list > div::before {
	content: '';
	width: 10px;
	height: 10px;
	border: 0;
	border-bottom: solid 1px #010000;
	border-right: solid 1px #010000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	bottom: 50%;
	margin: auto;
	transition: ease 0.3s;
}
.list > div:hover {
	background: #010000;
}
.list > div:hover::before {
    border-color: #fff;
}
.list > div a {
	width: 100%;
	padding: 10px 20px;
}
.list > div:hover a p {
	color: #fff;
}
.list > div a .flex {
	justify-content: start;
}
.cate_wrap > .cate.cate1,
.cate_wrap > .cate.cate2 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.cate2 .titlebox .en_title {
	font-size: 15px;
}
.cate2 .titlebox h2 {
	font-size: 40px;
}
.shop_list {
	gap: 40px 20px;
	justify-content: start;
	align-items: stretch;
	padding: 0 30px;
}
.shop_list .shop {
	width: calc(100% / 2 - 20px);
	border-bottom: solid 1px #707070;
}
.shop_list .shop h3 {
	font-family: "Zen Old Mincho", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
	font-size: 24px;
	margin-bottom: 20px;
}
.shop_list .shop .shop_data {
	justify-content: start;
	align-items: start;
	margin-bottom: 20px;
}

.shop_list .shop .shop_data h4 {
	font-family: "Zen Old Mincho", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
	font-size: 16px;
	color: #707070;
	min-width: 80px;
}
.shop_list .shop .shop_data > div {
	width: 70%;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.list > div {
		width: calc(100% / 4 - 20px);
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.shop_list .shop {
		width: 100%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.list > div {
		width: calc(100% / 2 - 20px);
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}