@charset "UTF-8";


/* --------------------------------------------------------------------
　共通タイトル設定
-------------------------------------------------------------------- */
.contents-title-01{
width:100% !important;
padding:0 2rem !important;
display:block !important;
position:unset !important;
}
.contents-title-01 > h2,
.contents-title-01 > h3{
width:100%;
font-weight:600;
letter-spacing:.02em;
text-align:center;
display:block !important;
line-height:1;
}
.contents-title-01 > h2:after,
.contents-title-01 > h3:after{
content:attr(data-label);
display:block;
order:3;
opacity:.62;
letter-spacing:0;
}
.contents-title-01 > a{
position:absolute !important;
bottom:0;
top:unset !important;
right:unset !important;
left:50%;
transform:translateX(-50%) !important;
border:1px solid #212121;
display:flex !important;
align-items:center;
justify-content:center;
text-decoration:none !important;
}

@media screen and (min-width:769px){
	.contents-title-01{
	margin:0 auto 3rem auto !important;
	}
	.contents-title-01 > h2,
	.contents-title-01 > h3{
	font-size:2.6rem !important;
	margin-bottom:.5rem !important;
	}
	.contents-title-01 > h2:after,
	.contents-title-01 > h3:after{
	font-size:1.2rem;
	margin-top:1.2rem;
	letter-spacing:0.08em;
	}
	.contents-title-01 > a{
	width:250px;
	height:5rem;
	font-size:1.4rem;
	}
}
@media screen and (max-width:768px){
	.contents-title-01{
	margin:0 auto 2rem auto !important;
	}
	.contents-title-01 > h2,
	.contents-title-01 > h3{
	font-size:2.2rem !important;
	letter-spacing:.02em;
	}
	.contents-title-01 > h2:after,
	.contents-title-01 > h3:after{
	font-size:1.1rem;
	margin-top:.8rem;
	}
	.contents-title-01 > a{
	font-size:1.3rem;
	width:calc(100% - 4rem);
	height:5rem;
	text-align:center;
	display:flex !important;
	align-items:center;
	justify-content:center;
	}
}


/* --------------------------------------------------------------------
　キービジュアル設定
-------------------------------------------------------------------- */
#key-visual-wrap{
width:100%;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}
/*-- 画像エリア --*/
#key-visual-wrap > #visual-contents{
width:100%;
height:100%;
position:relative;
}
#key-visual-wrap > #visual-contents > ul{
width:100%;
height:100%;
margin:0 auto;
}
#key-visual-wrap > #visual-contents > ul > li{
width:100%;
height:100%;
z-index:0 !important;
overflow:hidden;
position:relative;
}
#key-visual-wrap > #visual-contents > ul > li > a{
width:100%;
height:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#key-visual-wrap > #visual-contents > ul > li > a > figure{
height:100%;
overflow:hidden;
position:relative;
}
#key-visual-wrap > #visual-contents > ul > li.one > a > figure{
width:100%;
}
#key-visual-wrap > #visual-contents > ul > li.two > a > figure{
width:calc(100% / 2);
}
#key-visual-wrap > #visual-contents > ul > li.three > a > figure{
width:calc(100% / 3);
}
#key-visual-wrap > #visual-contents > ul > li.four > a > figure{
width:calc(100% / 4);
}
#key-visual-wrap > #visual-contents > ul > li.five > a > figure{
width:calc(100% / 5);
}
#key-visual-wrap > #visual-contents > ul > li > a > figure > img{
position:absolute;
top:50%;
left:50%;
width:100%;
height:100%;
object-fit:cover;
object-position:top;
aspect-ratio:1;
transform:translate(-50%,-50%) scale(1.05);
filter:brightness(.9) saturate(1.15) grayscale(0);
transition:all 1s ease;
}
#key-visual-wrap > #visual-contents > ul > li.gray > a > figure > img{
filter:brightness(.8) saturate(1.15) grayscale(1);
}
#key-visual-wrap > #visual-contents > ul > li:not(.swiper-slide-active) > a > figure > img{
filter:brightness(.4) saturate(0) grayscale(1);
transition:all 2s ease;
}

