@charset "utf-8";

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

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


/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */
#index {
	color: #000;
	max-width: 1000px;
	width: 100%;
	margin: 100px auto 0 auto;
	font-size: 32px;
}


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



/********** MORE **********/
#index .btn-more {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .btn-more a {
		display: block;
	width: 290px;
	padding: 10px 0;
	border: solid 1px #000;
	border-radius: 30px;
	text-align: center;
	font-size: 24px;
	color: #000;
}





/* --------------------------------------------------------------------------------
	新商品
	newarrival
-------------------------------------------------------------------------------- */
#index .newarrival-block {
	padding-bottom: 100px;
}
#index .newarrival {
	padding: 0 0 120px;
}
#index .newarrival .newarrival-ttl {
	margin: 0 auto 30px 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: 46px;
	padding-left: 20px;
	color: #000;
	font-weight: 400;
}
#index .newarrival .newarrival-ttl h2 .heading-en {
	display: block;
	
	font-size: 38px;
	padding-left: 20px;
	color: #000;
	font-weight: 400;
}
#index .newarrival .newarrival-ttl h2 .heading-link {
	padding-left: 20px;
}
#index .newarrival .newarrival-ttl h2 .heading-link a {
	display: block;
	width: 175px;
	padding: 2px 0;
	border: solid 1px #000;
	border-radius: 30px;
	text-align: center;
	font-size: 26px;
	color: #000;
}

#index .newarrival .newarrival-parts {
	padding: 0 0 49px;
}
#index .newarrival .newarrival-parts ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
	padding: 0 50px;
}
#index .newarrival .newarrival-parts ul li {
	width: calc(100% / 3);
	padding: 10px 10px 20px;
	font-size: 22px;
}
#index .newarrival .newarrival-parts ul li a {
	display: block;
	padding: 5px 0;
	color: #000;
}

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

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

/********** SEE ALL **********/
#index .newarrival .btn-see-all {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .newarrival .btn-see-all a {
	display: block;
	width: 290px;
	padding: 10px 0;
	border: solid 1px #000;
	border-radius: 30px;
	text-align: center;
	font-size: 24px;
	color: #000;
}


/* --------------------------------------------------------------------------------
	ランキング
-------------------------------------------------------------------------------- */
#index .ranking-tabs{
	padding: 0 100px 120px;
}
#index .ranking-ttl {
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .ranking-ttl h2 {
	font-size: 46px;
	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: 38px;
	padding-left: 20px;
	color: #000;
	font-weight: 400;
}

/********** タブ切り替えボタン **********/
#index .ranking-tabs .tab-area .btn-tab ul{
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
	margin: 0 0 65px;
	border: solid 1px #000;
}
#index .ranking-tabs .tab-area .btn-tab ul li{
	width: calc(100% / 3);
	border-right: solid 1px #000;
	text-align: center;
	font-size: 26px;
	color: #000;
	padding: 5px 0;
}
#index .ranking-tabs .tab-area .btn-tab ul li:nth-of-type(1) {
	width: 100%;
	border-right: none;
	border-bottom: solid 1px #000;
	font-size: 30px;	
	padding:0 0 3px 0;
}
#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 16px;
}
/********** 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: 35px;
	font-size: 22px;
}
#index .ranking-tabs .tab-area .tab-unit .top-ranking-10-parts ul li a {
	position: relative;
	display: block;
	padding: 5px 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: 0;
	left: -10px;
	
	width: 49px;
	height: 65px;
	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: -30px;
	width: 95px;
	height: 104px;
}
#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: 230px;
	margin: 0 auto;
}

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

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

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



/* --------------------------------------------------------------------------------
	オリジナル商品
-------------------------------------------------------------------------------- */
#index .original {
	padding: 0 0 120px;
}
#index .original-ttl {
	margin: 0 auto 30px 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: 53px;
}
#index .original-ttl h2 .heading-2 {
	font-size: 46px;
}
#index .original-ttl h2 .heading-3 {
	font-size: 38px;
	padding-left: 20px;
}
#index .original .bnr-original-box img{
	display: block;
}


/* --------------------------------------------------------------------------------
	セール
-------------------------------------------------------------------------------- */
#index .sale {
	padding: 0 0 120px;
}
#index .sale-ttl {
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .sale-ttl h2 {
	font-size: 46px;
	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: 38px;
	padding-left: 20px;
	color: #000;
}


/* --------------------------------------------------------------------------------
	ニュース
-------------------------------------------------------------------------------- */
#index .news {
	padding: 0 0 120px;
}
#index .news-ttl {
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .news-ttl h2 {
	font-size: 46px;
	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: 38px;
	padding-left: 20px;
	color: #000;
}


/* リスト */
#index .news-area ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
	padding: 0 68px 80px;
}
#index .news-area ul li {
	width: 48%;
	padding: 0 0 2px;
}
#index .news-area ul li a {
	display: block;
	font-size: 30px;
	color: #000;
}
#index .news-area ul li .category-mark {
	display: table;
	padding: 2px 25px;
	color: #fff;
	background: #000;
}
#index .news-area ul li img {
	display: block;
	
	width: 400px;
	height: 400px;
	
	object-fit: cover;
}
#index .news-area ul li a .category category {
	color: #fff;
	background: #000;
}





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

#index .review-ttl {
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .review-ttl h2 {
	font-size: 46px;
	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: 38px;
	padding-left: 20px;
	color: #000;
	font-weight: 400;
}

/********** レビューのレイアウト **********/
#review_display_wrap {
	padding: 0 20px;
}
#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: 30px 0;
	
	border-bottom: solid 1px #dcdcdc;
	font-size: 29px;
}
#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: 285px;
	border-right: solid 1px #dcdcdc;
}

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

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

/* ★マーク（レート）と名前を囲んだ部分 */
#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 30px 0 0;
}
#review_display_wrap ul li.fs-c-reviewList__item .fs-c-reviewStars::before {
	font-size: 29px;
	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: 10px 0 0;
	border-top: solid 1px #dcdcdc;
}

/********** MORE **********/
#index .news .btn-more {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#index .news .btn-more a {
		display: block;
	width: 290px;
	padding: 10px 0;
	border: solid 1px #000;
	border-radius: 30px;
	text-align: center;
	font-size: 24px;
	color: #000;
}


/* --------------------------------------------------------------------------------
	INSTAGRAM
-------------------------------------------------------------------------------- */
#index .insta-block {}
#index .insta-ttl {
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index .insta-ttl h2 {
	font-size: 53px;
	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: 38px;
	padding-left: 20px;
	color: #000;
	font-weight: 400;
}


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