@charset "utf-8";

.sec {
	padding: var(--30px) 0 var(--35px);
}

/* contentsWrap */
.sec.contentsWrap {
	padding-top: var(--10px);
}

/* shoplinkWrap */
.shoplinkWrap {
	padding-top: var(--25px);
}
.shoplinkWrap + .shoplinkWrap {
	margin-top: var(--28px);
	border-top: 1px solid var(--grayBorderColor);
}
.shoplinkWrap h3 {
	text-align: center;
	margin-top: 0;
}
.shoplinkWrap h3 span {
	font-size: var(--16px);
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shoplinkWrap h3 span::before {
	content: "";
	display: inline-block;
	background: url(/common/img/ico_search.svg) no-repeat top center;
	background-size: contain;
	width: var(--22px);
	height: var(--22px);
	margin-right: var(--5px);
}
.shoplinkWrap h4 {
	margin-top: var(--20px);
	font-size: var(--14px);
	font-weight: 600;
}

/* shopFloorWrap */
.shopFloorWrap .listWrap {
	margin-top: var(--12px);
	display: flex;
	flex-wrap: wrap;
	gap: var(--10px);
}
.shopFloorWrap .listWrap li {
	width: calc((100% - var(--30px)) / 4 );
}
.shopFloorWrap .listWrap li a {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--baseColor);
	font-size: var(--12px);
	padding: var(--3px) var(--10px) var(--4px);
	height: var(--30px);
	border-radius: var(--30px);;
}

/* shopCategoryWrap */
.shopCategoryWrap .listWrap {
	margin-top: var(--20px);
	display: flex;
	flex-wrap: wrap;
	gap: var(--10px);
}
.shopCategoryWrap .listWrap li {
	width: calc((100% - var(--10px)) / 2 );
}
.shopCategoryWrap .listWrap li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	min-height: var(--44px);
	border-radius: var(--44px);
	padding: var(--3px) var(--10px) var(--4px);
	border: 1px solid #222;
	font-size: var(--13px);
	line-height: 1.3;
}

/* shopNameWrap */
.shopNameWrap .searchWrap {
	margin-top: var(--20px);
	border: 1px solid var(--baseColor);
	border-radius: var(--5px);
	display: flex;
	font-size: var(--13px);
	overflow: hidden;
}
.shopNameWrap .searchWrap .searchKeyword {
	width: calc(100% - var(--50px));
	padding: var(--10px) var(--15px);
}
.shopNameWrap .searchWrap .searchBtn {
	width: var(--50px);
	background: var(--baseColor);
	color: #fff;
}
.shopNameWrap .searchWrap .searchKeyword::placeholder {
	color: #747474;
}
/* タブ */
.shopNameWrap .tab {
	margin-top: var(--20px);
}
.shopNameWrap div[role="tablist"] {
	display: flex;
}
.shopNameWrap button[role="tab"] {
	width: 50%;
	font-size: var(--14px);
	font-weight: 600;
	padding: var(--8px) 0;
	border-bottom: 2px solid var(--baseColor);
}
.shopNameWrap button[role="tab"][aria-selected="false"] {
	border-bottom: 2px solid #c5c5c5;
	color: #666;
}
.shopNameWrap .listWrap {
	margin-top: var(--20px);
	display: flex;
	flex-wrap: wrap;
	gap: var(--10px);
}
.shopNameWrap .listWrap.listWrapJa li {
	width: calc((100% - var(--40px)) / 5 );
}
.shopNameWrap .listWrap.listWrapEn li {
	width: calc((100% - var(--50px)) / 6 );
}
.shopNameWrap .listWrap li a {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--baseColor);
	font-size: var(--13px);
	padding: var(--3px) var(--10px) var(--4px);
	height: var(--30px);
	border-radius: var(--30px);;
}
.shopNameWrap .listWrap li a.linkNone {
	pointer-events: none;
	color: #999;
	border: 1px solid #999;
}

/* floorGuidePdf */
.contentsWrap .moreBtn.floorGuidePdf{
	width: 64.179104%;
}
.contentsWrap .moreBtn.floorGuidePdf.iconInline a {
	font-size: var(--13px);
	line-height: 1.4;
	padding: var(--7px) var(--13px) var(--8px);
}
.contentsWrap .moreBtn.floorGuidePdf.btnPdf.iconInline a::after {
	width: var(--21px);
	height: var(--21px);
	top: 0;
	right: 0;
}

/* othersWrap */
.sec.othersWrap h2 {
	font-size: var(--18px);
	font-weight: bold;
	margin-bottom: var(--20px);
}
.othersWrap .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
}
.othersWrap .swiper-slide {
	padding-bottom: var(--18px);
	margin-top: 0 !important;
}
.othersWrap .swiper-slide a {
	display: block;
}
.othersWrap .swiper-slide a .pic {
	display: flex;
	aspect-ratio: 1 / 1;
}
.othersWrap .swiper-slide a .txt {
	font-size: var(--14px);
	margin-top: var(--8px);
}
.othersWrap .swiper:not(.swiper-initialized) .swiper-wrapper {
	gap: 0 var(--12px);
}
.othersWrap .swiper:not(.swiper-initialized) .swiper-slide {
	margin: 0 auto;
}

.moreBtn {
	margin-top: var(--35px);;
}

/* specialWrap */
.sec.specialWrap h2 {
	font-size: var(--18px);
	font-weight: bold;
	margin-bottom: var(--20px);
}
.specialWrap .swiper-slide {
	max-width: 89.333333%;
	margin: 0 auto;
}
.specialWrap .pager {
	margin-top: var(--15px);
}
.specialWrap .pager .swiper-prev,
.specialWrap .pager .swiper-next {
	width: var(--37px);
	height: var(--37px);
}
.specialWrap .pager .swiper-pagination {
	gap: 0 var(--10px);
}
.specialWrap .pager .swiper-pagination-bullet {
	width: var(--7px);
	height: var(--7px);
}
