@charset "utf-8";

.fs-l-pageMain {
	margin: 0;
}

/* --------------------------------------------------------------------------------
	メインスライダー
-------------------------------------------------------------------------------- */
.sp_parts-slider-main {
	max-width: 800px;
	width: 100%;
	overflow: hidden;
}
.sp_parts-slider-main-box {
	width: 100%;
	margin: 0 auto;
}
/********** ↓↓スライダー↓↓ **********/
.sp_parts-slider-main #slider-sp {
	z-index: 1;
}
.sp_parts-slider-main #slider-sp .slides {}
.sp_parts-slider-main #slider-sp .slides li {}
.sp_parts-slider-main #slider-sp .slides img {
	width: 100%;
	vertical-align: bottom;
}
.sp_parts-slider-main #slider-sp .flex-active-slide img {
	opacity: 1.0 !important;
	width: 100%;
}
.sp_parts-slider-main #slider-sp .slides li {
	position: relative;
	opacity: 0.7;
}
.sp_parts-slider-main #slider-sp .slides li.flex-active-slide {
	opacity: 1;
}
.sp_parts-slider-main #slider-sp .flex-control-paging {
	position: absolute;
	bottom: 2vw;
	height: 2vw;
	padding: 0 0 0;
}
.sp_parts-slider-main #slider-sp .flex-control-paging li {
	padding: 0 1vw;
}
.sp_parts-slider-main #slider-sp .flex-control-paging li a {
	width: 2vw;
	height: 2vw;
	background: #fff;
	box-shadow: none;
	border: 0.2vw solid #ff4f03;
	border-radius: 50%; /*角丸*/
}
.sp_parts-slider-main #slider-sp .flex-control-paging li a.flex-active {
	background: #ff4f03;
}


/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */
#index {
	color: #000;
	width: 100%;
	margin: 10vw auto 0 auto;
}


#index .btn_seeall {
	display: flex;
	justify-content: center;
}
#index .btn_seeall a {
	display: block;
	width: 30vw;
	padding: 1vw 0;
	border: solid 1px #000;
	border-radius: 30vw;
	text-align: center;
	color: #000;
}

/* --------------------------------------------------------------------------------
	新商品
	newarrival
-------------------------------------------------------------------------------- */
#index .newarrival-block {
	padding-bottom: 10vw;
}
#index .newarrival {
	padding: 0 0 12vw;
}
#index .newarrival .newarrival-ttl {
	margin: 0 auto 3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .newarrival .newarrival-ttl h2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .newarrival .newarrival-ttl h2 .heading-ja {
	display: block;
	
	font-size: 4.6vw;
	padding-left: 2vw;
	color: #000;
	font-weight: 400;
}
#index .newarrival .newarrival-ttl h2 .heading-en {
	display: block;
	
	font-size: 3.8vw;
	padding-left: 2vw;
	color: #000;
	font-weight: 400;
}
#index .newarrival .newarrival-ttl h2 .heading-link {
	padding-top: 0.2vw;
	padding-left: 2.6vw;
}
#index .newarrival .newarrival-ttl h2 .heading-link a {
	display: block;
	width: 16.3vw;
}

#index .newarrival .newarrival-parts {
	padding: 0 0 5vw;
}
#index .newarrival .newarrival-parts ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
	padding: 0 5vw;
}
#index .newarrival .newarrival-parts ul li {
	width: calc(100% / 3);
	padding: 1vw 1vw 2vw;
	font-size: 2.234vw;
}
#index .newarrival .newarrival-parts ul li a {
	display: block;
	padding: 0.5vw 0;
	color: #000;
}

/********** 商品名 **********/
#index .newarrival .newarrival-parts ul li a .item-name {
	width: 23vw;
	margin: 0 auto;
}

/********** 価格 **********/
#index .newarrival .newarrival-parts ul li a .item-price {
	width: 23vw;
	margin: 0 auto;
}

/********** see allボタン **********/
#index .newarrival .btn-see-all {
	padding: 0 35.5vw 0;
}
#index .newarrival .btn-see-all a {
	display: block;
}
#index .newarrival .btn-see-all img {
	display: block;
}


/* --------------------------------------------------------------------------------
	ランキング
-------------------------------------------------------------------------------- */
#index .ranking-tabs{
	padding: 0 10vw 12vw;
}
#index .ranking-ttl {
	margin: 0 auto 2.3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .ranking-ttl h2 {
	font-size: 4.6vw;
	color: #000;
	font-weight: 400;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#index .ranking-ttl h2 span {
	font-size: 3.8vw;
	padding-left: 2vw;
	color: #000;
	font-weight: 400;
}