/*-- ロゴ・テキスト・ボタンエリア --*/
#key-visual-wrap > #visual-contents > ul > li > a > .contents{
position:absolute;
bottom:0;
left:0;
color:#fff;
opacity:1;
transform:translate3d(0,0,0);
transition:all 1.8s ease;
z-index:1;
width:100%;
}
#key-visual-wrap > #visual-contents > ul > li.swiper-slide-active > a > .contents{
opacity:1;
transform:translate3d(0,0,0);
transition:all 1.8s ease;
}
#key-visual-wrap > #visual-contents > ul > li:not(.swiper-slide-active) > a > .contents{
opacity:0;
transform:translate3d(0,15%,0);
transition:all 1.8s ease;
}
#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > .rogo{
margin:0;
}
#key-visual-wrap > #visual-contents > ul > li > .contents > .copy{
letter-spacing:.12em;
font-weight:300;
}
#key-visual-wrap > #visual-contents > ul > li > a > .contents > .btn{
position:absolute;
width:max-content;
color:#fff;
font-weight:600;
border-bottom:1px solid #fff;
}

/*-- ページャー --*/
#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual{
width:max-content;
line-height:1;
}
#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual > .swiper-pagination-bullet{
background:transparent;
width:.8rem;
height:.8rem;
}
#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual > .swiper-pagination-bullet-active{
}

@media screen and (min-width:769px){
	#key-visual-wrap > #visual-contents{
	width:1180px;
	margin:2rem auto;
	padding:0 2rem;
	}
	#key-visual-wrap > #visual-contents > ul > li{
	aspect-ratio:1 / .59;
	}

	/*-- ロゴ・テキスト・ボタンエリア --*/
	#key-visual-wrap > #visual-contents > ul > li > a > .contents{
	padding:5rem 6rem;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2{
	margin:0 auto 3rem auto;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2:has(#rogo-ampirula){
	margin:0 auto 2rem auto;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-girl{
	width:190px;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-flolia{
	width:190px;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-elfrank{
	width:210px;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-ampirula{
	width:210px;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > .copy{
	font-size:.95rem;
	line-height:1.4;
	opacity:.8;
	letter-spacing:.12em;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > .btn{
	bottom:5rem;
	right:6rem;
	font-size:1.4rem;
	padding-bottom:.8rem;
	}

	/*-- ページャー --*/
	#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual{
	width:max-content;
	margin:2rem auto;
	padding:0 2rem;
	position:unset;
	transform:unset;
	}
	#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual > .swiper-pagination-bullet{
	background:#7b7b7b;
	opacity:.2;
	margin:0 1rem !important;
	}
	#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual > .swiper-pagination-bullet-active{
	background:#7b7b7b;
	opacity:1;
	}
}
@media screen and (max-width:768px){
	#key-visual-wrap{
	margin:0 auto;
	padding:0;
	width:100%;
	height:max-content;
	min-width:unset;
	min-height:unset;
	position:unset;
	overflow:unset;
	}
	#key-visual-wrap > #visual-contents{
	position:relative;
	z-index:0;
	width:100%;
	height:100%;
	padding:0 0 3.5rem 0;
	overflow:hidden;
	}
	#key-visual-wrap > #visual-contents > ul{
	min-width:unset;
	width:100%;
	height:100%;
	aspect-ratio:1 / 1.1;
	}

	/*-- 画像エリア --*/
	#key-visual-wrap > #visual-contents > ul > li > a > figure:not(.main){
	display:none;
	}
	#key-visual-wrap > #visual-contents > ul > li.one > a > figure.main{
	width:100%;
	height:100%;
	}
	#key-visual-wrap > #visual-contents > ul > li.four > a > figure.main{
	width:calc(100% / 2);
	}
	#key-visual-wrap > #visual-contents > ul > li.four > a > figure.main{
	width:calc(100% / 2);
	}
	#key-visual-wrap > #visual-contents > ul > li.flolia > a > figure.main:nth-child(1){
	order:2;
	}
	#key-visual-wrap > #visual-contents > ul > li.flolia > a > figure.main:nth-child(3){
	order:1;
	}

	/*-- ロゴ・テキスト・ボタンエリア --*/
	#key-visual-wrap > #visual-contents > ul > li > a > .contents{
	padding:0 3rem 3rem 3rem;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-girl{
	width:35vw;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-flolia{
	width:35vw;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-elfrank{
	width:40vw;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > h2 > #rogo-ampirula{
	width:40vw;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > .copy{
    font-size:.8rem;
    line-height:1.1;
	opacity:.9;
	letter-spacing:.12em;
	margin-top:2rem;
	}
	#key-visual-wrap > #visual-contents > ul > li > a > .contents > .btn{
	right:3rem;
	bottom:3rem;
	font-size:1.1rem;
	padding-bottom:.5rem;
	}

	/*-- ページャー --*/
	#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual{
	min-width:unset;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
	}
	#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual > .swiper-pagination-bullet{
	background:#7b7b7b;
	opacity:.2;
	width:10px;
	height:10px;
	margin:0 5px !important;
	}
	#key-visual-wrap > #visual-contents > .swiper-pagination.keyvisual > .swiper-pagination-bullet-active{
	background:#7b7b7b;
	opacity:1;
	}
}

