@charset "utf-8";






.fs-l-main{
	padding: 0;
}
#footer-sp {
	padding-top: 20vw;
}


/* --------------------------------------------------------------------------------
	スライダー（コマースクリエイター）
-------------------------------------------------------------------------------- */
.main-slider {
	position: relative;
	
	margin: 0 0 0;
	padding: 0 0 7vw !important;
}
.main-slider .slick-list figure {
	display: block !important;
}
.main-slider .slick-list a {
	display: block;
}
.main-slider .slick-list img {
	display: block;
}

.main-slider .slick-prev::before,
.main-slider .slick-next::before {
	display: none;
}

/* ドット */
.main-slider ul.slick-dots{
	position: absolute;
	bottom: 2vw;
	
	display: flex;
	justify-content: center;
	
	width: 100%;
	padding: 0 0 0;
}
.main-slider ul.slick-dots li{
	padding: 0 1.3vw;
}
.main-slider ul.slick-dots li button{
	display: block;
	width: 2.4vw;
	height: 2.4vw;
	padding: 0;
	border-radius: 2.4vw;
	border: none;
	text-indent: -9999px;
	overflow: hidden;

	cursor: pointer;
	background: #fff;
}
.main-slider ul.slick-dots li.slick-active button{
	background: #ebdc96;
}





/* --------------------------------------------------------------------------------
	index-inner
-------------------------------------------------------------------------------- */
#index .index-inner {
}




/* --------------------------------------------------------------------------------
	INFORMATION
-------------------------------------------------------------------------------- */
#index .information {
	width: 100%;
	margin: 0 0 10vw;
	padding: 0 5vw;
}

/*information*/
#index .information .information-wrapper {
	padding: 3.5vw 0 3.5vw 2vw;
	border-top: solid 1px #006838;
	border-bottom: solid 1px #006838;
}

/*information-box*/
#index .information .information-box {
	height: 53.5vw;
	overflow: auto;
}

/*スクロールバーの横幅指定*/
#index .information ::-webkit-scrollbar {
	width: 3vw;
}
/*スクロールバーの背景色・角丸指定*/
#index .information ::-webkit-scrollbar-track {
	border-radius: 3vw;
	background: #f6efdd;
}
/*スクロールバーの色・角丸指定*/
#index .information ::-webkit-scrollbar-thumb {
	border-radius: 3vw;
	background:#006837;
}

#index .information h2 {
	padding: 0 0 3.5vw;
	text-align: center;
	color: #006838;
}
#index .information h2 .label-en {
	display: block;
	padding: 0 0 1vw;
	font-size: 6.7vw;
	font-weight: 700;
}
#index .information h2 .label-ja {
	display: block;
	font-size: 4vw;
}
#index .information .information-box {
}
#index .information ul {
}
#index .information ul li {
	padding: 0 0 5vw;
	font-size: 3.6vw;
}
#index .information ul li .news-date {
	display: block;
	
	padding: 0;
	font-weight: 600;
	color: #006837;
}
#index .information ul li .news-title a {
	display: block;
}




/* --------------------------------------------------------------------------------
	バナー
-------------------------------------------------------------------------------- */
#index .bnr-list-1 {
	padding: 0 10vw 10vw;
}
#index .bnr-list-1 ul {
}
#index .bnr-list-1 ul li {
	padding: 0 0 2vw;
}
#index .bnr-list-1 ul li a {
	display: block;
}
#index .bnr-list-1 ul li img {
	display: block;
}




/* --------------------------------------------------------------------------------
	冷凍だからいつでも
-------------------------------------------------------------------------------- */
#index .pizza-party {
	position: relative;
	margin: 0 0 10vw;
}
#index .pizza-party .img {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	
	width: 100%;
	padding: 0 1.5vw;
}
#index .pizza-party .txt {
	width: 100%;
	
	padding: 45vw 0 0;
	text-align: center;
	line-height: 1.6;
	font-size: 3.6vw;
}




/* --------------------------------------------------------------------------------
	大人気よくばりセット
-------------------------------------------------------------------------------- */
#index .yokubari-set {
	margin: 0 0 14vw;
	padding: 0 0 0 55vw;
	background: url("../images/index/img-yokubari-set.jpg") no-repeat 0 0;
	background-size: 52vw auto;
}
#index .yokubari-set h2 {
	padding: 0 0 3.5vw;
}
#index .yokubari-set h2 img {
	display: block;
	width: 39vw;
}
#index .yokubari-set .txt {
	padding: 0 6vw 0 0;
	font-size: 3.6vw;
}
#index .yokubari-set .txt p {
	padding: 0 0 2vw;
	line-height: 1.4;
}
#index .yokubari-set .txt p:last-child {
	padding-bottom: 0;
}
#index .yokubari-set .txt p .mark-1 {
	font-weight: 700;
	color: #be2828;
}
#index .yokubari-set .btn-check {
	padding: 0 5vw 0 0;
	text-align: right;
}
#index .yokubari-set .btn-check a {
	padding: 0 4.5vw 0 0;
	text-decoration: none;
	font-size: 4.4vw;
	font-weight: 700;
	color: #006838;
	background: url("../images/index/btn-arr.png") no-repeat 99% 0.38em;
	background-size: 2.8vw auto;
}




