@charset "utf-8";
/*@charset "UTF-8";     コメント */
/*css初期設定 start*/
html {
	font-size: 62.5%; /*文字標準*/
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
	font-style: normal;
}
a {
	text-decoration: none; /*リンクデコレーションリセット*/
}
/*大きさの計算*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	width: 100%;
	margin: 0 auto;
	line-height: 1.7;
	/*文字詰め*/
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	/*スマホ横向き時のフォントサイズリセット*/
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow: visible;
	font-size: 1.4rem;
	color: #2a2a2a;
}
a:hover {
	text-decoration: none;
}
.eng {
	font-family: 'Oswald', sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
/*iOSフォーム要素の初期化*/
input,
button,
textarea,
select {
	-webkit-appearance: none;
	appearance: none;
}
/*画像の調整*/
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
span {
	display: inline-block;
}
@media only screen and (max-width: 1279px) {
	.sp {
		display: block !important;
	}
	.pc {
		display: none !important;
	}
}
/* 1024px */
@media only screen and (min-width: 1280px) {
	.sp {
		display: none !important;
	}
	.pc {
		display: block !important;
	}
	.br-sp {
		display: none;
	}
}
#copyright {
	font-size: 1.2rem;
}
#main-footer a {
	font-size: 1.2rem;
}
/*css初期設定 end*/
/*main start*/
h1 {
	font-size: clamp(41px, 10.93vw, 50px);
	margin: 0;
}
h2 {
	font-size: clamp(41px, 10.93vw, 50px);
	margin: 0;
}
h3 {
	font-size: clamp(16px, 4.26vw, 23px);
	margin: 0;
}
h4 {
	font-size: clamp(27px, 7.2vw, 41px);
	line-height: 1.1;
	margin: 0;
}
.mainWrap {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.topSec .titleContent {
	text-align: center;
	margin: 5% auto;
	line-height: 1.3;
}
.contentFlex {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.pickupSec {
	max-width: 940px;
	margin: 0 auto;
}
.pickupSec .contentFlex {
	width: 90%;
}
.topSec .textContent {
	display: block;
	width: 90%;
	margin: 15% auto;
}
.topSec .textContent h3 {
	padding: 3%;
	text-align: center;
}

.topBanner2Wrap {
	width: 100%;
	overflow: hidden;
}
.noveltySec,
.collectionSec,
.productsSec {
	margin-bottom: 15%;
}

.collectionSec h2,
.pickupSec h2 {
	text-align: center;
	padding-bottom: 3%;
}
.noveltySec h2 {
	margin-bottom: 3%;
}
.noveltySec {
	max-width: 840px;
	width: 90%;
	margin: 0 auto 18%;
}
.noveltySec .img01 {
	display: block;
	max-width: 600px;
	width: 80%;
	margin: 0 auto;
}
.noveltySec .textContent {
	display: block;
	width: 100%;
	margin: 5% auto 0;
}
.noveltySec .colFlex {
	display: flex;
	flex-direction: column;
}
.noveltySec .textContent {
	display: flex;
	flex-direction: column-reverse;
}
.noveltySec .innerFlex {
	width: 100%;
	margin: 0 auto 5%;
	display: flex;
	justify-content: space-between;
}
.noveltySec .innerFlex img {
	width: 33%;
	display: block;
}
.noveltySec .textContent .noteTxt p {
	font-size: 12px;
}
p.subProdTitle {
	font-size: 16px;
	line-height: 1;
}
.collectionSec {
	display: block;
	width: 100%;
	overflow: hidden;
}
.collectionSec .contentFlex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.collectionSec .contentFlex a {
	margin-right: 5px;
	margin-bottom: 5px;
	width: calc((100% / 3) - (5px * 2 / 3));
}
.collectionSec .contentFlex a:nth-child(3n) {
	margin-right: 0;
}
.pickupSec .contentFlex {
	width: 90%;
}

.productsSec .textContent {
	width: 90%;
	margin: 3% auto 0;
}
.productsSec .textContent p.copy {
	margin-bottom: 2%;
	font-size: 15.8px;
	font-weight: 700;
	font-family: 'Sawarabi Gothic', sans-serif;
	color: #2a2a2a;
}
.productsSec .infoBox {
	margin: 5% 0;
	font-size: 11px;
	line-height: 1.3;
}
.cvInnter {
	display: block;
	width: 100%;
}
.productsSec .contentFlex .content-f .imgBox {
	width: 100%;
	overflow: hidden;
}
a.cvBtn {
	display: block;
	width: 85%;
	max-width: 500px;
	border: 1px solid #2a2a2a;
	padding: 2% 0;
	font-size: clamp(14px, 3.53vw, 23px);
	text-align: center;
	margin: 12% auto 5%;
	border-radius: 50px;
}
a.buyBtn {
	display: block;
	width: 40%;
	max-width: 320px;
	border: 1px solid #2a2a2a;
	padding: 1% 0;
	font-size: clamp(12px, 3.2vw, 14px);
	text-align: center;
	margin: 5% 0 5%;
	border-radius: 50px;
}
/* inview */
.js-fade {
	transform: scale(1.3);
	transition: transform 0.6s;
	transition-delay: 0.25s;
}

.inview {
	transform: scale(1);
}

/* swiper設定 */
.swiper-wrapper {
	height: auto !important;
	transition-timing-function: linear !important;
}

.swiper1 .swiper-slide {
	width: 40%;
	margin-right: 0;
}

/* スライド内の画像設定（必要に応じて） */
.swiper1 .swiper-slide img {
	display: block;
}
.swiper-notification {
	display: none;
}
/* タブレット版 */
@media only screen and (min-width: 768px) {
	.topSec .textContent p {
		text-align: center;
	}
	.swiper1 .swiper-slide {
		width: 25%;
	}
}

/*PC版*/
@media only screen and (min-width: 1280px) {
	h1 {
		font-size: clamp(33px, 2.57vw, 50px);
	}
	h3 {
		font-size: clamp(18px, 1.4vw, 24px);
	}
	h4 {
		line-height: 1;
		padding-bottom: 2%;
	}
	.noveltySec {
		max-width: 100%;
	}
	.noveltySec,
	.collectionSec,
	.productsSec {
		margin-bottom: 8%;
	}
	.topSec .contentFlex {
		display: flex;
		width: 100%;
		height: 83vh;
		flex-direction: row;
		justify-content: space-between;
	}
	.topSec .imgContent {
		width: 60%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.topBanner2Wrap {
		width: 100%;
		overflow: hidden;
	}
	.topSec .imgContent img {
		width: 85%;
		margin: 0 auto;
	}
	.topSec .textContent {
		width: 40%;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.topSec .textContent .textOuter {
		width: 74%;
		margin: 0 auto 0 2%;
	}
	.topSec .titleContent {
		text-align: left;
		padding-bottom: 0;
		margin-bottom: 1%;
	}
	.topSec .textContent h3 {
		padding: 0;
		text-align: left;
		font-weight: 300;
	}
	.topSec .textOuter p {
		padding-top: 0;
		padding-left: 0;
	}
	.topSec .textContent p {
		text-align: left;
		padding: 6% 0 3% 0;
	}
	.noveltySec .contentFlex {
		display: flex;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}
	.contentFlex .content-f {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.noveltySec .contentFlex .content-f {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
	.noveltySec .content-f .colFlex {
		width: 80%;
		display: flex;
		flex-direction: row-reverse;
		gap: 3%;
	}
	.noveltySec .imgContent {
		display: block;
		width: 50%;
		margin: 0 auto;
		border-left: 2px solid #777;
	}
	.noveltySec .imgContent .img01 {
		width: 100%;
		min-width: 500px;
		padding-left: 10px;
	}
	.noveltySec .textContent {
		width: 50%;
		margin: 0 auto;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		min-width: 500px;
		padding: 0 5%;
	}
	.noveltySec .textContent p {
		font-size: 14px;
		line-height: 1.3;
	}
	.noveltySec .textContentInner {
		margin-bottom: 10%;
	}
	.noveltySec .innerFlex {
		margin-bottom: 10%;
	}

	.collectionSec .contentFlex a {
		margin-right: 5px;
		margin-bottom: 5px;
		width: calc((100% / 5) - (5px * 4 / 5));
		transition: 0.5s;
	}
	.collectionSec .contentFlex a:nth-child(3n) {
		margin-right: 5px;
	}
	.collectionSec .contentFlex a:nth-child(5n) {
		margin-right: 0;
	}
	.collectionSec .contentFlex a:hover {
		opacity: 0.6;
	}
	.pickupSec {
		max-width: 100%;
	}
	.productsSec.type01 .contentFlex {
		display: flex;
		width: 80%;
		flex-direction: row;
		justify-content: space-between;
	}
	.productsSec.type02 .contentFlex {
		display: flex;
		width: 80%;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.contentFlex .content-f {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.productsSec .content-f .colFlex {
		width: 50%;
		display: flex;
		flex-direction: column;
	}
	.productsSec .contentFlex .content-f .imgBox {
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}

	.productsSec .textContent {
		width: 100%;
		margin: 3% auto 0;
	}
	.productsSec .textContent p {
		font-size: 13px;
		line-height: 1.3;
	}
	.productsSec .textContent .infoBox p {
		font-size: 11px;
	}
	a.buyBtn {
		width: 32%;
		max-width: 120px;
		transition: 0.3s;
	}
	a.buyBtn:hover {
		background-color: #2a2a2a;
		color: #fff;
	}
	a.cvBtn {
		padding: 0.5% 0;
		font-size: clamp(14px, 3.73vw, 16px);
		margin: 6% auto 5%;
		transition: 0.3s;
	}
	a.cvBtn:hover {
		background-color: #2a2a2a;
		color: #fff;
	}
	/* inview */
	.js-fade2 {
		transform: scale(1.3);
		transition: transform 0.6s;
		transition-delay: 1s;
	}
	.inview2 {
		transform: scale(1);
	}
}