/********** タブ切り替えボタン **********/
#index .ranking-tabs .tab-area .btn-tab ul{
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
	margin: 0 0 1.3vw;
	border: solid 1px #000;
}
#index .ranking-tabs .tab-area .btn-tab ul li{
	width: calc(100% / 3);
	padding: 0.4vw 0;
	border-right: solid 1px #000;
	text-align: center;
	font-size: 2.646vw;
	color: #000;
}
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(1) {
	width: 100%;
	border-right: none;
	border-bottom: solid 1px #000;
}
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(1) {
	font-size: 3vw;
	padding-top: 0.2vw;
}
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(2),
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(3),
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(4) {
	border-bottom: solid 1px #000;
}
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(4),
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(7) {
	border-right: none;
}
#index .ranking-tabs .tab-area .btn-tab ul li.btn-tab-active{
	background: #f0f0f0;
}

#index .ranking-tabs .tab-area .tabs-box{
	margin: 0 1.6vw;
}
/********** top-ranking-10-parts **********/
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts {
	
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li {
	width: 48%;
	padding: 3.5vw;
	font-size: 2.234vw;
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li a {
	position: relative;
	display: block;
	padding: 0.5vw 0;
	color: #000;
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li a::before {
	content: '';
	display: block;
	
	position: absolute;
	z-index: 2;
	top: 2vw;
	left: -0.4vw;
	
	width: 4.9vw;
	height: 6.5vw;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(1) a::before,
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(2) a::before {
	left: -3vw;
	width: 9.4vw;
	height: 10.4vw;
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(1) a::before {
	background-image: url("../images/index-device/icon-rank-1-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(2) a::before {
	background-image: url("../images/index-device/icon-rank-2-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(3) a::before {
	background-image: url("../images/index-device/icon-rank-3-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(4) a::before {
	background-image: url("../images/index-device/icon-rank-4-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(5) a::before {
	background-image: url("../images/index-device/icon-rank-5-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(6) a::before {
	background-image: url("../images/index-device/icon-rank-6-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(7) a::before {
	background-image: url("../images/index-device/icon-rank-7-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(8) a::before {
	background-image: url("../images/index-device/icon-rank-8-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(9) a::before {
	background-image: url("../images/index-device/icon-rank-9-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li:nth-of-type(10) a::before {
	background-image: url("../images/index-device/icon-rank-10-2024.png");
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li img {
	display: block;
}

/********** 商品名 **********/
#index .ranking-tabs .tab-area .tab-unit .item-name {
	width: 23vw;
	margin: 0 auto;
}

/********** 価格 **********/
#index .ranking-tabs .tab-area .tab-unit .item-price {
	width: 23vw;
	margin: 0 auto;
}

/********** タブ **********/
#index .ranking-tabs .tab-area .tab-box{
	display: none;

	width: 100%;
}
#index .ranking-tabs .tab-area .tab-active{
	display: block;
}

/********** MORE **********/
#index .ranking .btn-more {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .ranking .btn-more a {
	display: block;
}



/* --------------------------------------------------------------------------------
	オリジナル商品
-------------------------------------------------------------------------------- */
#index .original {
	padding: 0 0 12vw;
}
#index .original-ttl {
	margin: 0 auto 3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .original-ttl h2 {
	color: #000;
	font-weight: 400;
}
#index .original-ttl h2 .heading-1 {
	font-size: 5.3vw;
}
#index .original-ttl h2 .heading-2 {
	font-size: 4.6vw;
}
#index .original-ttl h2 .heading-3 {
	font-size: 3.8vw;
	padding-left: 2vw;
}
#index .original .bnr-original-box img{
	display: block;
}


/* --------------------------------------------------------------------------------
	セール
-------------------------------------------------------------------------------- */
#index .sale {
	padding: 0 0 12vw;
}
#index .sale-ttl {
	margin: 0 auto 3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .sale-ttl h2 {
	font-size: 4.6vw;
	color: #000;
	font-weight: 400;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#index .sale-ttl h2 span {
	font-size: 3.8vw;
	padding-left: 2vw;
	color: #000;
}


/* --------------------------------------------------------------------------------
	ニュース
-------------------------------------------------------------------------------- */
#index .news {
	padding: 0 0 12vw;
}
#index .news-ttl {
	margin: 0 auto 3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .news-ttl h2 {
	font-size: 4.6vw;
	color: #000;
	font-weight: 400;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#index .news-ttl h2 span {
	font-size: 3.8vw;
	padding-left: 2vw;
	color: #000;
}


/* リスト */
#index .news-area ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
	padding: 0 6.8vw 5.5vw;
}
#index .news-area ul li {
	width: 40vw;
	padding: 0 0 2vw;
}
#index .news-area ul li a {
	display: block;
	font-size: 3vw;
	color: #000;
}
#index .news-area ul li .category-mark {
	display: table;
	padding: 0.2vw 3vw;
	color: #fff;
	background: #000;
}
#index .news-area ul li img {
	display: block;
	
	width: 40vw;
	height: 40vw;
	
	object-fit: cover;
}
#index .news-area ul li a .category category {
	color: #fff;
	background: #000;
}