/* --------------------------------------------------------------------
　お知らせエリア設定
-------------------------------------------------------------------- */
#infomation-wrap{
padding:0 2rem;
}
#infomation-wrap > ol > li > a{
display:grid;
grid-template-columns:100px 1fr;
gap:0;
letter-spacing:0;
}
#infomation-wrap > ol > li > a > .title{
word-break:break-all;
}
#infomation-wrap > ol > li:nth-child(n+4){
display:none;
}
@media screen and (min-width:769px){
	#infomation-wrap{
	width:100%;
	max-width:max-content;
	margin:2rem auto 0 auto;
	}
	#infomation-wrap > ol > li{
	margin-top:.4rem;
	}
	#infomation-wrap > ol > li > a{
	font-size:1.2rem;
	}
}
@media screen and (max-width:768px){
	#infomation-wrap{
	margin:3rem auto 2rem auto;
	}
	#infomation-wrap > ol{
	border-bottom:1px solid #ddd;
	padding-bottom:2rem;
	}
	#infomation-wrap > ol > li{
	margin-top:.4rem;
	}
	#infomation-wrap > ol > li > a{
	grid-template-columns:70px 1fr;
	font-size:1.1rem;
	letter-spacing:0;
	}
}


/* --------------------------------------------------------------------
　新作・再入荷エリア設定
-------------------------------------------------------------------- */
#newarrival-wrap,
#newarrival-wrap > section{
width:100%;
overflow:hidden;
padding:0;
}
#fsFlickerCommonsRecommend:not(.ranking) > .commons-recommend.fs-c-productListCarousel.fs-c-slick,
#fsFlickerCommonsRecommend:not(.ranking) > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list,
#fsFlickerCommonsRecommend:not(.ranking) > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider{
width:100%;
}
.commons-recommend.fs-c-productListCarousel.fs-c-slick > span.fs-c-productListCarousel__ctrl.slick-arrow{
display:none !important;
}
#fsFlickerCommonsRecommend:not(.ranking) > .commons-recommend.fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list{
margin:0;
}

@media screen and (min-width:769px){
	#newarrival-wrap{
	padding:0;
	}
	#newarrival-wrap > section{
	margin:0 auto 8rem auto;
	padding:0 0 5rem 0;
	width:1140px;
	position:relative;
	}
	#newarrival-wrap .fs-c-productListCarousel.fs-c-slick > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(n + 11){
	display:none;
	}
}
@media screen and (max-width:768px){
	#newarrival-wrap{
	padding:0;
	margin:0;
	}
	#newarrival-wrap > section.fsFlickerItem{
	margin:0 0 8rem 0;
	padding:0 0 5rem 0;
	min-width:unset;
	position:relative;
	}
	#newarrival-wrap > section{
	margin:0 0 5rem 0;
	padding:0 0 2rem 0;
	}
	#fsFlickerCommonsRecommend:not(.ranking) > .commons-recommend.fs-c-productListCarousel.fs-c-slick{
	width:100%;
	min-width:unset;
	}
}



