@charset "utf-8";

/* --------------------------------------------------------------------------------
	メインリセット
-------------------------------------------------------------------------------- */
.fs-l-main{
	margin: 0;
	padding: 0 !important;
}


/* --------------------------------------------------------------------------------
メインスライダー
-------------------------------------------------------------------------------- */
.common .slider-top-sp {
	margin: 0;
	padding: 0 ;
	overflow: hidden;
	/*background: #9b6740;*/
	line-height: 0;
}



/*スライダー 矢印*/
.common .fs-c-slick .slick-prev,
.common .fs-c-slick .slick-next{
	background: none;
}

.common .fs-c-slick .slick-prev:before {
	content:url(https://gramercynewyork.itembox.design/item/images/index-main/slider-icon-arrow-prev.png);
	display: inline-block;
	vertical-align: middle;
	transform: scale(0.7);
}

.common .fs-c-slick .slick-next:before {
	content:url(https://gramercynewyork.itembox.design/item/images/index-main/slider-icon-arrow-next.png);
	display: inline-block;
	vertical-align: middle;
	transform: scale(0.7);
}




/*スライダー 矢印・ドットボタン*/
.common .fs-c-slick .slick-dots{
	display:none!important;
}




/* --------------------------------------------------------------------------------
	indexメイン
-------------------------------------------------------------------------------- */
#index{	
	font-size: 3.4vw;
}



/* 配送について
---------------------------------------- */
.haisou-txt{
	text-align: center;
	background: #9b6740;
	color: #fff;
	/*height: 11.5vw;*/
	font-size: 3.6vw;
	/*padding-top: 3vw;*/
	padding: 3vw 0;
}
.haisou-txt a{
	color: #fff!important;
}
.haisou-txt a:visited{
	color: #fff!important;
}

.common .haisou-txt a { color: #fff!important;
}
.common .haisou-txt a:visited { color: #fff!important;
}

/* MENU ITEM
---------------------------------------- */
#index .menu_item{
	width: 80vw;
	margin: 15vw auto 18vw;
}
#index .menu_item h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
}
#index .menu_item h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
    letter-spacing: 0;
}
#index .Module_product {
    gap: 15px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 13vw 0 0 0;
}
#index .Module_product.products4 li {
    width: calc(100% / 3 - 10px );
}
#index h3.name{
	font-size: 0.9em!important;
	text-align: center!important;
}
#index .menu_item .allitem{
	font-size: 3vw;
	font-weight: 700;
	margin-top: 6vw;
	text-align: center;
}
#index .menu_item .allitem::before{
	content: ">";
    padding-right: 1vw;
}
#index .menu_item a{
	display: block;
	text-decoration: none;
}
#index .menu_item a:hover{	
	color:#986641;
}
#index hr.menu_border{
	border: solid 1px #ccc;
    border-width: 1px 0 0 0;
	padding: 0 0 30px;
}
	
/* WEEKLY TOP 5
---------------------------------------- */
#index .weekly{
	margin: 15vw 0 23vw;
}
#index .weekly h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
}
#index .weekly h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
    letter-spacing: 0;
}


/*横スクロール*/
#index .weekly .weekly-list {
	display: flex;
	overflow-x: auto;
	
	margin: 13vw 0 0 0;
}
#index .weekly .weekly-list::-webkit-scrollbar{
	display: none;
}
#index .weekly .weekly-list .item:first-child {
	flex-shrink: 0;
	width: 35vw;
	margin-right: 5vw;
	margin-left: 11vw;
}
#index .weekly .weekly-list .item {
	flex-shrink: 0;
	width: 35vw;
	margin-right: 5vw;
}
#index .weekly .weekly-list .item a{
	display: block;
	text-decoration: none;
}
#index .weekly .weekly-list .item a h3.name{
	font-size: 3.8vw;
	font-weight: 700;
	margin: 2.8vw 0;
	line-height: 1.2;
	height: 3em;
}
#index .weekly .weekly-list .item a .txt{
	/*letter-spacing: -0.13em;*/
}
#index .weekly .weekly-list .item a .price{
	font-size: 3.8vw;
}
#index .weekly .weekly-list .item a .price .tax{
	font-size: 3.6vw;
}


