/* ----------------------------------------
スライダー
---------------------------------------- */
.main-slider {
	padding: 0 0 12vw;
}
.main-slider .slider-sp {
	position: relative;
	overflow: hidden;
}

/********** スライダーバナーなど **********/
.main-slider .slick-track .slick-slide {
	
}
.main-slider .slick-track .slick-slide .slide-item-box {
}
.main-slider .slick-track .slick-slide .slide-item-box a {
	display: block;
}
.main-slider .slick-track .slick-slide .slide-item-box img {
	display: block;
	width: 100%;
	height: auto;
}

/* ドット */
.main-slider .slider-sp ul.slick-dots {
	display: flex;
	justify-content: center;

	padding: 3.5vw 0 0;
}
.main-slider .slider-sp ul.slick-dots li {
	padding: 0 1.5vw;
}
.main-slider .slider-sp ul.slick-dots li button {
	display: block;
	width: 0.5vw;
	height: 0.5vw;
	padding: 0;
	border-radius: 5vw;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	
	cursor: pointer;
	background: #666;
}
.main-slider .slider-sp ul.slick-dots li.slick-active button {
	background: #040000;
}



/* ----------------------------------------
【共通】英語・日本語の見出し
---------------------------------------- */
/* 見出し */
#fatwitchnewyork .heading {
	padding: 0 0 5vw;
	text-align: center;
}
#fatwitchnewyork .heading h2 {
}
#fatwitchnewyork .heading h2 .heading-en {
	display: block;
	font-size: 4.8vw;
	letter-spacing: 0.1em;
}
#fatwitchnewyork .heading h2 .heading-ja {
	display: block;
	font-size: 3.4vw;
}



/* ----------------------------------------
Fat Witch New York
ファットウィッチニューヨーク
---------------------------------------- */
#fatwitchnewyork .about-fwn {
	padding: 0 0 18vw;
	text-align: center;
}

/* 文章 */
#fatwitchnewyork .about-fwn .txt p {
	margin: 0 0 5vw;
	text-align: center;
	line-height: 2;
	font-size: 2.8vw;
}

/* もっとみる */
#fatwitchnewyork .about-fwn .btn-more a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 62vw;
	height: 11.2vw;
	margin: 0 auto;
	border-radius: 100vw;
	text-align: center;
	font-size: 3.6vw;
	color: #fff;
	background: #333;
}





/* ----------------------------------------
カテゴリー
---------------------------------------- */
#fatwitchnewyork .category-list {
	padding: 0 3vw 10vw;
}

/********** first category **********/
#fatwitchnewyork .category-list .cat-first ul {
}
#fatwitchnewyork .category-list .cat-first ul li {
	padding: 0 0 1.5vw;
}
#fatwitchnewyork2vwtegory-list .cat-first ul li a {
	display: block;
}
#fatwitchnewyork .category-list .cat-first ul li a img {
	width: 100%;
	height: auto;
}
#fatwitchnewyork .category-list .cat-first ul li a .label-notes {
	padding: 2.5vw;
}
#fatwitchnewyork .category-list .cat-first ul li a .label {
	font-size: 4.2vw;
	font-weight: 500;
}
#fatwitchnewyork .category-list .cat-first ul li a .notes {
	font-size: 3vw;
}

/********** second category **********/
#fatwitchnewyork .category-list .cat-second {
	
}
#fatwitchnewyork .category-list .cat-second ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
}
#fatwitchnewyork .category-list .cat-second ul li {
	width: 48%;
	padding: 0 0 1vw;
}
#fatwitchnewyork .category-list .cat-second ul li a {
	display: block;
	text-align: center;
}
#fatwitchnewyork .category-list .cat-second ul li a img {
	width: 100%;
	height: auto;
}
#fatwitchnewyork .category-list .cat-second ul li a .label {
	padding: 2.5vw 0;
	font-size: 3.2vw;
	font-weight: 500;
}






