@charset "UTF-8";

.content {
	padding-top: calc(260vw / 8.28);
}
.shoplist-block {
	margin: calc(110vw / 8.28) calc(110vw / 8.28) calc(160vw / 8.28);
}
.shoplist-block .txt {
	font-size: calc(30vw / 8.28);
	font-weight: bold;
	margin-bottom: calc(40vw / 8.28);
}
.shoplist-list {
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(50vw / 8.28);
	margin-bottom: calc(70vw / 8.28);
}
.shoplist-list li {
	font-size: calc(30vw / 8.28);
	line-height: 1.4;
	letter-spacing: 0.1em;
	overflow-wrap: break-word;
	position: relative;
	padding-left: 1em;
}
.shoplist-list li:before {
	content: "";
	display: inline-block;
	width: calc(14vw / 8.28);
	height: calc(14vw / 8.28);
	border-radius: 50%;
	background-color: #003165;
	position: absolute;
	top: calc(17vw / 8.28);
	left: 0;
}
.content-onlineshop {
	margin-bottom: calc(210vw / 8.28);
}

/* online shop */
.content-onlineshop-block {
	margin: calc(80vw / 8.28) calc(49vw / 8.28) 0;
}
.content-onlineshop-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content-onlineshop-list .common-btn:not(:last-child) {
	margin-bottom: calc(47vw / 8.28);
}
.content-onlineshop-list .common-btn .btn {
	font-size: calc(28vw / 8.28);
	letter-spacing: 0.075em;
	width: calc(351vw / 8.28);
	height: calc(80vw / 8.28);
}
.content-onlineshop-list .common-btn:nth-last-child(1):nth-child(odd) {
  margin-left: auto;
  margin-right: auto;
}
.content-onlineshop-list .common-btn .btn .arrow {
	width: calc(27vw / 8.28);
	height: calc(27vw / 8.28);
	right: calc(18vw / 8.28);
}
.content-onlineshop-list .common-btn .btn:hover .arrow {
	right: calc(8vw / 8.28);
}
/*-- PC --------*/
@media screen and (min-width: 769px) {
	#shoplist-page .header {
		background-color: #3277b2;
	}
	#shoplist-page .header-menu .menu-txt {
		color: #3277b2;
	}
	#shoplist-page .header-menu .menu-txt,
	#shoplist-page .header-menu li:nth-child(even) .menu-txt {
		-webkit-text-stroke: 1px #fff;
	}
	#shoplist-page .header-menu li .menu-txt .hover-line::after {
		background-color: #fff;
	}
	.content {
		padding-top: calc(110vw / 19.2);
	}
	.content .heading {
		margin-bottom: calc(110vw / 19.2);
	}
	.shoplist-block {
		margin: 0 calc(80vw / 19.2) calc(130vw / 19.2);
	}
	.shoplist-block .txt {
		font-size: calc(18vw / 19.2);
		margin-bottom: calc(20vw / 19.2);
	}
	.shoplist-list {
		gap: calc(40vw / 19.2);
		margin-bottom: calc(50vw / 19.2);
	}
	.shoplist-list li {
		font-size: calc(18vw / 19.2);
	}
	.shoplist-list li:before {
		width: calc(11vw / 19.2);
    height: calc(11vw / 19.2);
		top: calc(7vw / 19.2);
	}
	.content-onlineshop-block {
		margin: 0 calc(40vw / 19.2);
	}
	.content-onlineshop-list .common-btn .btn {
    font-size: calc(18vw / 19.2);
    letter-spacing: 0.075em;
		width: calc(270vw / 19.2);
    height: calc(56vw / 19.2);
	}
	.content-onlineshop-list .common-btn:not(:last-child) {
    margin-bottom: calc(35vw / 19.2);
	}
	.content-onlineshop {
		margin-bottom: calc(170vw / 19.2);
	}
	.content-onlineshop-list .common-btn .btn .arrow {
		width: calc(22vw / 19.2);
		height: calc(22vw / 19.2);
		right: calc(14vw / 19.2);
	}
	.content-onlineshop-list .common-btn .btn:hover .arrow {
		right: calc(4vw / 19.2);
	}
}