@charset "utf-8";
.fs-l-main {
	padding: 0;
}
/********** h-nav-list **********/
.index-nav-list {
	margin-top: 7.5em;
	padding: 0 9vw 0 0;
	background: url("../images/common-device/h-btn-arr.png") no-repeat;
	background-position: 95vw 25.5vw;
	background-size: 2vw auto;
}
.index-nav-list .index-nav-list-box {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.index-nav-list ul {
	display: flex;
	width: 330vw;
	padding: 3vw 0 3vw 2vw;
}
.index-nav-list ul li {
	margin: 0 3.8vw 0 0;
}
.index-nav-list ul li a {
	display: block;
	white-space: nowrap;
	font-size: 3.6vw;
}
.index-nav-list ul li.index-nav-mark-1 a {
	color: #ec1b23;
}
/*スライダー上バナー*/
.index-slider-on-bnr .img img {
	display: block;
}
/* --------------------------------------------------------------------------------
スライダー　スマートフォン（コマースクリエイター）
-------------------------------------------------------------------------------- */
.fs-body-top .slick-list figure {
	display: block !important;
}
.fs-body-top .slick-list a {
	display: block;
}
.fs-body-top .slick-list img {
	display: block;
}
.fs-body-top .slick-prev, .fs-body-top .slick-next {
	cursor: pointer;
	width: 15px;
	height: 36px;
	line-height: 1;
	opacity: 1;
	font-size: 1px;
}
.fs-body-top .slick-prev {
	left: 0;
	background: url("../images/index/btn-slider-prev.png") no-repeat 0 0;
}
.fs-body-top .slick-next {
	right: 0;
	background: url("../images/index/btn-slider-next.png") no-repeat 0 0;
}
.fs-body-top .slick-prev::before, .fs-body-top .slick-next::before {
	display: none;
}
.fs-c-slick .slick-dots li button:before {
	width: 10px;
	height: 10px;
}
.fs-c-slick .slick-dots li.slick-active button:before {
	color: #a0a0a0;
}
/* --------------------------------------------------------------------------------
	indexメイン
-------------------------------------------------------------------------------- */
#index {}
/* --------------------------------------------------------------------------------
	SALE
-------------------------------------------------------------------------------- */
#index .sale {
	padding: 11vw 2vw 0;
}
#index .sale .heading {
	position: relative;
	padding: 0 0 4.5vw;
	font-weight: bold;
}
#index .sale h2 {
	text-align: center;
	font-size: 4.8vw;
}
#index .sale .sale-box {
	padding: 0 0 2vw;
}
/********** 商品一覧 **********/
#index .sale ul {}
#index .sale ul li {
	margin: 0 0 3vw;
	border: solid 1px #ccc;
}
#index .sale ul li a {
	display: flex;
	text-decoration: none;
	padding: 1.7vw 0;
}
#index .sale ul li .thumb {
	width: 30vw;
	padding: 0 2vw;
}
#index .sale ul li .thumb img {
	display: block;
	width: 100%;
	height: auto;
}
#index .sale ul li .item-info {
	width: calc(100% - 200px);
}
#index .sale ul li .item-info .icon-1 {
	display: table;
	margin: 0 0 2vw;
	padding: 0 3.5vw;
	color: #fff;
	background: #333;
}
#index .sale ul li .item-info .item-name {
	padding: 0 0 3.5vw;
}
#index .sale ul li .item-info .price-1 {
	font-size: 14px;
}
#index .sale ul li .item-info .price-1 .price-value {
	font-weight: bold;
	font-size: 4.8vw;
	color: #c00;
}
#index .sale ul li .item-info .price-1 .strike {
	font-size: 3vw;
}
/* もっと見る */
#index .sale .btn-more, #index .new-arrival .btn-more {
	width: 50vw;
	margin: 0 auto;
}
#index .sale .btn-more a, #index .new-arrival .btn-more {
	display: block;
	border: solid 0.3vw #999;
	padding: 1.6vw 0;
	text-align: center;
	text-decoration: none;
	letter-spacing: -0.05em;
	background: url("../images/index/icon-arr.png") no-repeat calc(100% - 18px) 50%;
}
/* --------------------------------------------------------------------------------
	新商品
-------------------------------------------------------------------------------- */
#index .new-arrival {
	padding: 12vw 0 0;
}
#index .new-arrival h2 {
	position: relative;
	padding: 0 0 8vw;
	overflow: hidden;
}
#index .new-arrival h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .new-arrival h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
#index .new-arrival .btn-more {
	width: 50vw;
	margin: 0 auto 3em;
	text-align: center;
}
#index .new-arrival .new-arrival-unit {
	padding: 0 2vw;
}
#index .new-arrival .new-arrival-unit ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
#index .new-arrival .new-arrival-unit ul li {
	width: 48%;
	padding: 0 0 5vw;
}
#index .new-arrival-unit ul li a .item-name {
	padding: 0 0 1vw;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .new-arrival-unit ul li a .item-price {
	text-align: center;
}
/* --------------------------------------------------------------------------------
	おすすめ商品
-------------------------------------------------------------------------------- */
#index .osusume {
	margin: 0 0 19vw;
}
#index .osusume h2 {
	position: relative;
	padding: 0 0 4.5vw;
	overflow: hidden;
}
#index .osusume h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .osusume h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
#index .osusume .osusume-wrapper {
	padding: 0 2vw;
}
#index .osusume .osusume-box {
	border: solid 0.2vw #ddd;
}
#index .osusume .btn-tab ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: solid 0.2vw #ddd;
	background: #fbfbfb;
}
#index .osusume .btn-tab ul li {
	display: flex;
	align-items: center;
	width: 50%;
	height: 17vw;
	padding: 2.5vw 0;
	border-bottom: solid 0.3vw #ddd;
	border-right: solid 0.3vw #ddd;
}
#index .osusume .btn-tab ul li.osusume-tab-active {
	background: #fff;
}
#index .osusume .btn-tab ul li:nth-of-type(2n) {
	border-right: none;
}
#index .osusume .btn-tab ul li:nth-last-of-type(1), #index .osusume .btn-tab ul li:nth-last-of-type(2) {
	border-bottom: none;
}
#index .osusume .btn-tab ul li span {
	display: table;
	margin: 0 auto;
	text-align: center;
	border-bottom: solid 0.4vw rgba(0, 0, 0, 0);
}
#index .osusume .btn-tab .osusume-tab-active span {
	border-bottom: solid 0.4vw #333;
}
/* タブ囲み */
#index .osusume .tabs {
	padding: 8vw 0 8vw;
}
/* タブ：通常時 */
#index .osusume .tabs-box {
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* タブ：アクティブ */
#index .osusume .osusume-tab-active {
	height: auto;
	visibility: visible;
}
/* 次へ・前へ */
#index .osusume .osusume-slider-box .slick-arrow {
	display: block;
	position: absolute;
	top: 50%;
	margin: -38px 0 0;
	width: 15px;
	height: 27px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	background: #ccc;
	z-index: 2;
}
#index .osusume .osusume-slider-box .slick-arrow.slick-prev {
	left: 9px;
	background: url(../images/index/btn-slider-prev.png) no-repeat 0 0;
	background-size: 100%;
}
#index .osusume .osusume-slider-box .slick-arrow.slick-next {
	right: 9px;
	background: url(../images/index/btn-slider-next.png) no-repeat 0 0;
	background-size: 100%;
}
/* サムネイル */
#index .osusume .thumb {
	width: 34vw;
	margin: 0 auto;
}
/* 商品名 */
#index .osusume .item-name {
	width: 40vw;
	margin: 0 auto;
}
/* 価格 */
#index .osusume .item-price {
	width: 40vw;
	margin: 0 auto;
}
/* --------------------------------------------------------------------------------
	人気ランキング
-------------------------------------------------------------------------------- */
#index .ranking {
	padding: 0 0 18vw;
}
#index .ranking .ranking-wrapper {
	padding: 0 2vw;
}
#index .ranking .ranking-box {
	padding: 5.3vw 0 0;
	border: solid 0.3vw #ddd;
	background: #fbfbfb;
}
#index .ranking h2 {
	position: relative;
	padding: 0 0 4.5vw;
	overflow: hidden;
}
#index .ranking h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .ranking h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
/********** 売れ筋商品 **********/
#index .ranking .heading {
	padding: 0 1.7vw 4.9vw;
}
#index .ranking .heading img {
	display: block;
	width: 33.8vw;
}
#index .ranking .icon-arr img {
	display: block;
}
/********** ranking タブ画像 **********/
#index .ranking ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 1.8vw 1.8vw;
}
#index .ranking ul li {
	width: calc(100% / 3);
}
#index .ranking ul li a {
	display: block;
}
#index .ranking ul li img {
	display: block;
}
/********** tab-contents **********/
#index .ranking .tab-contents {
	background: #fff;
}
/********** 通常時 **********/
#index .ranking .btn-tab ul li img.btn-off {
	display: block;
}
#index .ranking .btn-tab ul li img.btn-on {
	display: none;
}
/********** アクティブ時 **********/
#index .ranking .btn-tab ul li.btn-tab-active img.btn-off {
	display: none;
}
#index .ranking .btn-tab ul li.btn-tab-active img.btn-on {
	display: block;
}
/********** tab-contents-box **********/
#index .ranking .tab-contents-box {
	display: none;
}
#index .ranking .tab-contents-active {
	display: block;
}
/********** ranking unit **********/
#index .ranking .ranking-unit ul {
	display: flex;
	width: 100%;
}
#index .ranking .ranking-unit ul li {
	width: calc(100% / 3);
	overflow: hidden;
}
#index .ranking .ranking-unit ul li:last-child {
	border-right: none;
}
#index .ranking .ranking-unit ul li a {
	position: relative;
	display: block;
}
#index .ranking .ranking-unit ul li a::before {
	position: absolute;
	z-index: 1;
	right: 4vw;
	top: 4vw;
	width: 8vw;
	height: 10.7vw;
}
#index .ranking .ranking-unit ul li:nth-of-type(1) a::before {
	content: url("../images/index/icon-rank-1.png");
}
#index .ranking .ranking-unit ul li:nth-of-type(2) a::before {
	content: url("../images/index/icon-rank-2.png");
}
#index .ranking .ranking-unit ul li:nth-of-type(3) a::before {
	content: url("../images/index/icon-rank-3.png");
}
#index .ranking .ranking-unit ul li:nth-of-type(4) a::before {
	content: url("../images/index/icon-rank-4.png");
}
#index .ranking .ranking-unit ul li:nth-of-type(5) a::before {
	content: url("../images/index/icon-rank-5.png");
}
#index .ranking .ranking-unit ul li:nth-of-type(6) a::before {
	content: url("../images/index/icon-rank-6.png");
}
#index .ranking .ranking-unit ul li .thumb {
	width: 24vw;
	margin: 0 auto;
	padding: 4vw 0 4vw;
}
#index .ranking .ranking-unit ul li .thumb img {
	display: block;
	margin: 0 auto;
}
#index .ranking .ranking-unit ul li .item-name {
	padding: 0 3vw;
	text-align: center;
}
/* --------------------------------------------------------------------------------
	イベント
-------------------------------------------------------------------------------- */
#index .event {
	margin: 0 0 13vw;
}
#index .event h2 {
	position: relative;
	padding: 0 0 1vw;
	overflow: hidden;
}
#index .event h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .event h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
#index .event .event-box {
	margin: 0 2vw;
	border: solid 1px #ddd;
}
#index .event .event-box ul {
	display: flex;
	flex-wrap: wrap;
}
#index .event .event-box ul li {
	width: calc(100% / 2);
	flex-wrap: wrap;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
