/**************************************/
/*  最新情報
/**************************************/

#sitemap-block .container {
    width: max(53.2vw, 500px);
    max-width: 800px;
}
@media screen and  (max-width: 768px) {
    #sitemap-block .container {
        width: 100%;
    }
}

#sitemap-block .inner {
	--min-size: 80;
    --max-size: 160;
	padding: 0 calc(var(--clamp-size) * 0.5);
	border-radius: calc(var(--clamp-size) * 0.625);
}
/* 下層ページだけに背景色を付ける */
#sitemap-block .inner {
	background-color: var(--color_white);
	padding: calc(var(--clamp-size) * 0.5);
}

.item {
    position: relative;
    display: flex;
    padding-inline-start: 0.6em;
    padding-block: clamp(21px, 1.5vw, 24px);
    transition: var(--transition_secondary);
}

.recommendation-item {
	padding-bottom: clamp(14px, 1vw, 16px);
}

.item:not(p),
.recommendation-item {
	border-bottom: 1px solid var(--color_ivory);
}

.item::after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: -1px;
	transform-origin: left bottom;
    border-bottom: 1px solid var(--color_black);
}
.item:not(p):hover::after {
	width: 100%;
    border-bottom: 1px solid var(--color_black);
	transition: var(--transition_secondary);
}

.arrow-right {
	display: inline-flex;
	align-items: center;
	width: 0.8em;
	height: 0.8em;
	margin-left: auto;
	padding-right: 2.1em;
	background: url("../img/common/arrow_right.svg") left / contain no-repeat; 
}
.item:hover .arrow-right {
    transform: translateX(0.5em);
    transition: 0.1s ease-in;
}

.child-link {
	display: flex;
	align-items: center;
	padding: 0.5em 0 0.5em 3em;
}

.child-link:hover {
	font-weight: var(--fw_jp_bold);
	transition: var(--transition-primary);
}

.child-link > .arrow-right {
	margin-left: 1em;
}
.child-link:hover > .arrow-right {
	transform: translateX(0.5em);
    transition: 0.1s ease-in;
}

/* > */
.sitemap > li::after {
    content: url(../img/common/arrow_right.svg);
    display: inline-flex;
    align-items: center;
    width: 0.6em;
    height: 0.6em;
    padding-right: 2.1em;
}

/* 黄色い丸 */
.circle-mark::before {
    margin-top: 0.2em;
}

.sitemap-store {
	padding-top: 3em;
}

.store-title-en {
	display: flex;
	align-items: center;
	gap: 0.5em;
	letter-spacing: 0.05em;
}

/* カートアイコン */
.store-title img {
	width: 2em;
	height: 1.7em;
	object-fit: contain;
}

.external-link-icon {
	width: 1em;
	height: 1em;
	background: url("../img/common/external-link.svg") center / contain no-repeat;
	margin-left: auto;
	margin-right: 1.6em;
}
.item:hover .external-link-icon {
    transform: scale(1.1);
    transition: 0.1s ease-in;
}

/* スマートフォン用 - ブレイクポイント768 */
@media screen and (max-width: 768px) {
	.circle-mark.fs18 {
		font-size: 16px;
	}
}