@charset "utf-8";
.fs-l-main {
	padding: 0 0 24vw;
}
/* --------------------------------------------------------------------------------
スライダー　スマートフォン（コマースクリエイター）
-------------------------------------------------------------------------------- */
.fs-body-top .parts-slider-main {
	overflow: hidden;
	padding: 0 0 20vw;
}
.fs-body-top .parts-slider-main .slider-main-box {
	position: relative;
}
.fs-body-top .slider-for-sp .slick-track a {
	display: block;
}
.fs-body-top .slider-for-sp .slick-track img {
	display: block;
	max-width: 100%;
}
/********** スライダーバナーなど **********/
.fs-body-top .slider-for-sp .slick-track .slide-item {
	padding: 0 0 3vw;
}
.fs-body-top .slider-for-sp .slick-track .slide-item .slide-item-box {}
.fs-body-top .slider-for-sp .slick-track .slide-item a {
	display: block;
}
.fs-body-top .slider-for-sp .slick-track .slide-item img {
	display: block;
	max-width: 100%;
}
/***** スライダーボタン *****/
.fs-body-top .slider-btns {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 100%;
}
.fs-body-top .parts-slider-main .slick-prev, .fs-body-top .parts-slider-main .slick-next {
	position: absolute;
	cursor: pointer;
	width: 6vw;
	height: 20vw;
	margin-top: -10vw;
	line-height: 1;
	opacity: 1;
	font-size: 1px;
	text-indent: -9999px;
	border: none;
}
.fs-body-top .parts-slider-main .slick-prev {
	left: 0;
	background: url("../images/index/btn-slider-prev.png") no-repeat 50% 50%;
	background-size: 50% auto;
}
.fs-body-top .parts-slider-main .slick-next {
	right: 0;
	background: url("../images/index/btn-slider-next.png") no-repeat 50% 50%;
	background-size: 50% auto;
}
/********** スライダーサムネイル **********/
.fs-body-top .slider-thunbnail {
	width: 100%;
	padding: 0 0 0 14.9vw;
}
.fs-body-top .slider-nav-sp .slick-track {
	display: flex;
	width: 100% !important;
	left: 0 !important;
	transform: translate3d(0, 0, 0) !important;
}
.fs-body-top .slider-nav-sp .slick-track .slide-item {
	width: 23.7vw;
}
.fs-body-top .slider-nav-sp .slick-track .slide-item .slide-item-box {
	width: 22.9vw;
	margin: 0 auto;
	padding: 0 0.5vw;
}
/* --------------------------------------------------------------------------------
	indexメイン
-------------------------------------------------------------------------------- */
#index {}
/* --------------------------------------------------------------------------------
	NEWS
-------------------------------------------------------------------------------- */
#index .news {
	margin: 0 5vw 19vw;
}
#index .news .news-box {}
#index .news h2 {
	padding: 0 0 6vw;
	text-align: center;
	color: #604c3f;
}
#index .news h2 .label-en {
	display: block;
	padding: 0 0 1.5vw;
	font-size: 7.6vw;
}
#index .news h2 .label-ja {
	display: block;
	font-size: 4vw;
}
/********** リスト **********/
#index .news ul li {
	padding: 3vw 3vw;
	border-bottom: solid 0.2vw #eee9e6;
	font-size: 3.6vw;
}
#index .news ul li:nth-child(n+4) {
	display: none;
}
#index .news ul li .datetime {
	color: #807065;
}
#index .news ul li .post-title {}
#index .news ul li .post-title a {
	display: block;
}
/* --------------------------------------------------------------------------------
	RANKING
-------------------------------------------------------------------------------- */
#index .ranking {
	margin: 0 0 20vw;
}
#index .ranking .ranking-box {}
#index .ranking h2 {
	padding: 0 0 6vw;
	text-align: center;
	color: #604c3f;
}
#index .ranking h2 .label-en {
	display: block;
	padding: 0 0 1.5vw;
	font-size: 7.6vw;
}
#index .ranking h2 .label-ja {
	display: block;
	font-size: 4vw;
}
/********** リスト **********/
#index .ranking .ranking-list {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 2.5vw 0 0 5vw;
}
#index .ranking ul {
	display: flex;
	flex-wrap: wrap;
	width: 220vw;
}
#index .ranking ul li {
	width: 38vw;
	margin: 0 4vw 4vw 0;
}
#index .ranking ul li:last-child {
	margin-right: 0;
}
#index .ranking ul li a {
	position: relative;
	display: block;
	text-decoration: none;
}
#index .ranking ul li a .icon-no {
	position: absolute;
	z-index: 2;
	margin: -2vw 0 0 -2vw;
}
#index .ranking ul li a .icon-no img {
	display: block;
	width: 10.5vw;
	height: 10.5vw;
}
#index .ranking ul li a .item-thumb {
	padding: 0 0 1.5vw;
}
#index .ranking ul li a .item-thumb img {
	display: block;
	width: 36vw;
	height: 36vw;
	object-fit: cover;
}
#index .ranking ul li a .item-name {
	padding: 0 0 1.5vw;
	font-weight: 700;
	font-size: 4vw;
}
#index .ranking ul li a .item-price {
	font-size: 4vw;
}
/* --------------------------------------------------------------------------------
	RECOMMEND
-------------------------------------------------------------------------------- */
#index .recommend {
	margin: 0 0 20vw;
}
#index .recommend h2 {
	padding: 0 0 6vw;
	text-align: center;
	color: #604c3f;
}
#index .recommend h2 .label-en {
	display: block;
	padding: 0 0 1.5vw;
	font-size: 7.6vw;
}
#index .recommend h2 .label-ja {
	display: block;
	font-size: 5.5vw;
}
#index .recommend h2 .label-ja::before, #index .recommend h2 .label-ja::after {
	display: inline-block;
	content: "─";
	margin: 0 1em;
}
/********** リスト **********/
#index .recommend .recommend-list {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 2.5vw 0 0 5vw;
}
#index .recommend ul {
	display: flex;
	flex-wrap: wrap;
	width: 550vw;
}
#index .recommend ul li {
	width: 38vw;
	margin: 0 4vw 4vw 0;
}
#index .recommend ul li:last-child {
	margin-right: 0;
}
#index .recommend ul li a {
	display: block;
	text-decoration: none;
}
#index .recommend ul li a .item-thumb {
	padding: 0 0 1.5vw;
}
#index .recommend ul li a .item-thumb img {
	display: block;
	width: 36vw;
	height: 36vw;
	object-fit: cover;
}
#index .recommend ul li a .item-name {
	padding: 0 0 1.5vw;
	font-weight: 700;
	font-size: 4vw;
}
#index .recommend ul li a .item-price {
	font-size: 4vw;
}
#index .recommend .recommend-box {
	margin-top: 3em;
}
#index .recommend .recommend-box:first-of-type {
	margin-top: 0;
}
#index .recommend .recommend-list.premium .item-thumb {
	position: relative;
}
#index .recommend .recommend-list.premium .item-thumb::before {
	position: absolute;
	display: block;
	content: "";
	width: 3em;
	aspect-ratio: 302 / 377;
	background-image: url(//pizzamicio.itembox.design/item/images/index/img-badge_premium.svg);
	background-position: center;
	background-size: contain;
}
/* --------------------------------------------------------------------------------
	COLUMN
-------------------------------------------------------------------------------- */
#index .column {
	padding: 15vw 0 11vw;
	background: #f7f4f0;
}
#index .column .column-box {
	padding: 0 5vw;
}
#index .column h2 {
	padding: 0 0 6vw;
	text-align: center;
	color: #604c3f;
}
#index .column h2 .label-en {
	display: block;
	padding: 0 0 1.5vw;
	font-size: 7.6vw;
}
#index .column h2 .label-ja {
	display: block;
	font-size: 5.5vw;
}
/********** リスト **********/
#index .column ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#index .column ul li {
	display: flex !important;
	width: 45vw;
	margin: 0 0 7.5vw;
}
#index .column ul li .column-item {
	padding: 0 8px;
	display: flex;
}
#index .column ul li a {
	position: relative;
	display: block;
	padding: 15px 15px 35px;
	text-decoration: none;
	line-height: 1.7;
	font-size: 16px;
	background: #fff;
}
#index .column ul li a .post-thumb {
	padding: 0 0 15px;
}
#index .column ul li a .post-thumb img {
	display: block;
}
/********** slick **********/
#index .slick-track {
	display: flex;
}
#index .slick-initialized .slick-slide, #index .slick-track .slick-slide {
	display: flex;
	height: auto;
}
#index .slick-track .slick-slide > div {
	display: flex;
}
/* 次へ・前へ */
#index .column .slick-arrow {
	display: block;
	position: absolute;
	top: 50%;
	margin: -5vw 0 0;
	width: 5vw;
	height: 10vw;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	background: #ccc;
	z-index: 1;
}
#index .column .slick-arrow.slick-prev {
	left: -4vw;
	background: url(../images/index/arrow-left.svg) no-repeat 50% 50%;
	background-size: 2.6vw auto;
}
#index .column .slick-arrow.slick-next {
	right: -4vw;
	background: url(../images/index/arrow-right.svg) no-repeat 50% 50%;
	background-size: 2.6vw auto;
}
/********** btn-more **********/
#index .column .btn-more {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding: 0 4vw 0 0;
}
#index .column .btn-more .btn-more-box {
	display: flex;
}
#index .column .btn-more .btn-more-box::after {
	display: block;
	content: '＞';
}
#index .column .btn-more a {
	display: block;
	margin: 0 6vw 0 0;
	padding: 0 0 1.5vw 0;
	border-bottom: solid 1px #222020;
	text-decoration: none;
	font-size: 3.6vw;
	color: #222020;
}