#index .event .event-box ul li:nth-of-type(2n) {
	border-right: none;
}
#index .event .event-box ul li:nth-last-of-type(1), #index .event .event-box ul li:nth-last-of-type(2) {
	border-bottom: none;
}
#index .event .event-box ul li:last-child {
	border-right: none;
}
#index .event .event-box ul li a {
	display: block;
	padding: 0 0 27px;
	text-decoration: none;
}
#index .event .event-box ul li .thumb {
	padding: 2.7vw 2.7vw 2.7vw 2.7vw;
}
#index .event .event-box ul li .thumb img {
	display: block;
}
#index .event .event-box ul li .title {
	padding: 0 1vw;
	text-align: center;
	font-weight: bold;
	letter-spacing: -0.1em;
	font-size: 24px;
}
#index .event .event-box ul li .txt {
	padding: 0 1vw;
	text-align: center;
}
/* --------------------------------------------------------------------------------
	カテゴリー
-------------------------------------------------------------------------------- */
#index .category {
	margin: 0 0 10vw;
}
#index .category h2 {
	position: relative;
	padding: 0 0 4.5vw;
	overflow: hidden;
}
#index .category h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .category h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
#index .category .category-box {
	padding: 2vw 0 4vw 2vw;
	background: #f1f1f1;
}
#index .category .category-box ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#index .category .category-box ul li {
	width: calc(100% / 5);
	padding: 0 1.6vw 2vw 0;
}
#index .category .category-box ul li {}
#index .category .category-box ul li a {
	border-radius: 0.3vw;
	display: block;
	border: solid 1vw #fff;
	box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
}
/********** マウスオーバー **********/
#index .category .category-box ul a:hover {
	border: solid 1vw #ec1b23;
}
#index .category .category-box ul li.li-2 a:hover {
	border: solid 1vw #b3dbe6;
}
#index .category .category-box ul li a img {
	display: block;
}
/* --------------------------------------------------------------------------------
	お知らせ
-------------------------------------------------------------------------------- */
#index .news {
	padding: 0 0 18vw;
}
#index .news h2 {
	position: relative;
	padding: 0 0 4.5vw;
	overflow: hidden;
}
#index .news h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .news h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
#index .news .news-box {
	padding: 0 2vw;
}
/* --------------------------------------------------------------------------------
	お知らせリスト
-------------------------------------------------------------------------------- */
#index .news ul {
	height: 98vw;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 15px 0 0;
}
#index .news ul li {
	margin: 0 0 3vw;
	padding: 0 0 3vw;
	border-bottom: dotted 1px #ccc;
}
#index .news ul li a {
	text-decoration: none;
}
#index .news ul li time {
	margin: 0 2vw 0 0;
}
#index .news ul li .icon-new {
	display: inline-block;
	color: #fff;
	background: #cc3333;
	padding: 0 10px;
}
#index .news ul li .txt {
	position: relative;
	display: block;
	padding: 2vw 0 0;
}
/* --------------------------------------------------------------------------------
	実店舗のご案内
-------------------------------------------------------------------------------- */
#index .shop h2 {
	position: relative;
	padding: 0 0 4.5vw;
	overflow: hidden;
}
#index .shop h2 span {
	display: table;
	width: 40vw;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	font-size: 4.8vw;
}
#index .shop h2:before {
	content: '';
	width: 100%;
	top: 25%;
	position: absolute;
	z-index: 1;
	border-bottom: dotted 0.2vw #394b59;
}
#index .shop .shop-box {
	padding: 0 2vw;
}
#index .shop .shop-box .shop-info {
	padding: 0 0 8vw;
}
#index .shop .shop-box .shop-info .heading {
	margin: 0 0 1vw;
	font-weight: bold;
}
#index .shop .shop-box .shop-info .img-shop {
	margin: 0 0 3.5vw;
}
#index .shop .shop-box .shop-info .img-shop img {
	display: block;
}
#index .shop .shop-box .shop-info p {
	line-height: 1.6;
}
#index .shop .shop-box .map-address {}
#index .shop .shop-box .map-address .map {
	padding: 0 0 4vw;
}
#index .shop .shop-box .map-address .map iframe {
	display: block;
	width: 100%;
	height: 67vw;
}
#index .shop .shop-box .map-address {}
#index .shop .shop-box .map-address p {
	line-height: 1.9;
}