/* ----------------------------------------
店舗
---------------------------------------- */
#fatwitchnewyork .shop {
	padding: 0 4vw 18vw;
	text-align: center;
}

/* リスト */
#fatwitchnewyork .shop ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	width: 100%;
	font-size: 3vw;
}
#fatwitchnewyork .shop ul li {
	width: 48%;
	padding: 0 0 2vw;
}
#fatwitchnewyork .shop ul li a {
	display: block;
	text-align: center;
	border-radius: 3vw;
	overflow: hidden;
	box-shadow: 0 0 2vw rgba(0, 0, 0, 0.2);
}
#fatwitchnewyork .shop ul li img {
	display: block;
}
#fatwitchnewyork .shop ul li .label {
	padding: 1.5vw 1vw;
}


/* ----------------------------------------
create your own
---------------------------------------- */
#fatwitchnewyork .customize {
	padding: 0 0 18vw;
}
#fatwitchnewyork .customize .customize-contents .img {
	display: flex;
	justify-content: center;

	width: 100%;
	padding: 0 0 5vw;
	background: url(https://www.fatwitch.co.jp/images/f/shop-index-2025/bg-create-your-own.jpg) repeat-x 0 0;
}
#fatwitchnewyork .customize .customize-contents .img img {
}
#fatwitchnewyork .customize .customize-contents .txt {
	padding: 0 4vw 4vw;
}
#fatwitchnewyork .customize .customize-contents .txt p {
	font-size: 3vw;
}

/* もっとみる */
#fatwitchnewyork .customize .btn-more a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 62vw;
	height: 11.2vw;
	margin: 0 auto;
	border-radius: 100vw;
	text-align: center;
	font-size: 3.6vw;
	color: #fff;
	background: #333;
}



/* ----------------------------------------
column
---------------------------------------- */
#fatwitchnewyork .column {
	padding: 0 4vw 18vw;
}

#fatwitchnewyork .column .heading {
	padding: 0;
}

/* リスト */
#fatwitchnewyork .column .news-list {
}
#fatwitchnewyork .column .news-list ul {
}
#fatwitchnewyork .column .news-list ul li {
	padding: 5vw 0;
	border-bottom: solid 0.2vw #e6e6e6;
}
#fatwitchnewyork .column .news-list ul li:last-child {
	border-bottom: none;
}
#fatwitchnewyork .column .news-list ul li a {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#fatwitchnewyork .column .news-list ul li .news-thumb {
	width: 42%;
}
#fatwitchnewyork .column .news-list ul li img {
	display: block;
	width: 100%;
	height: 24vw;
	object-fit: cover;
	
	border-radius: 2vw;
	border: solid 0.2vw #e5e5e5;
}
#fatwitchnewyork .column .news-list ul li .news-title-text {
	width: 52%;
}
#fatwitchnewyork .column .news-list ul li .news-title {
	padding: 0 0 3vw;
	font-size: 3.4vw;
	font-weight: 500;
}
#fatwitchnewyork .column .news-list ul li .news-text {
	padding: 0 0 3vw;
	font-size: 3vw;
}
#fatwitchnewyork .column .news-list ul li .news-more {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 0 auto;
	
	text-align: right;
	font-size: 3.2vw;
}
#fatwitchnewyork .column .news-list ul li .news-more::after {
	content: '';
	
	display: block;
	width: 1vw;
	height: 1.7vw;
	margin: 0 0 0 1.4vw;
	background: url(https://www.fatwitch.co.jp/images/f/shop-index-2025/icon-arr.svg) no-repeat 0 0;
	background-size: 100% auto;
}

/* もっとみる */
#fatwitchnewyork .column .btn-more a {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 62vw;
	height: 11.2vw;
	margin: 0 auto;
	border-radius: 100vw;
	text-align: center;
	font-size: 3.6vw;
	color: #fff;
	background: #333;
}