/* --------------------------------------------------------------------------------
	RANKING
-------------------------------------------------------------------------------- */
#index .ranking {
	width: 100%;
	margin: 0 auto 16vw;
}


#index .ranking h2 {
	padding: 0 0 3.5vw;
	text-align: center;
	color: #006838;
}
#index .ranking h2 .label-en {
	display: block;
	padding: 0 0 1vw;
	font-size: 6.7vw;
	font-weight: 700;
}
#index .ranking h2 .label-ja {
	display: block;
	font-size: 4vw;
}

/********** リスト **********/
#index .ranking .ranking-list {
	padding: 0 5vw;
}
#index .ranking ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .ranking ul li {
	width: 42vw;
}
#index .ranking ul li a {
	position: relative;
	
	display: block;
	text-decoration: none;
}
#index .ranking ul li a .icon-no {
	position: absolute;
	z-index: 2;
	
	width: 9.5vw;
	margin: -2vw 0 0;
}
#index .ranking ul li a .item-thumb {
	padding: 0 0 1vw;
}
#index .ranking ul li a .item-thumb img {
	display: block;
}
#index .ranking ul li a .item-name {
	padding: 0 0 1vw;
	font-weight: 700;
	font-size: 3.6vw;
}
#index .ranking ul li a .item-price {
	font-size: 3.6vw;
}


/* --------------------------------------------------------------------------------
	CATEGORY
-------------------------------------------------------------------------------- */
#index .category-parts .category-parts-list{
	padding: 0 5vw;
}



/* --------------------------------------------------------------------------------
	RECOMMEND
-------------------------------------------------------------------------------- */
#index .recommend {
	width: 100%;
	margin: 17vw 0 15vw;
	padding: 0 5vw;
}


#index .recommend h2 {
	padding: 0 0 6vw;
	text-align: center;
	color: #006838;
}
#index .recommend h2 .label-en {
	display: block;
	padding: 0 0 1vw;
	font-size: 6.7vw;
	font-weight: 700;
}
#index .recommend h2 .label-ja {
	display: block;
	font-size: 4vw;
}

/********** リスト **********/
#index .recommend ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .recommend ul li {
	width: 42vw;
	margin: 0 0 5vw;
}
#index .recommend ul li a {
	position: relative;
	
	display: block;
	text-decoration: none;
}
#index .recommend ul li a .item-thumb {
	padding: 0 0 1vw;
}
#index .recommend ul li a .item-thumb img {
	display: block;
}
#index .recommend ul li a .item-name {
	padding: 0 0 1vw;
	font-weight: 700;
	font-size: 3.6vw;
}
#index .recommend ul li a .item-price {
	font-size: 3.6vw;
}




/* --------------------------------------------------------------------------------
	COLUMN
-------------------------------------------------------------------------------- */
#index .column {
	padding: 0 5vw;
}


#index .column h2 {
	padding: 0 0 3.5vw;
	text-align: center;
	color: #006838;
}
#index .column h2 .label-en {
	display: block;
	padding: 0 0 1vw;
	font-size: 6.7vw;
	font-weight: 700;
}
#index .column h2 .label-ja {
	display: block;
	font-size: 4vw;
}

/********** リスト **********/
#index .column ul {
	width: 100%;
}
#index .column ul li {
	padding: 0 0 5vw;
}
#index .column ul li a {
	position: relative;
	
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	
	line-height: 1.2;
}
#index .column ul li a .post-thumb {
	width: 36vw;
	padding: 0 0 1vw;
}
#index .column ul li a .post-thumb img {
	display: block;
}
#index .column ul li a .post-info {
	width: 52vw;
}
#index .column ul li a .post-datetime {
	padding: 0 0 1vw;
	font-weight: 700;
	font-size: 3.6vw;
	color: #006837;
}
#index .column ul li a .post-title {
	padding: 0 0 1vw;
	font-weight: 700;
	font-size: 3.6vw;
}
#index .column ul li a .post-txt {
	font-size: 3vw;
}

/********** btn-more **********/
#index .column .btn-more {
	padding: 0 1vw 0 0;
	text-align: right;
}
#index .column .btn-more a {
	padding: 0 4.5vw 0 0;
	text-decoration: none;
	font-size: 4.4vw;
	font-weight: 700;
	color: #006838;
	background: url("../images/index/btn-arr.png") no-repeat 99% 0.55em;
	background-size: 2.8vw auto;
}