/* ランキングマーク（No.xx～No.xx） */
#index .weekly .weekly-list .item a{
	display: block;
	position: relative;
	text-decoration: none;
}
#index .weekly .weekly-list .item a:before{
	display: flex;
	justify-content: center;
	align-items: center;
	
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	
	width: 10vw;
	height: 10vw;
	
	background:#1a1a1a;
	color:#fff;
	font-size: 4.8vw;
}
#index .weekly .weekly-list .no1 a:before{
	content: '1';
}
#index .weekly .weekly-list .no2 a:before{
	content: '2';
}
#index .weekly .weekly-list .no3 a:before{
	content: '3';
}
#index .weekly .weekly-list .no4 a:before{
	content: '4';
}
#index .weekly .weekly-list .no5 a:before{
	content: '5';
}



/* SEASONAL SPECIAL
---------------------------------------- */
#index .seasonal-outer{
	background: #eae9e5;
	padding: 13.5vw 0 15vw 0;
	margin-bottom: 15vw;
}
#index .seasonal{

}
#index .seasonal h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
}
#index .seasonal h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
    letter-spacing: 0;
}
#index .seasonal .img{
	width:100%;
	margin: 7.5vw auto 0 auto;
}
#index .seasonal .txt-box{
	width: 80vw;
	margin: 8.5vw auto 0 auto;
}

#index .seasonal .txt-box h3{
	font-size: 3.8vw;
	font-weight: 700;
	text-align: center;
}
#index .seasonal .txt-box h3 span{
	display: none;
}
#index .seasonal .txt-box .txt{
	margin: 4vw 0 0 0;
}
#index .seasonal .txt-box .txt a{
	width: 60vw;
	margin: 10vw auto 0 auto;
	display: block;
	text-decoration: none;
}
#index .seasonal .txt-box .txt a .more{
	background: #fff;
	color: #333;
	font-size: 3vw;
	font-weight: 800;
	text-align: center;
	padding: 3.5vw 0;
	letter-spacing: 0.1em;
}
#index .seasonal .txt-box a .more::before{
	content: ">";
	padding-right: 1vw;
}



/* PICK UP
---------------------------------------- */
#index .pickup{
	margin: 0 0 20vw;
}
#index .pickup h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
    letter-spacing: 0;
}
#index .pickup h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
}

/*横スクロール*/
#index .pickup .pickup-list {
	display: flex;
	overflow-x: auto;
	
	margin: 13vw 0 0 0;
}
#index .pickup .pickup-list::-webkit-scrollbar{
  display: none;
}
#index .pickup .pickup-list .item:first-child {
	flex-shrink: 0;
	width: 59.5vw;
	margin-right:5vw;
	margin-left: 20vw;
}
#index .pickup .pickup-list .item {
	flex-shrink: 0;
	width: 59.5vw;
	margin-right: 5vw;
}
#index .pickup .pickup-list .item a{
	display: block;
	text-decoration: none;
}
#index .pickup .pickup-list .item a h3.name{
	font-size: 3.8vw;
	font-weight: 700;
	margin: 2.8vw 0;
	/*letter-spacing: -0.1em;*/
}
#index .pickup .pickup-list .item a .txt{
	/*letter-spacing: -0.13em;*/
	height: 30vw;
}
#index .pickup .pickup-list .item a .more{
	display: none;
}
/*#index .pickup .item a .more::before{
	content: ">";
	padding-right: 1vw;
}*/



/* NEW ARRIVALS
---------------------------------------- */
#index .new-arrivals{
	margin: 0 0 23vw;
}
#index .new-arrivals h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
}
#index .new-arrivals h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
	letter-spacing: 0;
}

/*横スクロール*/
#index .new-arrivals .new-arrivals-list {
	display: flex;
	overflow-x: auto;
	
	margin: 13vw 0 0 0;
}
#index .new-arrivals .new-arrivals-list::-webkit-scrollbar{
	display: none;
}
#index .new-arrivals .new-arrivals-list .item:first-child {
	flex-shrink: 0;
	width: 35vw;
	margin-right: 5vw;
	margin-left: 11vw;
}
#index .new-arrivals .new-arrivals-list .item {
	flex-shrink: 0;
	width: 35vw;
	margin-right: 5vw;
}