/* --------------------------------------------------------------------
　ランキングエリア設定
-------------------------------------------------------------------- */
#brand-all-ranking-wrap{
width:100%;
margin:0 auto;
}
#brand-all-ranking-wrap > .ranking-item-container{
position:relative;
}
#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents{
width:100%;
overflow:hidden;
}
#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents > div > .content > h3{
display:block;
font-weight:500;
color:#444;
border-bottom:1px solid #dcdbda;
line-height:1;
}
#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents > div > .content > a{
display:block;
width:fit-content;
line-height:1;
border-bottom:1px solid #c8c8c8;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking{
padding:0 !important;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list{
width:100%;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track{
display:flex !important;
flex-flow:column !important;
gap:20px 0 !important;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(n + 4){
display:none;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article{
display:grid;
grid-template-columns:120px 1fr;
gap:8px 18px;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > .fs-c-productListItem__imageContainer{
grid-row:span 3;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2{
margin:0;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2:before{
color:#fff;
line-height:0;
font-weight:400;
margin:0 0 1rem 0;
font-size:1.1rem;
width:1.8rem;
height:1.8rem;
display:flex;
align-items:center;
justify-content:center;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(1) > div > article > h2:before{
content:"1";
background:#dbc029;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(2) > div > article > h2:before{
content:"2";
background:#a5a8b4;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide:nth-child(3) > div > article > h2:before{
content:"3";
background:#a38352;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > .fs-c-productMarks{
display:none;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > #item-price{
margin:0 auto auto 0;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__name{
margin-top:5px;
-webkit-line-clamp:2;
}
.fs-c-productListCarousel.fs-c-slick.feauture-ranking > .fs-c-productListCarousel__list > .slick-slider > .slick-list > .slick-track > .slick-slide > div > article > h2 > a > .fs-c-productName__copy{
color:#333;
}
#brand-all-ranking-wrap > .ranking-item-container > .swiper-pagination.swiper-pagination-bullets{
bottom:0;
line-height:1;
}
#brand-all-ranking-wrap > .ranking-item-container > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet{
width:.8rem;
height:.8rem;
cursor:pointer;
transition:all 1.2s ease;
vertical-align:top;
margin:0 1rem;
}
#brand-all-ranking-wrap > .ranking-item-container > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active{
background:#7b7b7b;
}
@media screen and (min-width:769px){
	#brand-all-ranking-wrap{
	width:1140px;
	padding:2rem 2rem 10rem 2rem;
	}
	#brand-all-ranking-wrap > .ranking-item-container{
	padding-bottom:6rem;
	}
	#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents > div > .content > h3{
	font-size:1.5rem;
	padding-bottom:1.5rem;
	margin-bottom:1.8rem;
	}
	#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents > div > .content > a{
	font-size:1.4rem;
	padding-bottom:.8rem;
	margin-top:1rem;
	font-weight:500;
	}
}
@media screen and (max-width:768px){
	#brand-all-ranking-wrap{
	padding:0 0 8rem 0;
	}
	#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents{
	padding:0 2rem;
	}
	#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents > div > .content > h3{
	padding:0 0 1.5rem 0;
	margin:0 0 1.5rem 0;
	font-size:1.3rem;
	}
	#brand-all-ranking-wrap > .ranking-item-container > .swiper-pagination.swiper-pagination-bullets{
	display:none;
	}
	#brand-all-ranking-wrap > .ranking-item-container > .ranking-item-contents > div > .content > a{
	font-size:1.3rem;
	}
}




