@charset "utf-8";


/* --------------------------------------------------------------------------------
	メイン幅
-------------------------------------------------------------------------------- */
.fs-l-main{
	max-width: none;
}
.fs-l-pageMain{
	max-width: none;
}

/* --------------------------------------------------------------------------------
	スライダー（コマースクリエイター）
-------------------------------------------------------------------------------- */
.main-slider {
	position: relative;
	
	margin: 0 0 0;
	padding: 0 0 30px !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-arrows{
	position: absolute;
	top: 50%;
	
	width: 100%;
}
.main-slider .slick-arrows .slick-arrows-box{
	width: 1000px;
	margin: 0 auto;
}

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

/* ドット */
.main-slider ul.slick-dots{
	position: absolute;
	bottom: 20px;
	
	display: flex;
	justify-content: center;
	
	width: 100%;
	padding: 0 0 0;
}
.main-slider ul.slick-dots li{
	padding: 0 6px;
}
.main-slider ul.slick-dots li button{
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	border-radius: 12px;
	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 {
	width: 1200px;
	margin: 0 auto;
}




/* --------------------------------------------------------------------------------
	INFORMATION
-------------------------------------------------------------------------------- */
#index .information {
	width: 100%;
	margin: 0 auto 50px;
}

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

/*information-box*/
#index .information .information-box {
	height: 115px;
	overflow: auto;
}

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

#index .information h2 {
	padding: 0 0 18px;
	text-align: center;
	color: #006838;
}
#index .information h2 .label-en {
	display: block;
	padding: 0 0 6px;
	font-size: 50px;
	font-weight: 700;
}
#index .information h2 .label-ja {
	display: block;
	font-size: 18px;
}
#index .information .information-box {
}
#index .information ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .information ul li {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 13px;
	font-size: 16px;
}
#index .information ul li .news-date {
	display: block;
	
	width: 100px;
	padding: 0;
	font-weight: 600;
	color: #006837;
}
#index .information ul li .news-title {
	width: calc(100% - 100px);
}
#index .information ul li .news-title a {
	display: block;
}




/* --------------------------------------------------------------------------------
	バナー
-------------------------------------------------------------------------------- */
#index .bnr-list-1 {
	padding: 0 0 90px;
}
#index .bnr-list-1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
}
#index .bnr-list-1 ul li {
	width:590px;
	padding: 0 0 20px;
}
#index .bnr-list-1 ul li a {
	display: block;
}
#index .bnr-list-1 ul li img {
	display: block;
}




/* --------------------------------------------------------------------------------
	冷凍だからいつでも
-------------------------------------------------------------------------------- */
#index .pizza-party {
	position: relative;
	height: 730px;
	margin: 0 0 95px;
}
#index .pizza-party .img {
	position: absolute;
	z-index: 0;
}
#index .pizza-party .txt {
	position: absolute;
	
	width: 100%;
	padding: 510px 0 0;
	text-align: center;
	line-height: 2;
	font-size: 20px;
}




/* --------------------------------------------------------------------------------
	大人気よくばりセット
-------------------------------------------------------------------------------- */
#index .yokubari-set {
	height: 600px;
	margin: 0 0 110px;
	padding: 0 0 0 600px;
	background: url("../images/index/img-yokubari-set.jpg") no-repeat 0 0;
}
#index .yokubari-set h2 {
	padding: 0 0 47px;
}
#index .yokubari-set .txt {
	padding: 0 0 15px;
	font-size: 18px;
}
#index .yokubari-set .txt p {
	line-height: 2.2;
}
#index .yokubari-set .txt p .mark-1 {
	font-weight: 700;
	color: #be2828;
}
#index .yokubari-set .btn-check {
	text-align: right;
}
#index .yokubari-set .btn-check a {
	padding: 0 27px 0 0;
	text-decoration: none;
	font-size: 28px;
	color: #006838;
	background: url("../images/index/btn-arr.png") no-repeat 100% 0.35em;
}




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