#index .new-arrivals .new-arrivals-list .item  a{
	display: block;
	text-decoration: none;
}
#index .new-arrivals .new-arrivals-list .item  a h3.name{
	font-size: 3.8vw;
	font-weight: 700;
	margin: 2.8vw 0;
	line-height: 1.2;
	height: 3em;
}
#index .new-arrivals .new-arrivals-list .item  a .txt{
	/*letter-spacing: -0.13em;*/
}
#index .new-arrivals .new-arrivals-list .item  a .price{
	font-size: 3.8vw;
}
#index .new-arrivals .new-arrivals-list .item  a .price .tax{
	font-size: 3.8vw;
}



/* SCENE
---------------------------------------- */
#index .scene-outer{
	background: #eae9e5;
	padding: 10vw 0 0 0;
}
#index .scene-outer .scene{
	margin: 0px auto;
}
#index .scene h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
}
#index .scene h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
    letter-spacing: 0;
}
#index .scene ul{
	width: 100%;
	margin: 13vw 0 0 0;
	padding-bottom: 10vw;
}
#index .scene ul li{
	width: 45vw;
	margin: 0 5vw;
	position: relative;	
}
#index .scene ul li {
	position: relative;	
}
#index .scene ul li h3{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-weight: 800;
	color:#fff;
	font-size: 3.4vw;
	width: 80vw;
	text-align: center;
}
#index .scene ul li .txt{
	position: absolute;
	bottom:30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	
	width: 100%;
	text-align: center;
	color:#fff;
	font-size: 2vw;
	/*letter-spacing: -0.05em;*/
}




/* NEWS
---------------------------------------- */
#index .news{
	margin: 15vw 0 10vw;
	
	display: flex;
	flex-direction: column;
}
#index .news h2{
	font-size: 5.5vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding: 0;
}
#index .news h2 span{
	display: block;
	font-size: 3.6vw;
	padding-top: 3vw;
    letter-spacing: 0;
}
#index .news .txt{
	width:80vw;
	margin: 13vw auto 0 auto;
}
#index .news ul li{
	border-bottom: solid 1px #ccc;
	padding-bottom: 5vw;
	margin-bottom: 5vw;
}
#index .news ul li:last-child{
	border-bottom: none;
	padding-bottom: 5vw;
	margin-bottom: 5vw;
}
#index .news ul li .datetime{
	font-size:3vw;
	color:#ccc;
	padding-bottom: 2vw;
}



/* SHOP LIST
---------------------------------------- */
#index .shoplist{
	width: 80vw;
	height: 54vw;
	margin: 0 auto 16vw auto;
	
	background: url("../images/index-main-device/img-shoplist.jpg") no-repeat;
	background-size: cover;
	position: relative;
}
#index .shoplist .inner{
	padding-top: 10vw;
}
#index .shoplist h2{
	color:#fff;
	text-align: center;
	font-size:5.5vw;
	font-weight: 700;
	margin: 0;
	padding: 0;	
}
#index .shoplist h2 span{
	display: block;
	font-size:3.6vw;
	padding-top:3vw;
    letter-spacing: 0;
}
#index .shoplist a{
	width:60vw;
	background: #fff;
	display: block;
	text-decoration: none;
	
	position: absolute;
	left:50%;
	top: 65%;
	transform: translateY(0) translateX(-50%);
	-webkit- transform: translateY(0) translateX(-50%);
}
#index .shoplist a .more{
	padding: 3.5vw 0;
	font-weight: 800;
	font-size: 3vw;
	text-align: center;
	letter-spacing: 0.1em;
}
#index .shoplist a .more::before{
	content: ">";
	padding-right: 1vw;
}



/* GRAMERCY NEWYORK
---------------------------------------- */
#index .gramercy{
	width: 100%;
	height: 64vw;
	margin: 0;
	
	background: url("../images/index-main-device/img-gramercy.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#index .gramercy h2{
	display: none;
}
#index .gramercy a{
	width:60vw;
	background: #fff;
	display: block;
	text-decoration: none;
	
	position: absolute;
	left:50%;
	top: 65%;
	transform: translateY(0) translateX(-50%);
	-webkit- transform: translateY(0) translateX(-50%);
}
#index .gramercy a .more{
	font-size: 3vw;
	font-weight: 800;
	text-align: center;
	padding:3.5vw 0;
	letter-spacing: 0.1em;
}
#index .gramercy a .more::before{
	content: ">";
	padding-right: 1vw;
}