/********** MORE **********/
#index .news .btn-more {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .news .btn-more a {
	display: block;
	width: 29.5vw;
}


/* --------------------------------------------------------------------------------
	レビュー
-------------------------------------------------------------------------------- */
#index .review {
	padding: 0 0 12vw;
}

#index .review .review-area {
	padding: 0 0 5vw;
}

#index .review-ttl {
	margin: 0 auto 3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .review-ttl h2 {
	font-size: 4.6vw;
	color: #000;
	font-weight: 400;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#index .review-ttl h2 span {
	font-size: 3.8vw;
	padding-left: 2vw;
	color: #000;
	font-weight: 400;
}

/********** レビューのレイアウト **********/
#review_display_wrap {
	padding: 0 2vw;
}
#review_display_wrap ul {
	
}
#review_display_wrap ul li.fs-c-reviewList__item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	width: 100%;
	padding: 3vw 0;
	
	border-bottom: solid 1px #dcdcdc;
	font-size: 2.94vw;
}
#review_display_wrap ul li.fs-c-reviewList__item:first-child {
	border: none;
	
	border-bottom: solid 1px #dcdcdc;
}
#review_display_wrap ul li.fs-c-reviewList__item:nth-of-type(3) {
	border-bottom: none;
}

/* リンク */
#review_display_wrap ul li.fs-c-reviewList__item a {
	color: #000;
}

/* ----- ■■■■（左側）サムネイル ----- */
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewList__item__product.fs-c-reviewProduct {
	width: 28.5vw;
	border-right: solid 1px #dcdcdc;
}

/* ----- ■■■■（右側）テキスト部分 ----- */
#review_display_wrap ul li.fs-c-reviewList__item .txt-review {
	width: calc(100% - 31vw);
	line-height: 1.2;
}

/* 名前・レート・投稿日を囲んだ部分 */
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewList__item__info.fs-c-reviewInfo {
	padding: 0 0 1vw;
}

/* ★マーク（レート）と名前を囲んだ部分 */
#review_display_wrap ul li.fs-c-reviewList__item .rate-name {
	display: flex;
	align-items: center;
	line-height: 1.2;
}

/* ★マーク */
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewRating {
	margin: 0 3vw 0 0;
}
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewStars::before {
	font-size: 2.94vw;
	color: #ff4f03;
}

/* 日付 */
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewInfo__date {
	font-size: 1em;
}

/* 購入者アイコン・非公開を非表時にする */
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewInfo__reviewer.fs-c-reviewer .fs-c-reviewer__status {
	display: none;
}
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewInfo__reviewer.fs-c-reviewer .fs-c-reviewer__profile {
	display: none;
}

/* 文章 */
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewList__item__body.fs-c-reviewBody {
	padding: 1vw 0 0;
	border-top: solid 1px #dcdcdc;
}

/********** MORE **********/
#index .review .btn-more {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .review .btn-more a {
	display: block;
	width: 29.5vw;
}


/* --------------------------------------------------------------------------------
	INSTAGRAM
-------------------------------------------------------------------------------- */
#index .insta-block {}
#index .insta-ttl {
	margin: 0 auto 3vw auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .insta-ttl h2 {
	font-size: 5.3vw;
	color: #000;
	font-weight: 400;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#index .insta-ttl h2 span {
	font-size: 3.8vw;
	padding-left: 2vw;
	color: #000;
	font-weight: 400;
}


#index .insta-block .insta-area {
	padding: 0 0 2.6vw;
}
#index .insta-block .insta-slide-sp {
	overflow: hidden;
}
#index .insta-block .insta-slide-sp ul {
	display: flex;
	flex-wrap: wrap;
	
	width: calc(100% + 1.2vw);
}
#index .insta-block .insta-slide-sp ul li {
	width: calc(100% / 3);
	padding: 0 1.2vw 1.2vw 0;
}
#index .insta-block .insta-slide-sp ul li:nth-of-type(10) {
	display: none;
}
#index .insta-block .insta-slide-sp ul li a {
	display: block;
}
#index .insta-block .insta-slide-sp ul li img {
	display: block;
	
	width: 100%;
	height: 33vw;
	
	object-fit: cover;
}

/********** MORE **********/
#index .insta-block .btn-more {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .insta-block .btn-more a {
	display: block;
	width: 29.5vw;
}