@charset "UTF-8";

/* トップページ（ＰＣ） ファーストビュー用 */

body.page-top .pane-contents > .container {
	display: block;
	margin-top: 0;
}

#top-slider-warp {
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
	padding: 0 0 30px;
}
#top-slider-warp > .block-top-body--body {
	width: calc(630 / 1180 * var(--vw) * 100);
	margin: 0 auto;
	overflow: visible;
}
#top-slider-warp ul:not(.swiper-wrapper) li + li {
	display: none;
}
#top-slider-warp ul li img {
	width: 100%;
	height: auto;
}
#top-slider-warp .swiper-pagination {
	bottom: 0;
}
  
/* TOPICS */
#top-ev-topics {
	margin: 40px 0;
	padding: 80px 40px;
	background: var(--sub-color);
}
#top-ev-topics .top-ev-topics--frame {
	display: flex;
	flex-flow: wrap;
	gap: 40px;
	max-width: 1640px;
	margin: 0 auto;
}
#top-ev-topics .top-ev-topics--frame li {
	width: calc((100% - 40px * 3) / 4);
	font-size: 15px;
}
#top-ev-topics .top-ev-topics--frame li img {
	height: auto;
}
#top-ev-topics .top-ev-topics--frame li figure {
	margin-bottom: 10px;
}
#top-ev-topics > p {
	margin-top: 60px;
}

/* NEW ARRIVAL */
.block-top-event--section:has(.top-new-arrival-section) {
	display: none;
}
#top-new-arrival {
	width: calc(var(--vw) * 100 - 80px);
	max-width: 1980px;;
	margin: 0 auto;
}
#top-new-arrival--tab {
	display: flex;
	flex-flow: wrap;
	align-items: stretch;
	gap: 1px;
	margin: 0 0 40px;
}
#top-new-arrival--tab li {
	width: calc((100% - 4px) / 5);
	background: #F7F7F7;
	padding: 10px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}
#top-new-arrival--tab li:hover {
	background: var(--color-beige);
	color: #ffffff;
}
#top-new-arrival--tab li.active {
	background: var(--sub-color2);
	color: #ffffff;
	cursor: default;
}

#block_of_itemhistory {
	margin: 0 auto;
}
  
#brand-anchor {
	margin: 0 0px 80px;
	height: 72px;
}
#brand-anchor .brand-anchor-body {
	background: var(--color-gold);
	color: #ffffff;
	height: 72px;
}
#brand-anchor ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
}
#brand-anchor ul li p {
	position: relative;
	display: block;
	padding: 25px 15px 25px 0;
	height: 72px;
    cursor: pointer;
}
#brand-anchor ul li p:hover {
    text-decoration: underline;
}
#brand-anchor ul li p::after {
	content:"";
	width: 5px;
	height: 5px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	transform: rotate(135deg);
	position: absolute;
	right: 0;
	top: calc(50% - 3px);
}
body:has(#block_of_itemhistory):not(:has(#itemHistory)) #brand-anchor{
	margin-bottom: 0;
}
body:has(#block_of_itemhistory):not(:has(#itemHistory)) .block-top-event--section:has(#top-ev-topics){
	margin-top: 30px;
}
body:has(#block_of_itemhistory):not(:has(#itemHistory)) .block-top-event--section #top-ev-topics{
	margin-top: 30px;
}