/* --------------------------------------------------------------------
　メディア情報エリア設定
-------------------------------------------------------------------- */
#media-info-wrap{
width:100%;
position:relative;
}
#media-info-wrap > .swiper-media-main{
position:relative;
}
#media-info-wrap > .swiper-media-main > ul > li > dl{
line-height:1.5;
}
#media-info-wrap > .swiper-media-main > ul > li > dl > dt{
margin-bottom:.5rem;
}
#media-info-wrap > .swiper-media-main > .swiper-pagination.swiper-pagination-bullets{
bottom:0;
line-height:1;
}
#media-info-wrap > .swiper-media-main > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet{
width:.8rem;
height:.8rem;
cursor:pointer;
transition:all 1.2s ease;
vertical-align:top;
margin:0 1rem;
}
#media-info-wrap > .swiper-media-main > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active{
background:#7b7b7b;
}
@media screen and (min-width:769px){
	#media-info-wrap{
	width:1140px;
	margin:8rem auto;
	padding:0 2rem 8rem 2rem;
	overflow:hidden;
	}
	#media-info-wrap > .swiper-media-main{
	padding-bottom:5rem;
	}
	#media-info-wrap > .swiper-media-main > ul > li > dl{
	margin-top:1.5rem;
	}
	#media-info-wrap > .swiper-media-main > ul > li > dl > dt{
	font-size:1.1rem;
	}
	#media-info-wrap > .swiper-media-main > ul > li > dl > dd{
	font-size:1.2rem;
	}
}
@media screen and (max-width:768px){
	#media-info-wrap{
	margin:6rem auto 8rem auto;
	padding:0 2rem 6rem 2rem;
	overflow:hidden;
	}
	#media-info-wrap > .swiper-media-main{
	padding-bottom:2rem;
	}
	#media-info-wrap > .swiper-media-main > ul > li > dl{
	margin-top:1rem;
	}
	#media-info-wrap > .swiper-media-main > ul > li > dl > dt{
	font-size:1.0rem;
	}
	#media-info-wrap > .swiper-media-main > ul > li > dl > dd{
	font-size:1.1rem;
	}
	#media-info-wrap > .swiper-media-main > .swiper-pagination.swiper-pagination-bullets{
	display:none;
	}
}



/* --------------------------------------------------------------------
　スペシャルコンテンツエリア設定
-------------------------------------------------------------------- */
#features-list-wrap{
width:100%;
}
#features-list-wrap > .swiper-features-main{
position:relative;
}
#features-list-wrap > .swiper-features-main > .swiper-pagination.swiper-pagination-bullets{
bottom:0;
line-height:1;
}
#features-list-wrap > .swiper-features-main > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet{
width:.8rem;
height:.8rem;
cursor:pointer;
transition:all 1.2s ease;
vertical-align:top;
margin:0 1rem;
}
#features-list-wrap > .swiper-features-main > .swiper-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active{
background:#7b7b7b;
}
@media screen and (min-width:769px){
	#features-list-wrap{
	width:1100px;
	margin:0 auto 10rem auto;
	padding:0;
	overflow:hidden;
	}
	#features-list-wrap > .swiper-features-main{
	padding-bottom:5rem;
	}
}
@media screen and (max-width:768px){
	#features-list-wrap{
	margin:0 auto 8rem auto;
	padding:0 2rem;
	overflow:hidden;
	}
	#features-list-wrap > .swiper-features-main{
	padding:0 2rem 4rem 2rem;
	}
	#features-list-wrap > a{
	display:block;
	margin-top:2rem;
	}
}



/* --------------------------------------------------------------------
　ブランド別リポスト設定
-------------------------------------------------------------------- */
@media screen and (min-width:769px){
	#repost-list-wrap{
	width:1140px;
	margin:0 auto 10rem auto;
	padding:0 2rem 8rem 2rem;
	}
}
@media screen and (max-width:768px){
}



/* --------------------------------------------------------------------
　取り扱いブランドエリア設定
-------------------------------------------------------------------- */
#official-brand-list-wrap{
margin:0 auto;
}
#official-brand-list-wrap > ul{
padding:0 2rem;
display:grid;
align-items:center;
}
@media screen and (min-width:769px){
	#official-brand-list-wrap{
	padding:0 0 10rem 0;
	}
	#official-brand-list-wrap > ul{
	grid-template-columns:repeat(4,1fr);
	gap:3rem 2rem;
	width:1140px;
	margin:0 auto;
	}
}
@media screen and (max-width:768px){
	#official-brand-list-wrap{
	padding:0 0 8rem 0;
	}
	#official-brand-list-wrap > ul{
	grid-template-columns:repeat(2, 1fr);
	gap:1.5rem 1rem;
	margin:0 auto;
	}
}