#index .ranking h2 {
	padding: 0 0 53px;
	text-align: center;
	color: #006838;
}
#index .ranking h2 .label-en {
	display: block;
	padding: 0 0 6px;
	font-size: 50px;
	font-weight: 700;
}
#index .ranking h2 .label-ja {
	display: block;
	font-size: 18px;
}

/********** リスト **********/
#index .ranking ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .ranking ul li {
	width: 285px;
	margin: 0 20px 20px 0;
}
#index .ranking ul li:nth-of-type(4n) {
	margin-right: 0;
}
#index .ranking ul li a {
	position: relative;
	
	display: block;
	text-decoration: none;
	font-size: 16px;
}
#index .ranking ul li a .icon-no {
	position: absolute;
	z-index: 2;
	
	margin: -10px 0 0;
}
#index .ranking ul li a .item-thumb {
	padding: 0 0 5px;
}
#index .ranking ul li a .item-thumb img {
	display: block;
}
#index .ranking ul li a .item-name {
	padding: 0 0 5px;
	font-weight: 700;
	font-size: 16px;
}
#index .ranking ul li a .item-price {
	font-size: 16px;
}




/* --------------------------------------------------------------------------------
	RECOMMEND
-------------------------------------------------------------------------------- */
#index .recommend {
	width: 100%;
	margin: 0 auto 50px;
}


#index .recommend h2 {
	padding: 0 0 53px;
	text-align: center;
	color: #006838;
}
#index .recommend h2 .label-en {
	display: block;
	padding: 0 0 6px;
	font-size: 50px;
	font-weight: 700;
}
#index .recommend h2 .label-ja {
	display: block;
	font-size: 18px;
}

/********** リスト **********/
#index .recommend ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .recommend ul li {
	width: 285px;
	margin: 0 20px 20px 0;
}
#index .recommend ul li:nth-of-type(4n) {
	margin-right: 0;
}
#index .recommend ul li a {
	position: relative;
	
	display: block;
	text-decoration: none;
	font-size: 16px;
}
#index .recommend ul li a .item-thumb {
	padding: 0 0 5px;
}
#index .recommend ul li a .item-thumb img {
	display: block;
}
#index .recommend ul li a .item-name {
	padding: 0 0 5px;
	font-weight: 700;
	font-size: 16px;
}
#index .recommend ul li a .item-price {
	font-size: 16px;
}




/* --------------------------------------------------------------------------------
	COLUMN
-------------------------------------------------------------------------------- */
#index .column {
	width: 100%;
	margin: 0 auto 32px;
}


#index .column h2 {
	padding: 0 0 53px;
	text-align: center;
	color: #006838;
}
#index .column h2 .label-en {
	display: block;
	padding: 0 0 6px;
	font-size: 50px;
	font-weight: 700;
}
#index .column h2 .label-ja {
	display: block;
	font-size: 18px;
}

/********** リスト **********/
#index .column ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#index .column ul li {
	width: 384px;
	margin: 0 24px 24px 0;
	border: solid 1px #e8ddc2;
}
#index .column ul li:nth-of-type(3n) {
	margin-right: 0;
}
#index .column ul li a {
	position: relative;
	
	display: block;
	padding: 19px 18px;
	text-decoration: none;
	font-size: 16px;
}
#index .column ul li a .post-thumb {
	padding: 0 0 5px;
}
#index .column ul li a .post-thumb img {
	display: block;
}
#index .column ul li a .post-datetime {
	padding: 0 0 5px;
	font-weight: 700;
	font-size: 16px;
	color: #006837;
}
#index .column ul li a .post-title {
	padding: 0 0 5px;
	font-weight: 700;
	font-size: 16px;
}
#index .column ul li a .post-txt {
	font-size: 16px;
}

/********** btn-more **********/
#index .column .btn-more {
	text-align: right;
}
#index .column .btn-more a {
	padding: 0 27px 0 0;
	text-decoration: none;
	font-size: 28px;
	font-weight: 700;
	color: #006838;
	background: url("../images/index/btn-arr.png") no-repeat 99% 0.5em;
}