html {
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
/* Lenis停止中(MVのスクロールロック中)もスクロールバーを出したままにして、表示時の画面のズレを防ぐ */
html.lenis.lenis-stopped {
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
    margin: 0;
    font-feature-settings: 'palt';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "hiragino-mincho-pron", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #5b4942;
}
/* 縦書きでは palt を無効化（Safari で「く」等の字間が詰まるため） */
.read .txt-box .txt,
.item-c .txt-box .txt,
.item-c_2 .txt-box .txt,
.item-c02 .r-cont .txt-box .txt,
.item-c01 .txt-box .txt,
.item-c01-2 .data .txt-box .txt {
	font-feature-settings: normal;
}
a{
	color: #000;
	text-decoration: none;
}
img{
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	line-height: 0;
}
.item-s-sp{
	line-height: 0;
}
.item-s{
	line-height: 0;
}
.img-slick{
	position: relative;
	overflow: hidden;
	display: block;
}
.img-slick > div{
	width: 100%;
	height: 100%;
}
.img-slick__inner{
	width: 100%;
	height: 100%;
}
.cam-data-notes-btn{
	display: none;
}


/* 
font-family: "itc-avant-garde-gothic-pro", sans-serif;
font-weight: 700;
font-style: normal;
 */

/* font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; */


/* 

font-family: "kumlien-pro", serif;
font-weight: 400;
font-style: normal;

font-family: "kumlien-pro", serif;
font-weight: 500;
font-style: normal;

font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 300;
font-style: normal;

font-family: "baskerville-urw", serif;
font-weight: 400;
font-style: normal;

font-family: "baskerville-display-pt", serif;
font-weight: 400;
font-style: normal;

font-family: "baskerville-poster-pt", serif;
font-weight: 400;
font-style: italic;

font-family: garamond-premier-pro, serif;
font-weight: 400;

font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: normal;

font-family: "garamond-premier-pro-display", serif;
font-weight: 300;
font-style: italic;

Didot LT Pro Headline
font-family: "linotype-didot-headline", serif;
font-weight: 400;
font-style: normal;

font-family: "tangier", sans-serif;
font-weight: 500;
font-style: normal;

Leander Script Pro Regular
font-family: "leander-script-pro", sans-serif;
font-weight: 400;
font-style: normal;

Source Han Sans JP Normal
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 300;
font-style: normal;

Source Han Sans JP Regular
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 400;
font-style: normal;

Source Han Sans JP Medium
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 500;
font-style: normal;

Source Han Sans JP Bold
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 700;
font-style: normal;

IvyMode Light
font-family: "ivymode", sans-serif;
font-weight: 300;
font-style: normal;

FOT-TsukuAOldMin Pr6N L
font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
font-weight: 300;
font-style: normal;

*/


/*imac*/
@media screen and (min-width: 2560px) and (max-width: 5120px) {
	.sp-on{
		display: none !important;
	}

	/* header */
	.header{
		width: 100%;
		overflow: hidden;
		margin: 0 auto 7em auto;
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-direction: row-reverse;
		background: #fbf8f6;
	}
	.mv-logo{
		width: 5%;
		display: block;
		position: absolute;
		top: 2%;
		right: 1.5%;
		z-index: 10;
	}
	.mv-img{
		width: 65%;
		overflow: hidden;
	}
	.mv-title-box{
		width: 35%;
		border-bottom: 10px solid #aca082;
		box-sizing: border-box;
		padding: 0 8em;
	}
	.mv-main-logo{
		width: 100%;
		margin: 10em auto 15em auto;
		position: relative;
		transition: margin .8s ease;
	}
	.mv-title-box.is-active .mv-main-logo{
		margin-bottom: 10em;
	}
	.mv-main-logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-main-logo .hover-consolidated{
		clip-path: inset(0 0 0 0);
	}
	.mv-title-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated,
	.nav-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated{
		animation: line-draw .6s cubic-bezier(.4, 0, .2, 1);
	}
	/* 線を引き直す：main-logo02の2本の線を同時に描く（Lは右上→左下、Oは左下→右上）
	   2つの矩形を面積0の線（24% 0 ⇔ 64% 100%）でつないで1つのpolygonにしている */
	@keyframes line-draw{
		0%   { clip-path: polygon(24% 0, 24% 39%, 24% 39%, 24% 0, 24% 0, 64% 100%, 64% 60%, 64% 60%, 64% 100%, 64% 100%); }
		100% { clip-path: polygon(24% 0, 24% 100%, 0 100%, 0 0, 24% 0, 64% 100%, 64% 0, 88% 0, 88% 100%, 64% 100%); }
	}
	.mv-title01{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.mv-title01 .on{
		width: 165%;
		margin: 6em 0 0 0;
	}
	.mv-switch{
		display: grid;
	}
	.mv-switch > .mv-title01,
	.mv-switch > .mv-nav{
		grid-area: 1 / 1;
		transition: opacity .8s ease, transform .8s ease;
	}
	.mv-switch.is-active > .mv-title01{
		opacity: 0;
		transform: translateY(-40px);
		pointer-events: none;
	}
	.mv-nav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: flex-start;
		gap: 1em;
		opacity: 0;
		transform: translateY(40px);
		pointer-events: none;
	}
	.mv-switch.is-active > .mv-nav{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.mv-nav li{
		width: calc((100% - 2em) / 3);
		margin: 0 0 3em 0;
	}
	.mv-nav li .img{
		width: 100%;
		display: block;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
		margin: 0 0 1.5em 0;
	}
	.mv-nav li a .img .hover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: opacity .5s ease;
	}
	.mv-nav li a:hover .img .hover,
	.mv-nav li a.is-current .img .hover{
		opacity: 1;
	}
	.mv-nav li a .img .hover .hover-txt01,
	.mv-nav li a .img .hover .hover-txt02{
		transform: translateY(10px);
		transition: transform .5s ease;
	}
	.mv-nav li a:hover .img .hover .hover-txt01,
	.mv-nav li a:hover .img .hover .hover-txt02,
	.mv-nav li a.is-current .img .hover .hover-txt01,
	.mv-nav li a.is-current .img .hover .hover-txt02{
		transform: translateY(0);
	}
	.mv-nav li a .img .hover-color01{
		background: rgba(91, 73, 66, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.mv-nav li a .img .hover-color02{
		background: rgba(212, 212, 179, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.hover-txt01{
		font-size: 1.8em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #efe7cb;
		text-align: left;
	}
	.hover-txt02{
		font-size: 1.8em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
		text-align: left;
	}
	.mv-nav li a .img .hover .hover-ar{
		width: 7%;
		line-height: 0;
		display: block;
		position: absolute;
		bottom: 3em;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	.mv-nav li a:hover .img .hover .hover-ar,
	.mv-nav li a.is-current .img .hover .hover-ar{
		bottom: 2em;
		transition: .3s;
	}
	.mv-nav li .txt{
		/* 線は文字幅に合わせる（文字との空きは約1.4em、右は字間.2em分を引く） */
		width: fit-content;
		max-width: 100%;
		padding: 0 1.2em 0 1.4em;
		display: block;
		text-align: center;
		color: #aca082;
		font-size: 1em;
		letter-spacing: .2em;
		border-left: 1px solid #aca082;
		border-right: 1px solid #aca082;
		box-sizing: border-box;
		margin: 0 auto;
	}

	/* read */
	.read{
		width: 100%;
		margin: 0 auto 7em auto;
	}
	.read .txt{
		font-size: 1.5em;
		letter-spacing: .3em;
		line-height: 3;
		text-align: center;
		color: #5b4942;
	}

	/* wrap */
	.wrap{
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin: 0 auto 10em auto;
	}
	.nav-box{
		width: 35%;
		height: 100vh;
		background: #fbf8f6;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		padding: 0 8em;
		border-bottom: 10px solid #aca082;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* header内のmv-main-logo・mv-navをナビ表示時の状態で表示 */
	.nav-box .mv-main-logo{
		margin: 0 auto 7em auto;
	}
	.nav-box .mv-nav{
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
	.content{
		width: 65%;
	}
	.cont-wrap{
		width: 100%;
		position: relative;
		margin: 0 0 5em 0;
		display: flex;
		align-items: flex-start;
	}
	.cont-main{
		flex: 1;
		min-width: 0;
	}
	.fix-side{
		width: 40px;
		flex-shrink: 0;
		position: sticky;
		top: 0;
		order: 2;
	}
	.fix-side .icon{
		width: 100%;
		height: 200px;
		background: #aca082;
		margin: 0 0 2em 0;
	}
	.fix-side .txt{
		font-size: 1.2em;
		letter-spacing: .5em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #aca082;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		white-space: nowrap;
		margin: 0 auto;
	}
	.fix-side02 .icon{
		background: #5b4942;
	}
	.fix-side02 .txt{
		color: #5b4942;
	}

	/* main-title */
	.main-title{
		width: 100%;
		color: #5b4942;
		padding: 4em 0 0 0;
		margin: 0 0 7em 0;
	}
	.main-title .title01{
		font-size: 5em;
		letter-spacing: .05em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
		margin: 0 0 0.3em 0;
	}
	.main-title .title02{
		font-size: 1.8em;
        letter-spacing: .3em;
        line-height: 2;
        text-align: center;
	}

	/* item */
	.item{
		width: 60%;
		margin: 0 auto 7em auto;
	}
	.item-end{
		margin: 0 auto 0 auto !important;
	}
	.item .img{
		width: 100%;
		overflow: hidden;
		border-radius: 20px;
		margin: 0 0 4em 0;
	}
	.item .data{
		width: 85%;
		position: relative;
		margin: 0 auto;
	}
	.item .data .num-box{
		width: 20%;
		position: absolute;
		top: 0;
		right: -17%;
	}
	.item .data .num-box .num{
		font-family: "ivymode", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 6em;
        letter-spacing: .05em;
        line-height: 1;
		color: #aca082;
	}
	.item .data .num-box .num-color02{
		color: #5b4942;
	}
	.item .data .num-box .line{
		width: 100%;
		height: 1px;
		background: #aca082;
		margin: 1em 0;
	}
	.item .data .num-box .name{
		font-size: 2.3em;
		letter-spacing: .1em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
	}
	.item .data .num-box .name-color02{
		color: #aca082;
	}
	.item .data .title{
		width: 85%;
		font-size: 2.5em;
        letter-spacing: .3em;
        line-height: 1.8;
		white-space: nowrap;
		margin: 0 0 1em 0;
	}
	.item .data .txt{
		width: 85%;
		font-size: 1.1em;
        letter-spacing: .3em;
        line-height: 2.3;
		text-align: justify;
		margin: 0 0 3em 0;
	}
	.item .data .link-box{
		width: 90%;
	}

	/* footer-logo */
	.footer-logo{
		width: 20%;
		margin: 0 auto 10em auto;
	}
	.footer-logo .mv-main-logo{
		margin: 0;
	}

	/* cart-btn */
	.l-icon::before{
        content: url("../img/l-size.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
    .s-icon::before{
        content: url("../img/s-size.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
	.link-line{
		width: 100%;
		height: 1px;
		background: #a3a3a3;
		margin: 1.5em 0 1.5em 0;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 .5em 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-btn-end {
		margin: 0 0 0 0;
	}
	.cart-title {
		font-size: .9em;
		letter-spacing: .1em;
		flex: 1;
		min-width: 0;
		line-height: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen {
		font-size: 16px;
		letter-spacing: 0;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin: 0 0 0 1em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: 10px;
		letter-spacing: 0;
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #85644E;
		margin: 20px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 90px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 7px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn span {
		font-size: .8em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn:hover .btn span {
		color: #fff;
	}
	.cart-btn .btn-2 {
		width: 90px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn-2 span {
		font-size: .4em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn .btn .btn-bg {
		width: 150%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: -140%;
		clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
		transition: .5s;
	}
	.cart-btn:hover .btn .btn-bg {
		left: 0%;
	}

	/* 00 */
	.cart-btn .btn00 {
		background: #fff;
		border: 1px solid #000000;
		color: #000000;
	}
	.btn_bg-color00{
		background: #000000;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}

	/* 01 */
	.cart-btn .btn01 {
		background: #aca082;
		border: 1px solid #aca082;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #aca082 !important;
	}

	/* 02 */
	.cart-btn .btn02 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #5b4942 !important;
	}

	/* non（ホバーなし） */
	.cart-btn .btn .btn-color-non {
		font-size: .6em;
		white-space: nowrap;
	}
	.cart-btn:hover .btn .btn-color-non {
		color: inherit;
	}

	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-n{
		margin: 0 auto 10% auto !important;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		background: #fff;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li .txt{
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: center;
		margin: 2% 0 0 0;
	}
	
	/*f-banner02*/
	.f-banner02{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 0 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
		background: #fff;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 20px;
	}
	.f-ow{
		width: 130px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 15px;
		width: 50px;
		height: 50px;
		display: block;
		z-index: 99;
	}
	#pagetop .btn-loading {
		display: inline-flex;
		text-decoration: none;
		font-weight: 700;
		color: #111;
		width: 100%;
		height: 100%;
		position: relative;
		opacity: 1 !important;
		transition: all 0.3s;
		background-color: #fff;
		border-radius: 100%;
		transition: color 0.2s;
		overflow: hidden;
	}
	#pagetop .btn-loading01:before,
	#pagetop .btn-loading01:after {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		height: 0;
		background-color: #cf9e71;
		pointer-events: none;
	}
	#pagetop .btn-loading:before {
		bottom: 0;
		left: 0;
	}
	#pagetop .btn-loading:after {
		top: 0;
		right: 0;
	}
	#pagetop:hover .btn-loading {
		color: #65A04D;
	}
	#pagetop:hover .btn-loading:before,
	#pagetop:hover .btn-loading:after {
		height: 100%;
	}
	#pagetop:hover .btn-loading:before {
		transition: height 0.1s 0.1s linear;
	}
	#pagetop:hover .btn-loading:after {
		transition: height 0.1s linear;
	}
	#pagetop .btn-loading span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 1px);
		height: calc(100% - 1px);
		background-color: #fff;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;
	}
	#pagetop .btn-loading span img{
		width: 15px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	@keyframes pagetop-slide {
		0%   { transform: translate(-50%, -50%); }
		35%  { transform: translate(-50%, -200%); }
		36%  { transform: translate(-50%,  200%); }
		100% { transform: translate(-50%, -50%); }
	}
	#pagetop:hover .btn-loading span img {
		animation: pagetop-slide 0.6s ease forwards;
	}
	
	.in-btn{
		width: 40px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

}

/*pc*/
@media screen and (min-width: 1281px) and (max-width: 2559px) {
	/* 1728px幅を基準に、それより狭い画面では文字・余白を比例縮小 */
	html{
		font-size: min(calc(16 / 1728 * 100vw), 16px);
	}
	body{
		font-size: 1rem;
	}

    .sp-on{
		display: none !important;
	}

	/* header */
	.header{
		width: 100%;
		overflow: hidden;
		margin: 0 auto 7em auto;
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-direction: row-reverse;
		background: #fbf8f6;
	}
	.mv-logo{
		width: 5%;
		display: block;
		position: absolute;
		top: 2%;
		right: 1.5%;
		z-index: 10;
	}
	.mv-img{
		width: 65%;
		overflow: hidden;
	}
	.mv-title-box{
		width: 35%;
		border-bottom: 10px solid #aca082;
		box-sizing: border-box;
		padding: 0 4em;
	}
	.mv-main-logo{
		width: 100%;
		margin: 5em auto 8em auto;
		position: relative;
		transition: margin .8s ease;
	}
	.mv-title-box.is-active .mv-main-logo{
		margin-bottom: 5em;
	}
	.mv-main-logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-main-logo .hover-consolidated{
		clip-path: inset(0 0 0 0);
	}
	.mv-title-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated,
	.nav-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated{
		animation: line-draw .6s cubic-bezier(.4, 0, .2, 1);
	}
	/* 線を引き直す：main-logo02の2本の線を同時に描く（Lは右上→左下、Oは左下→右上）
	   2つの矩形を面積0の線（24% 0 ⇔ 64% 100%）でつないで1つのpolygonにしている */
	@keyframes line-draw{
		0%   { clip-path: polygon(24% 0, 24% 39%, 24% 39%, 24% 0, 24% 0, 64% 100%, 64% 60%, 64% 60%, 64% 100%, 64% 100%); }
		100% { clip-path: polygon(24% 0, 24% 100%, 0 100%, 0 0, 24% 0, 64% 100%, 64% 0, 88% 0, 88% 100%, 64% 100%); }
	}
	.mv-title01{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.mv-title01 .on{
		width: 165%;
		margin: 6em 0 0 0;
	}
	.mv-switch{
		display: grid;
	}
	.mv-switch > .mv-title01,
	.mv-switch > .mv-nav{
		grid-area: 1 / 1;
		transition: opacity .8s ease, transform .8s ease;
	}
	.mv-switch.is-active > .mv-title01{
		opacity: 0;
		transform: translateY(-40px);
		pointer-events: none;
	}
	.mv-nav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: flex-start;
		gap: 1em;
		opacity: 0;
		transform: translateY(40px);
		pointer-events: none;
	}
	.mv-switch.is-active > .mv-nav{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.mv-nav li{
		width: calc((100% - 2em) / 3);
		margin: 0 0 2em 0;
	}
	.mv-nav li .img{
		width: 100%;
		display: block;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
		margin: 0 0 1.5em 0;
	}
	.mv-nav li a .img .hover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: opacity .5s ease;
	}
	.mv-nav li a:hover .img .hover,
	.mv-nav li a.is-current .img .hover{
		opacity: 1;
	}
	.mv-nav li a .img .hover .hover-txt01,
	.mv-nav li a .img .hover .hover-txt02{
		transform: translateY(10px);
		transition: transform .5s ease;
	}
	.mv-nav li a:hover .img .hover .hover-txt01,
	.mv-nav li a:hover .img .hover .hover-txt02,
	.mv-nav li a.is-current .img .hover .hover-txt01,
	.mv-nav li a.is-current .img .hover .hover-txt02{
		transform: translateY(0);
	}
	.mv-nav li a .img .hover-color01{
		background: rgba(91, 73, 66, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.mv-nav li a .img .hover-color02{
		background: rgba(212, 212, 179, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.hover-txt01{
		font-size: 1.3em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #efe7cb;
		text-align: left;
	}
	.hover-txt02{
		font-size: 1.3em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
		text-align: left;
	}
	.mv-nav li a .img .hover .hover-ar{
		width: 7%;
		line-height: 0;
		display: block;
		position: absolute;
		bottom: 2em;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	.mv-nav li a:hover .img .hover .hover-ar,
	.mv-nav li a.is-current .img .hover .hover-ar{
		bottom: 2em;
		transition: .3s;
	}
	.mv-nav li .txt{
		/* 線は文字幅に合わせる（文字との空きは約1.4em、右は字間.2em分を引く） */
		width: fit-content;
		max-width: 100%;
		padding: 0 1.2em 0 1.4em;
		display: block;
		text-align: center;
		color: #aca082;
		font-size: .8em;
		letter-spacing: .2em;
		border-left: 1px solid #aca082;
		border-right: 1px solid #aca082;
		box-sizing: border-box;
		margin: 0 auto;
	}

	/* read */
	.read{
		width: 100%;
		margin: 0 auto 7em auto;
	}
	.read .txt{
		font-size: 1.2em;
		letter-spacing: .3em;
		line-height: 3;
		text-align: center;
		color: #5b4942;
	}

	/* wrap */
	.wrap{
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin: 0 auto 10em auto;
	}
	.nav-box{
		width: 35%;
		height: 100vh;
		background: #fbf8f6;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		padding: 0 3em;
		border-bottom: 10px solid #aca082;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* header内のmv-main-logo・mv-navをナビ表示時の状態で表示 */
	.nav-box .mv-main-logo{
		width: 80% !important;
		margin: 0 auto 3em auto;
	}
	.nav-box .mv-nav{
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
	.content{
		width: 65%;
	}
	.cont-wrap{
		width: 100%;
		position: relative;
		margin: 0 0 5em 0;
		display: flex;
		align-items: flex-start;
	}
	.cont-main{
		flex: 1;
		min-width: 0;
	}
	.fix-side{
		width: 1.875rem;
		flex-shrink: 0;
		position: sticky;
		top: 0;
		order: 2;
	}
	.fix-side .icon{
		width: 100%;
		height: 10rem;
		background: #aca082;
		margin: 0 0 2em 0;
	}
	.fix-side .txt{
		font-size: 1em;
		letter-spacing: .5em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #aca082;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		white-space: nowrap;
		margin: 0 auto;
	}
	.fix-side02 .icon{
		background: #5b4942;
	}
	.fix-side02 .txt{
		color: #5b4942;
	}

	/* main-title */
	.main-title{
		width: 100%;
		color: #5b4942;
		padding: 4em 0 0 0;
		margin: 0 0 7em 0;
	}
	.main-title .title01{
		font-size: 4em;
		letter-spacing: .05em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
		margin: 0 0 0.3em 0;
	}
	.main-title .title02{
		font-size: 1.3em;
        letter-spacing: .3em;
        line-height: 2;
        text-align: center;
	}

	/* item */
	.item{
		width: 60%;
		margin: 0 auto 7em auto;
	}
	.item-end{
		margin: 0 auto 0 auto !important;
	}
	.item .img{
		width: 100%;
		overflow: hidden;
		border-radius: 20px;
		margin: 0 0 4em 0;
	}
	.item .data{
		width: 90%;
		position: relative;
		margin: 0 auto;
	}
	.item .data .num-box{
		width: 20%;
		position: absolute;
		top: 0;
		right: -15%;
	}
	.item .data .num-box .num{
		font-family: "ivymode", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 4em;
        letter-spacing: .05em;
        line-height: 1;
		color: #aca082;
	}
	.item .data .num-box .num-color02{
		color: #5b4942;
	}
	.item .data .num-box .line{
		width: 100%;
		height: 1px;
		background: #aca082;
		margin: 1em 0;
	}
	.item .data .num-box .name{
		font-size: 1.8em;
		letter-spacing: .1em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
	}
	.item .data .num-box .name-color02{
		color: #aca082;
	}
	.item .data .title{
		width: 85%;
		font-size: 1.8em;
        letter-spacing: .3em;
        line-height: 1.8;
		white-space: nowrap;
		margin: 0 0 1em 0;
	}
	.item .data .txt{
		width: 85%;
		font-size: 1em;
        letter-spacing: .3em;
        line-height: 2.3;
		text-align: justify;
		margin: 0 0 3em 0;
	}
	.item .data .link-box{
		width: 90%;
	}

	/* footer-logo */
	.footer-logo{
		width: 25%;
		margin: 0 auto 6em auto;
	}
	.footer-logo .mv-main-logo{
		margin: 0;
	}

	/* cart-btn */
	.l-icon::before{
        content: url("../img/l-size.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
    .s-icon::before{
        content: url("../img/s-size.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
	.link-line{
		width: 100%;
		height: 1px;
		background: #a3a3a3;
		margin: 1.5em 0 1.5em 0;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 .5em 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-btn-end {
		margin: 0 0 0 0;
	}
	.cart-title {
		font-size: .9em;
		letter-spacing: .1em;
		flex: 1;
		min-width: 0;
		line-height: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen {
		font-size: 1rem;
		letter-spacing: 0;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin: 0 0 0 1em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: .625rem;
		letter-spacing: 0;
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #85644E;
		margin: 20px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 5.625rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: .4375rem 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn span {
		font-size: .8em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn:hover .btn span {
		color: #fff;
	}
	.cart-btn .btn-2 {
		width: 90px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn-2 span {
		font-size: .4em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn .btn .btn-bg {
		width: 150%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: -140%;
		clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
		transition: .5s;
	}
	.cart-btn:hover .btn .btn-bg {
		left: 0%;
	}

	/* 00 */
	.cart-btn .btn00 {
		background: #fff;
		border: 1px solid #000000;
		color: #000000;
	}
	.btn_bg-color00{
		background: #000000;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}

	/* 01 */
	.cart-btn .btn01 {
		background: #aca082;
		border: 1px solid #aca082;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #aca082 !important;
	}

	/* 02 */
	.cart-btn .btn02 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #5b4942 !important;
	}

	/* non（ホバーなし） */
	.cart-btn .btn .btn-color-non {
		font-size: .6em;
		white-space: nowrap;
	}
	.cart-btn:hover .btn .btn-color-non {
		color: inherit;
	}

	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-n{
		margin: 0 auto 10% auto !important;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		background: #fff;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li .txt{
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: center;
		margin: 2% 0 0 0;
	}
	
	/*f-banner02*/
	.f-banner02{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 0 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
		background: #fff;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 20px;
	}
	.f-ow{
		width: 130px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 15px;
		width: 50px;
		height: 50px;
		display: block;
		z-index: 99;
	}
	#pagetop .btn-loading {
		display: inline-flex;
		text-decoration: none;
		font-weight: 700;
		color: #111;
		width: 100%;
		height: 100%;
		position: relative;
		opacity: 1 !important;
		transition: all 0.3s;
		background-color: #fff;
		border-radius: 100%;
		transition: color 0.2s;
		overflow: hidden;
	}
	#pagetop .btn-loading01:before,
	#pagetop .btn-loading01:after {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		height: 0;
		background-color: #cf9e71;
		pointer-events: none;
	}
	#pagetop .btn-loading:before {
		bottom: 0;
		left: 0;
	}
	#pagetop .btn-loading:after {
		top: 0;
		right: 0;
	}
	#pagetop:hover .btn-loading {
		color: #65A04D;
	}
	#pagetop:hover .btn-loading:before,
	#pagetop:hover .btn-loading:after {
		height: 100%;
	}
	#pagetop:hover .btn-loading:before {
		transition: height 0.1s 0.1s linear;
	}
	#pagetop:hover .btn-loading:after {
		transition: height 0.1s linear;
	}
	#pagetop .btn-loading span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 1px);
		height: calc(100% - 1px);
		background-color: #fff;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;
	}
	#pagetop .btn-loading span img{
		width: 15px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	@keyframes pagetop-slide {
		0%   { transform: translate(-50%, -50%); }
		35%  { transform: translate(-50%, -200%); }
		36%  { transform: translate(-50%,  200%); }
		100% { transform: translate(-50%, -50%); }
	}
	#pagetop:hover .btn-loading span img {
		animation: pagetop-slide 0.6s ease forwards;
	}
	
	.in-btn{
		width: 40px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

}

/*note pc*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	html{
		font-size: min(calc(16 / 1728 * 100vw), 16px);
	}
	body{
		font-size: 1rem;
	}

    .sp-on{
		display: none !important;
	}

	/* header */
	.header{
		width: 100%;
		overflow: hidden;
		margin: 0 auto 7em auto;
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-direction: row-reverse;
		background: #fbf8f6;
	}
	.mv-logo{
		width: 5%;
		display: block;
		position: absolute;
		top: 2%;
		right: 1.5%;
		z-index: 10;
	}
	.mv-img{
		width: 65%;
		overflow: hidden;
	}
	.mv-title-box{
		width: 35%;
		border-bottom: 10px solid #aca082;
		box-sizing: border-box;
		padding: 0 4em;
	}
	.mv-main-logo{
		width: 100%;
		margin: 5em auto 8em auto;
		position: relative;
		transition: margin .8s ease;
	}
	.mv-title-box.is-active .mv-main-logo{
		margin-bottom: 5em;
	}
	.mv-main-logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-main-logo .hover-consolidated{
		clip-path: inset(0 0 0 0);
	}
	.mv-title-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated,
	.nav-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated{
		animation: line-draw .6s cubic-bezier(.4, 0, .2, 1);
	}
	/* 線を引き直す：main-logo02の2本の線を同時に描く（Lは右上→左下、Oは左下→右上）
	   2つの矩形を面積0の線（24% 0 ⇔ 64% 100%）でつないで1つのpolygonにしている */
	@keyframes line-draw{
		0%   { clip-path: polygon(24% 0, 24% 39%, 24% 39%, 24% 0, 24% 0, 64% 100%, 64% 60%, 64% 60%, 64% 100%, 64% 100%); }
		100% { clip-path: polygon(24% 0, 24% 100%, 0 100%, 0 0, 24% 0, 64% 100%, 64% 0, 88% 0, 88% 100%, 64% 100%); }
	}
	.mv-title01{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.mv-title01 .on{
		width: 165%;
		margin: 6em 0 0 0;
	}
	.mv-switch{
		display: grid;
	}
	.mv-switch > .mv-title01,
	.mv-switch > .mv-nav{
		grid-area: 1 / 1;
		transition: opacity .8s ease, transform .8s ease;
	}
	.mv-switch.is-active > .mv-title01{
		opacity: 0;
		transform: translateY(-40px);
		pointer-events: none;
	}
	.mv-nav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: flex-start;
		gap: 1em;
		opacity: 0;
		transform: translateY(40px);
		pointer-events: none;
	}
	.mv-switch.is-active > .mv-nav{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.mv-nav li{
		width: calc((100% - 2em) / 3);
		margin: 0 0 2em 0;
	}
	.mv-nav li .img{
		width: 100%;
		display: block;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
		margin: 0 0 1.5em 0;
	}
	.mv-nav li a .img .hover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: opacity .5s ease;
	}
	.mv-nav li a:hover .img .hover,
	.mv-nav li a.is-current .img .hover{
		opacity: 1;
	}
	.mv-nav li a .img .hover .hover-txt01,
	.mv-nav li a .img .hover .hover-txt02{
		transform: translateY(10px);
		transition: transform .5s ease;
	}
	.mv-nav li a:hover .img .hover .hover-txt01,
	.mv-nav li a:hover .img .hover .hover-txt02,
	.mv-nav li a.is-current .img .hover .hover-txt01,
	.mv-nav li a.is-current .img .hover .hover-txt02{
		transform: translateY(0);
	}
	.mv-nav li a .img .hover-color01{
		background: rgba(91, 73, 66, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.mv-nav li a .img .hover-color02{
		background: rgba(212, 212, 179, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.hover-txt01{
		font-size: 1.3em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #efe7cb;
		text-align: left;
	}
	.hover-txt02{
		font-size: 1.3em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
		text-align: left;
	}
	.mv-nav li a .img .hover .hover-ar{
		width: 7%;
		line-height: 0;
		display: block;
		position: absolute;
		bottom: 2em;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	.mv-nav li a:hover .img .hover .hover-ar,
	.mv-nav li a.is-current .img .hover .hover-ar{
		bottom: 2em;
		transition: .3s;
	}
	.mv-nav li .txt{
		/* 線は文字幅に合わせる（文字との空きは約1.4em、右は字間.2em分を引く） */
		width: fit-content;
		max-width: 100%;
		padding: 0 1.2em 0 1.4em;
		display: block;
		text-align: center;
		color: #aca082;
		font-size: .8em;
		letter-spacing: .2em;
		border-left: 1px solid #aca082;
		border-right: 1px solid #aca082;
		box-sizing: border-box;
		margin: 0 auto;
	}

	/* read */
	.read{
		width: 100%;
		margin: 0 auto 7em auto;
	}
	.read .txt{
		font-size: 1.2em;
		letter-spacing: .3em;
		line-height: 3;
		text-align: center;
		color: #5b4942;
	}

	/* wrap */
	.wrap{
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin: 0 auto 10em auto;
	}
	.nav-box{
		width: 35%;
		height: 100vh;
		background: #fbf8f6;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		padding: 0 3em;
		border-bottom: 10px solid #aca082;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* header内のmv-main-logo・mv-navをナビ表示時の状態で表示 */
	.nav-box .mv-main-logo{
		width: 80% !important;
		margin: 0 auto 3em auto;
	}
	.nav-box .mv-nav{
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
	.content{
		width: 65%;
	}
	.cont-wrap{
		width: 100%;
		position: relative;
		margin: 0 0 5em 0;
		display: flex;
		align-items: flex-start;
	}
	.cont-main{
		flex: 1;
		min-width: 0;
	}
	.fix-side{
		width: 1.875rem;
		flex-shrink: 0;
		position: sticky;
		top: 0;
		order: 2;
	}
	.fix-side .icon{
		width: 100%;
		height: 10rem;
		background: #aca082;
		margin: 0 0 2em 0;
	}
	.fix-side .txt{
		font-size: 1em;
		letter-spacing: .5em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #aca082;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		white-space: nowrap;
		margin: 0 auto;
	}
	.fix-side02 .icon{
		background: #5b4942;
	}
	.fix-side02 .txt{
		color: #5b4942;
	}

	/* main-title */
	.main-title{
		width: 100%;
		color: #5b4942;
		padding: 4em 0 0 0;
		margin: 0 0 7em 0;
	}
	.main-title .title01{
		font-size: 4em;
		letter-spacing: .05em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
		margin: 0 0 0.3em 0;
	}
	.main-title .title02{
		font-size: 1.3em;
        letter-spacing: .3em;
        line-height: 2;
        text-align: center;
	}

	/* item */
	.item{
		width: 60%;
		margin: 0 auto 7em auto;
	}
	.item-end{
		margin: 0 auto 0 auto !important;
	}
	.item .img{
		width: 100%;
		overflow: hidden;
		border-radius: 20px;
		margin: 0 0 4em 0;
	}
	.item .data{
		width: 90%;
		position: relative;
		margin: 0 auto;
	}
	.item .data .num-box{
		width: 20%;
		position: absolute;
		top: 0;
		right: -15%;
	}
	.item .data .num-box .num{
		font-family: "ivymode", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 4em;
        letter-spacing: .05em;
        line-height: 1;
		color: #aca082;
	}
	.item .data .num-box .num-color02{
		color: #5b4942;
	}
	.item .data .num-box .line{
		width: 100%;
		height: 1px;
		background: #aca082;
		margin: 1em 0;
	}
	.item .data .num-box .name{
		font-size: 1.8em;
		letter-spacing: .1em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
	}
	.item .data .num-box .name-color02{
		color: #aca082;
	}
	.item .data .title{
		width: 85%;
		font-size: 1.8em;
        letter-spacing: .3em;
        line-height: 1.8;
		white-space: nowrap;
		margin: 0 0 1em 0;
	}
	.item .data .txt{
		width: 85%;
		font-size: 1em;
        letter-spacing: .3em;
        line-height: 2.3;
		text-align: justify;
		margin: 0 0 3em 0;
	}
	.item .data .link-box{
		width: 90%;
	}

	/* footer-logo */
	.footer-logo{
		width: 25%;
		margin: 0 auto 6em auto;
	}
	.footer-logo .mv-main-logo{
		margin: 0;
	}

	/* cart-btn */
	.l-icon::before{
        content: url("../img/l-size.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
    .s-icon::before{
        content: url("../img/s-size.svg");
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px 16px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
	.link-line{
		width: 100%;
		height: 1px;
		background: #a3a3a3;
		margin: 1.5em 0 1.5em 0;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 .5em 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-btn-end {
		margin: 0 0 0 0;
	}
	.cart-title {
		font-size: .9em;
		letter-spacing: .1em;
		flex: 1;
		min-width: 0;
		line-height: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen {
		font-size: 1rem;
		letter-spacing: 0;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin: 0 0 0 1em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: .625rem;
		letter-spacing: 0;
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #85644E;
		margin: 20px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 5.625rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: .4375rem 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn span {
		font-size: .8em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn:hover .btn span {
		color: #fff;
	}
	.cart-btn .btn-2 {
		width: 90px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn-2 span {
		font-size: .4em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn .btn .btn-bg {
		width: 150%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: -140%;
		clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
		transition: .5s;
	}
	.cart-btn:hover .btn .btn-bg {
		left: 0%;
	}

	/* 00 */
	.cart-btn .btn00 {
		background: #fff;
		border: 1px solid #000000;
		color: #000000;
	}
	.btn_bg-color00{
		background: #000000;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}

	/* 01 */
	.cart-btn .btn01 {
		background: #aca082;
		border: 1px solid #aca082;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #aca082 !important;
	}

	/* 02 */
	.cart-btn .btn02 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #5b4942 !important;
	}

	/* non（ホバーなし） */
	.cart-btn .btn .btn-color-non {
		font-size: .6em;
		white-space: nowrap;
	}
	.cart-btn:hover .btn .btn-color-non {
		color: inherit;
	}

	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-n{
		margin: 0 auto 10% auto !important;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		background: #fff;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li .txt{
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: center;
		margin: 2% 0 0 0;
	}
	
	/*f-banner02*/
	.f-banner02{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 0 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
		background: #fff;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 20px;
	}
	.f-ow{
		width: 130px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 15px;
		width: 50px;
		height: 50px;
		display: block;
		z-index: 99;
	}
	#pagetop .btn-loading {
		display: inline-flex;
		text-decoration: none;
		font-weight: 700;
		color: #111;
		width: 100%;
		height: 100%;
		position: relative;
		opacity: 1 !important;
		transition: all 0.3s;
		background-color: #fff;
		border-radius: 100%;
		transition: color 0.2s;
		overflow: hidden;
	}
	#pagetop .btn-loading01:before,
	#pagetop .btn-loading01:after {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		height: 0;
		background-color: #cf9e71;
		pointer-events: none;
	}
	#pagetop .btn-loading:before {
		bottom: 0;
		left: 0;
	}
	#pagetop .btn-loading:after {
		top: 0;
		right: 0;
	}
	#pagetop:hover .btn-loading {
		color: #65A04D;
	}
	#pagetop:hover .btn-loading:before,
	#pagetop:hover .btn-loading:after {
		height: 100%;
	}
	#pagetop:hover .btn-loading:before {
		transition: height 0.1s 0.1s linear;
	}
	#pagetop:hover .btn-loading:after {
		transition: height 0.1s linear;
	}
	#pagetop .btn-loading span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 1px);
		height: calc(100% - 1px);
		background-color: #fff;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;
	}
	#pagetop .btn-loading span img{
		width: 15px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	@keyframes pagetop-slide {
		0%   { transform: translate(-50%, -50%); }
		35%  { transform: translate(-50%, -200%); }
		36%  { transform: translate(-50%,  200%); }
		100% { transform: translate(-50%, -50%); }
	}
	#pagetop:hover .btn-loading span img {
		animation: pagetop-slide 0.6s ease forwards;
	}
	
	.in-btn{
		width: 40px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

}

/*//////////////////////////////// for tablet (768px〜1024px) ////////////////////////////*/
@media (min-width:768px) and (max-width:1024px) {
	html{
		font-size: min(calc(16 / 1728 * 100vw), 16px);
	}
	body{
		font-size: 1rem;
	}

    .sp-on{
		display: none !important;
	}

	/* header */
	.header{
		width: 100%;
		overflow: hidden;
		margin: 0 auto 7em auto;
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-direction: row-reverse;
		background: #fbf8f6;
	}
	.mv-logo{
		width: 5%;
		display: block;
		position: absolute;
		top: 2%;
		right: 1.5%;
		z-index: 10;
	}
	.mv-img{
		width: 65%;
		overflow: hidden;
	}
	.mv-title-box{
		width: 35%;
		border-bottom: 10px solid #aca082;
		box-sizing: border-box;
		padding: 0 4em;
	}
	.mv-main-logo{
		width: 100%;
		margin: 5em auto 8em auto;
		position: relative;
		transition: margin .8s ease;
	}
	.mv-title-box.is-active .mv-main-logo{
		margin-bottom: 5em;
	}
	.mv-main-logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-main-logo .hover-consolidated{
		clip-path: inset(0 0 0 0);
	}
	.mv-title-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated,
	.nav-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated{
		animation: line-draw .6s cubic-bezier(.4, 0, .2, 1);
	}
	/* 線を引き直す：main-logo02の2本の線を同時に描く（Lは右上→左下、Oは左下→右上）
	   2つの矩形を面積0の線（24% 0 ⇔ 64% 100%）でつないで1つのpolygonにしている */
	@keyframes line-draw{
		0%   { clip-path: polygon(24% 0, 24% 39%, 24% 39%, 24% 0, 24% 0, 64% 100%, 64% 60%, 64% 60%, 64% 100%, 64% 100%); }
		100% { clip-path: polygon(24% 0, 24% 100%, 0 100%, 0 0, 24% 0, 64% 100%, 64% 0, 88% 0, 88% 100%, 64% 100%); }
	}
	.mv-title01{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.mv-title01 .on{
		width: 165%;
		margin: 6em 0 0 0;
	}
	.mv-switch{
		display: grid;
	}
	.mv-switch > .mv-title01,
	.mv-switch > .mv-nav{
		grid-area: 1 / 1;
		transition: opacity .8s ease, transform .8s ease;
	}
	.mv-switch.is-active > .mv-title01{
		opacity: 0;
		transform: translateY(-40px);
		pointer-events: none;
	}
	.mv-nav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: flex-start;
		gap: 1em;
		opacity: 0;
		transform: translateY(40px);
		pointer-events: none;
	}
	.mv-switch.is-active > .mv-nav{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.mv-nav li{
		width: calc((100% - 2em) / 3);
		margin: 0 0 2em 0;
	}
	.mv-nav li .img{
		width: 100%;
		display: block;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
		margin: 0 0 1.5em 0;
	}
	.mv-nav li a .img .hover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: opacity .5s ease;
	}
	.mv-nav li a:hover .img .hover,
	.mv-nav li a.is-current .img .hover{
		opacity: 1;
	}
	.mv-nav li a .img .hover .hover-txt01,
	.mv-nav li a .img .hover .hover-txt02{
		transform: translateY(10px);
		transition: transform .5s ease;
	}
	.mv-nav li a:hover .img .hover .hover-txt01,
	.mv-nav li a:hover .img .hover .hover-txt02,
	.mv-nav li a.is-current .img .hover .hover-txt01,
	.mv-nav li a.is-current .img .hover .hover-txt02{
		transform: translateY(0);
	}
	.mv-nav li a .img .hover-color01{
		background: rgba(91, 73, 66, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.mv-nav li a .img .hover-color02{
		background: rgba(212, 212, 179, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.hover-txt01{
		font-size: 1.3em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #efe7cb;
		text-align: left;
	}
	.hover-txt02{
		font-size: 1.3em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
		text-align: left;
	}
	.mv-nav li a .img .hover .hover-ar{
		width: 7%;
		line-height: 0;
		display: block;
		position: absolute;
		bottom: 2em;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	.mv-nav li a:hover .img .hover .hover-ar,
	.mv-nav li a.is-current .img .hover .hover-ar{
		bottom: 2em;
		transition: .3s;
	}
	.mv-nav li .txt{
		/* 線は文字幅に合わせる（文字との空きは約1.4em、右は字間.2em分を引く） */
		width: fit-content;
		max-width: 100%;
		padding: 0 1.2em 0 1.4em;
		display: block;
		text-align: center;
		color: #aca082;
		font-size: .8em;
		letter-spacing: .2em;
		border-left: 1px solid #aca082;
		border-right: 1px solid #aca082;
		box-sizing: border-box;
		margin: 0 auto;
	}

	/* read */
	.read{
		width: 100%;
		margin: 0 auto 7em auto;
	}
	.read .txt{
		font-size: 1.5em;
		letter-spacing: .3em;
		line-height: 3;
		text-align: center;
		color: #5b4942;
	}

	/* wrap */
	.wrap{
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin: 0 auto 10em auto;
	}
	.nav-box{
		width: 20%;
		height: 100vh;
		background: #fbf8f6;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		padding: 0 3em;
		border-bottom: 10px solid #aca082;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* header内のmv-main-logo・mv-navをナビ表示時の状態で表示 */
	.nav-box .mv-main-logo{
		width: 100% !important;
		margin: 0 auto 3em auto;
	}
	.nav-box .mv-nav{
		width: 70%;
		opacity: 1;
		transform: none;
		pointer-events: auto;
		flex-direction: column;
		flex-wrap: nowrap;
		margin: 0 auto;
	}
	/* タブレット：nav-box内のナビは縦1列 */
	.nav-box .mv-nav li{
		width: 100%;
	}
	.content{
		width: 80%;
	}
	.cont-wrap{
		width: 100%;
		position: relative;
		margin: 0 0 5em 0;
		display: flex;
		align-items: flex-start;
	}
	.cont-main{
		flex: 1;
		min-width: 0;
	}
	.fix-side{
		width: 1.875rem;
		flex-shrink: 0;
		position: sticky;
		top: 0;
		order: 2;
	}
	.fix-side .icon{
		width: 100%;
		height: 10rem;
		background: #aca082;
		margin: 0 0 2em 0;
	}
	.fix-side .txt{
		font-size: 1em;
		letter-spacing: .5em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #aca082;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		white-space: nowrap;
		margin: 0 auto;
	}
	.fix-side02 .icon{
		background: #5b4942;
	}
	.fix-side02 .txt{
		color: #5b4942;
	}

	/* main-title */
	.main-title{
		width: 100%;
		color: #5b4942;
		padding: 4em 0 0 0;
		margin: 0 0 7em 0;
	}
	.main-title .title01{
		font-size: 4em;
		letter-spacing: .05em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
		margin: 0 0 0.3em 0;
	}
	.main-title .title02{
		font-size: 1.3em;
        letter-spacing: .3em;
        line-height: 2;
        text-align: center;
	}

	/* item */
	.item{
		width: 70%;
		margin: 0 auto 7em auto;
	}
	.item-end{
		margin: 0 auto 0 auto !important;
	}
	.item .img{
		width: 100%;
		overflow: hidden;
		border-radius: 20px;
		margin: 0 0 4em 0;
	}
	.item .data{
		width: 90%;
		position: relative;
		margin: 0 auto;
	}
	.item .data .num-box{
		width: 20%;
		position: absolute;
		top: 0;
		right: -15%;
	}
	.item .data .num-box .num{
		font-family: "ivymode", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 4em;
        letter-spacing: .05em;
        line-height: 1;
		color: #aca082;
	}
	.item .data .num-box .num-color02{
		color: #5b4942;
	}
	.item .data .num-box .line{
		width: 100%;
		height: 1px;
		background: #aca082;
		margin: 1em 0;
	}
	.item .data .num-box .name{
		font-size: 1.8em;
		letter-spacing: .1em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
	}
	.item .data .num-box .name-color02{
		color: #aca082;
	}
	.item .data .title{
		width: 85%;
		font-size: 1.8em;
        letter-spacing: .3em;
        line-height: 1.8;
		white-space: nowrap;
		margin: 0 0 1em 0;
	}
	.item .data .txt{
		width: 85%;
		font-size: 1em;
        letter-spacing: .3em;
        line-height: 2.3;
		text-align: justify;
		margin: 0 0 3em 0;
	}
	.item .data .link-box{
		width: 90%;
	}

	/* footer-logo */
	.footer-logo{
		width: 25%;
		margin: 0 auto 6em auto;
	}
	.footer-logo .mv-main-logo{
		margin: 0;
	}

	/* cart-btn */
	.l-icon::before{
        content: url("../img/l-size.svg");
        width: 10px;
        height: 10px;
        display: inline-block;
        background-size: 10px 10px;
        position: relative;
        top: 0px;
		margin: 0 5px 0 0;
		line-height: 0;
		border: .5px solid #000;
		border-radius: 3px;
    }
    .s-icon::before{
        content: url("../img/s-size.svg");
        width: 10px;
        height: 10px;
        display: inline-block;
        background-size: 10px 10px;
        position: relative;
        top: 0px;
		margin: 0 5px 0 0;
		line-height: 0;
		border: .5px solid #000;
		border-radius: 3px;
    }
	.link-line{
		width: 100%;
		height: 1px;
		background: #a3a3a3;
		margin: 10px 0 30px 0;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 3% 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-btn-end {
		margin: 0 0 5% 0;
	}
	.cart-title {
		font-size: 1.3em;
		letter-spacing: .1em;
		flex: 1;
		min-width: 0;
		line-height: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen {
		font-size: 1.3em;
		letter-spacing: 0;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin: 0 0 0 1em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: 8px;
		letter-spacing: 0;
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #85644E;
		margin: 20px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 60px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 6px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn span {
		font-size: 1.3em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn:hover .btn span {
		color: #fff;
	}
	.cart-btn .btn-2 {
		width: 70px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 7px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn-2 span {
		font-size: .5em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn .btn .btn-bg {
		width: 150%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: -140%;
		clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
		transition: .5s;
	}
	.cart-btn:hover .btn .btn-bg {
		left: 0%;
	}

	/* 00 */
	.cart-btn .btn00 {
		background: #fff;
		border: 1px solid #000000;
		color: #000000;
	}
	.btn_bg-color00{
		background: #000000;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}

	/* 01 */
	.cart-btn .btn01 {
		background: #aca082;
		border: 1px solid #aca082;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #aca082 !important;
	}

	/* 02 */
	.cart-btn .btn02 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #5b4942 !important;
	}

	/* non（ホバーなし） */
	.cart-btn .btn .btn-color-non {
		font-size: .6em;
		white-space: nowrap;
	}
	.cart-btn:hover .btn .btn-color-non {
		color: inherit;
	}

	/*f-banner*/
	.f-banner{
		width: 80%;
        margin: 15% auto 10% auto;
	}
	.f-banner-n{
		margin: 0 auto 10% auto !important;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		background: #fff;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li .txt{
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: center;
		margin: 2% 0 0 0;
	}
	
	/*f-banner02*/
	.f-banner02{
		width: 100%;
		margin: 0 auto 5% auto;
		padding: 0 0 0 0;
	}
	.f-banner02-list{
		width: 80%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
		background: #fff;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
        letter-spacing: 0.3em;
        padding: 0 0 20% 0;
        position: relative;
        text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 20px;
	}
	.f-ow{
		width: 120px;
        margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica", serif;
        font-size: 8px;
        letter-spacing: 0.02em;
        margin: 34px 0 0;
        color: #000000;
	}
	
	#pagetop{
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		display: block;
		z-index: 99;
	}
	#pagetop .btn-loading {
		display: inline-flex;
		text-decoration: none;
		font-weight: 700;
		color: #111;
		width: 100%;
		height: 100%;
		position: relative;
		opacity: 1 !important;
		transition: all 0.3s;
		background-color: #632535;
		border-radius: 100%;
		transition: color 0.2s;
		overflow: hidden;
	}
	#pagetop .btn-loading01:before,
	#pagetop .btn-loading01:after {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		height: 0;
		background-color: #cf9e71;
		pointer-events: none;
	}
	#pagetop .btn-loading:before {
		bottom: 0;
		left: 0;
	}
	#pagetop .btn-loading:after {
		top: 0;
		right: 0;
	}
	#pagetop:hover .btn-loading {
		color: #65A04D;
	}
	#pagetop:hover .btn-loading:before,
	#pagetop:hover .btn-loading:after {
		height: 100%;
	}
	#pagetop:hover .btn-loading:before {
		transition: height 0.1s 0.1s linear;
	}
	#pagetop:hover .btn-loading:after {
		transition: height 0.1s linear;
	}
	#pagetop .btn-loading span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 1px);
		height: calc(100% - 1px);
		background-color: #632535;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;
	}
	#pagetop .btn-loading span img{
		width: 10px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	@keyframes pagetop-slide {
		0%   { transform: translate(-50%, -50%); }
		35%  { transform: translate(-50%, -200%); }
		36%  { transform: translate(-50%,  200%); }
		100% { transform: translate(-50%, -50%); }
	}
	#pagetop:hover .btn-loading span img {
		animation: pagetop-slide 0.6s ease forwards;
	}
	
	.in-btn{
		width: 35px;
        margin: 0 auto 1% auto;
        display: block;
        opacity: 1;
	}

	.hb-menu.is-open {
		height: 70% !important;
	}

	.hb-menu__label {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		align-items: center;
		font-family: "goldenbook", serif;
		font-weight: 300;
		font-style: normal;
		font-size: 14px !important;
		letter-spacing: .3em;
		text-indent: .3em;
		white-space: nowrap;
		transition: opacity .18s ease, transform .18s ease;
	}

}

/*//////////////////////////////// for sp (〜767px) ////////////////////////////*/
@media (min-width:0px) and (max-width:767px) {
	/* スマホは375px幅を基準（375pxで16px） */
	html{
		font-size: min(calc(16 / 375 * 100vw), 16px);
	}
	body{
		font-size: 1rem;
	}

    .pc-on{
		display: none !important;
	}

	/* header */
	.header{
		width: 100%;
		overflow: hidden;
		margin: 0 auto 4em auto;
		position: relative;
		background: #fbf8f6;
	}
	.mv-logo{
		width: 17%;
		display: block;
		position: absolute;
		top: 2%;
		right: 2.5%;
		z-index: 10;
	}
	.mv-img{
		width: 100%;
		overflow: hidden;
	}
	.mv-title-box{
		width: 85%;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 1em;
		margin: 0 auto;
	}
	.mv-main-logo{
		width: 100%;
		margin: 0em auto 0em auto;
		position: relative;
	}
	.mv-main-logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-main-logo .hover-consolidated{
		clip-path: inset(0 0 0 0);
	}
	.mv-title-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated,
	.nav-box:has(.mv-nav a:hover) .mv-main-logo .hover-consolidated{
		animation: line-draw .6s cubic-bezier(.4, 0, .2, 1);
	}
	/* 線を引き直す：main-logo02の2本の線を同時に描く（Lは右上→左下、Oは左下→右上）
	   2つの矩形を面積0の線（24% 0 ⇔ 64% 100%）でつないで1つのpolygonにしている */
	@keyframes line-draw{
		0%   { clip-path: polygon(24% 0, 24% 39%, 24% 39%, 24% 0, 24% 0, 64% 100%, 64% 60%, 64% 60%, 64% 100%, 64% 100%); }
		100% { clip-path: polygon(24% 0, 24% 100%, 0 100%, 0 0, 24% 0, 64% 100%, 64% 0, 88% 0, 88% 100%, 64% 100%); }
	}
	.mv-title01{
		width: 95%;
		margin: 0 0 1em 0;
		position: relative;
	}
	.mv-title01 .on{
		width: 100%;
		margin: 2em 0 0 0;
	}
	.mv-nav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: flex-start;
		gap: 1em;
	}
	.mv-nav li{
		width: calc((100% - 2em) / 3);
		margin: 0 0 1em 0;
	}
	.mv-nav li .img{
		width: 100%;
		display: block;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
		margin: 0 0 1em 0;
	}
	.mv-nav li a .img .hover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: opacity .5s ease;
	}
	.mv-nav li a:hover .img .hover,
	.mv-nav li a.is-current .img .hover{
		opacity: 1;
	}
	.mv-nav li a .img .hover .hover-txt01,
	.mv-nav li a .img .hover .hover-txt02{
		transform: translateY(10px);
		transition: transform .5s ease;
	}
	.mv-nav li a:hover .img .hover .hover-txt01,
	.mv-nav li a:hover .img .hover .hover-txt02,
	.mv-nav li a.is-current .img .hover .hover-txt01,
	.mv-nav li a.is-current .img .hover .hover-txt02{
		transform: translateY(0);
	}
	.mv-nav li a .img .hover-color01{
		background: rgba(91, 73, 66, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.mv-nav li a .img .hover-color02{
		background: rgba(212, 212, 179, .8);
		backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.hover-txt01{
		font-size: 1em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #efe7cb;
		text-align: left;
	}
	.hover-txt02{
		font-size: 1em;
		letter-spacing: .05em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
		text-align: left;
	}
	.mv-nav li a .img .hover .hover-ar{
		width: 7%;
		line-height: 0;
		display: block;
		position: absolute;
		bottom: 2em;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	.mv-nav li a:hover .img .hover .hover-ar,
	.mv-nav li a.is-current .img .hover .hover-ar{
		bottom: 2em;
		transition: .3s;
	}
	.mv-nav li .txt{
		/* スマホは左右の縦線なし */
		width: fit-content;
		max-width: 100%;
		padding: 0;
		display: block;
		text-align: center;
		color: #7f7253;
		font-size: .8em;
		letter-spacing: .2em;
		box-sizing: border-box;
		margin: 0 auto;
	}

	/* read */
	.read{
		width: 100%;
		margin: 0 auto 3em auto;
	}
	.read .txt{
		font-size: 1.1em;
		letter-spacing: .2em;
		line-height: 2.5;
		text-align: center;
		color: #5b4942;
	}

	/* sp-nav-an */
	.sp-nav-an{
		width: 100%;
		background: #fbf8f6;
		border-bottom: 10px solid #aca082;
		padding: 3em 1em 2em 1em;
		box-sizing: border-box;
	}
	/* テキストは1行に収める（最長「ニットジャケット」基準） */
	.sp-nav-an .mv-nav li .txt,
	.sp-hb .mv-nav li .txt{
		width: fit-content;
		max-width: none;
		font-size: 1em;
		letter-spacing: .05em;
		white-space: nowrap;
	}
	/* wrap */
	.wrap{
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin: 0 auto 0em auto;
	}
	.nav-box{
		width: 35%;
		height: 100vh;
		background: #fbf8f6;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		padding: 0 3em;
		border-bottom: 10px solid #aca082;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* header内のmv-main-logo・mv-navをナビ表示時の状態で表示 */
	.nav-box .mv-main-logo{
		width: 80% !important;
		margin: 0 auto 3em auto;
	}
	.content{
		width: 100%;
	}
	.cont-wrap{
		width: 100%;
		position: relative;
		margin: 0 0 5em 0;
		display: flex;
		align-items: flex-start;
	}
	.cont-main{
		flex: 1;
		min-width: 0;
	}
	.fix-side{
		display: none;
	}
	.fix-side .icon{
		width: 100%;
		height: 10rem;
		background: #aca082;
		margin: 0 0 2em 0;
	}
	.fix-side .txt{
		font-size: 1em;
		letter-spacing: .5em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #aca082;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		white-space: nowrap;
		margin: 0 auto;
	}
	.fix-side02 .icon{
		background: #5b4942;
	}
	.fix-side02 .txt{
		color: #5b4942;
	}

	/* main-title */
	.main-title{
		width: 100%;
		color: #5b4942;
		padding: 4em 0 0 0;
		margin: 0 0 3em 0;
	}
	.main-title .title01{
		font-size: 2.4em;
		letter-spacing: .05em;
		line-height: 1;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
		margin: 0 0 0.5em 0;
	}
	.main-title .title02{
		font-size: 1.1em;
        letter-spacing: .2em;
        line-height: 2;
        text-align: center;
	}

	/* item */
	.item{
		width: 100%;
		margin: 0 auto 5em auto;
	}
	.item-end{
		margin: 0 auto 0 auto !important;
	}
	.item .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 2em 0;
	}
	.item .data{
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.item .data .num-box{
		width: 90%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #aca082;
		margin: 0 0 2em 0;
		padding: 0 0 .5em 0;
	}
	.item .data .num-box .num{
		font-family: "ivymode", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3em;
        letter-spacing: .05em;
        line-height: 1;
		color: #aca082;
		padding: 0 0 0 7.5%;
		margin: 0 5% 0 0;
	}
	.item .data .num-box .num-color02{
		color: #5b4942;
	}
	.item .data .num-box .line{
		width: 1px;
		align-self: stretch;
		background: #aca082;
		margin: 0 5% 0 0;
	}
	.item .data .num-box .name{
		font-size: 1.4em;
		letter-spacing: .2em;
		line-height: 1.2;
		font-family: "garamond-premier-pro-display", serif;
		font-weight: 300;
		font-style: normal;
		color: #5b4942;
	}
	.item .data .num-box .name-color02{
		color: #aca082;
	}
	.item .data .title{
		width: 85%;
		font-size: 1.4em;
        letter-spacing: .3em;
        line-height: 2;
		white-space: nowrap;
		margin: 0 auto 1em auto;
	}
	.item .data .txt{
		width: 85%;
		font-size: .9em;
        letter-spacing: .2em;
        line-height: 2.3;
		text-align: justify;
		margin: 0 auto 2em auto;
	}
	.item .data .link-box{
		width: 85%;
		margin: 0 auto;
	}

	/* footer-logo */
	.footer-logo{
		width: 75%;
        margin: 0 auto 5em auto;
	}
	.footer-logo .mv-main-logo{
		margin: 0;
	}

	/* cart-btn */
	.l-icon::before{
        content: url("../img/l-size.svg");
        width: 13px;
        height: 13px;
        display: inline-block;
        background-size: 13px 13px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
    .s-icon::before{
        content: url("../img/s-size.svg");
        width: 13px;
        height: 13px;
        display: inline-block;
        background-size: 13px 13px;
        position: relative;
        top: -1px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }
	.link-line{
		width: 100%;
		height: 1px;
		background: #a3a3a3;
		margin: 10px 0 30px 0;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 3% 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-btn-end {
		margin: 0 0 5% 0;
	}
	.cart-title {
		font-size: .8em;
		letter-spacing: .1em;
		flex: 1;
		min-width: 0;
		line-height: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen {
		font-size: 14px;
		letter-spacing: 0;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin: 0 0 0 1em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: 8px;
		letter-spacing: 0;
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #85644E;
		margin: 20px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 72px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 6px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn span {
		font-size: .7em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn:hover .btn span {
		color: #fff;
	}
	.cart-btn .btn-2 {
		width: 70px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 7px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn-2 span {
		font-size: .5em;
		line-height: 1;
		letter-spacing: .05em;
		text-align: center;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		z-index: 10;
		transition: .5s;
	}
	.cart-btn .btn .btn-bg {
		width: 150%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: -140%;
		clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
		transition: .5s;
	}
	.cart-btn:hover .btn .btn-bg {
		left: 0%;
	}

	/* 00 */
	.cart-btn .btn00 {
		background: #fff;
		border: 1px solid #000000;
		color: #000000;
	}
	.btn_bg-color00{
		background: #000000;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}

	/* 01 */
	.cart-btn .btn01 {
		background: #aca082;
		border: 1px solid #aca082;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #aca082 !important;
	}

	/* 02 */
	.cart-btn .btn02 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #5b4942 !important;
	}

	/* non（ホバーなし） */
	.cart-btn .btn .btn-color-non {
		font-size: .6em;
		white-space: nowrap;
	}
	.cart-btn:hover .btn .btn-color-non {
		color: inherit;
	}

	/*f-banner*/
	.f-banner{
		width: 80%;
        margin: 15% auto 10% auto;
	}
	.f-banner-n{
		margin: 0 auto 10% auto !important;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		background: #fff;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li .txt{
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: center;
		margin: 2% 0 0 0;
	}
	
	/*f-banner02*/
	.f-banner02{
		width: 100%;
		margin: 0 auto 5% auto;
		padding: 0 0 0 0;
	}
	.f-banner02-list{
		width: 80%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
		background: #fff;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
        letter-spacing: 0.3em;
        padding: 0 0 20% 0;
        position: relative;
        text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 20px;
	}
	.f-ow{
		width: 120px;
        margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica", serif;
        font-size: 8px;
        letter-spacing: 0.02em;
        margin: 34px 0 0;
        color: #000000;
	}
	
	#pagetop{
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		display: block;
		z-index: 99;
	}
	#pagetop .btn-loading {
		display: inline-flex;
		text-decoration: none;
		font-weight: 700;
		color: #111;
		width: 100%;
		height: 100%;
		position: relative;
		opacity: 1 !important;
		transition: all 0.3s;
		background-color: #fff;
		border-radius: 100%;
		transition: color 0.2s;
		overflow: hidden;
	}
	#pagetop .btn-loading01:before,
	#pagetop .btn-loading01:after {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		height: 0;
		background-color: #cf9e71;
		pointer-events: none;
	}
	#pagetop .btn-loading:before {
		bottom: 0;
		left: 0;
	}
	#pagetop .btn-loading:after {
		top: 0;
		right: 0;
	}
	#pagetop:hover .btn-loading {
		color: #65A04D;
	}
	#pagetop:hover .btn-loading:before,
	#pagetop:hover .btn-loading:after {
		height: 100%;
	}
	#pagetop:hover .btn-loading:before {
		transition: height 0.1s 0.1s linear;
	}
	#pagetop:hover .btn-loading:after {
		transition: height 0.1s linear;
	}
	#pagetop .btn-loading span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 1px);
		height: calc(100% - 1px);
		background-color: #fff;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;
	}
	#pagetop .btn-loading span img{
		width: 10px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	@keyframes pagetop-slide {
		0%   { transform: translate(-50%, -50%); }
		35%  { transform: translate(-50%, -200%); }
		36%  { transform: translate(-50%,  200%); }
		100% { transform: translate(-50%, -50%); }
	}
	#pagetop:hover .btn-loading span img {
		animation: pagetop-slide 0.6s ease forwards;
	}
	
	.in-btn{
		width: 35px;
        margin: 0 auto 1% auto;
        display: block;
        opacity: 1;
	}

	.hb-menu.is-open {
		height: 70% !important;
	}

	.hb-menu__label {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		align-items: center;
		font-family: "goldenbook", serif;
		font-weight: 300;
		font-style: normal;
		font-size: 14px !important;
		letter-spacing: .3em;
		text-indent: .3em;
		white-space: nowrap;
		transition: opacity .18s ease, transform .18s ease;
	}

	/* sp-hb：ハンバーガーメニュー（開くと全画面、ナビ＋下にロゴ） */
	html.sp-hb-open,
	html.sp-hb-open body{
		overflow: hidden !important;
	}
	.sp-hb__toggle{
		width: 34px;
		height: 34px;
		position: fixed;
		top: 12px;
		right: 12px;
		z-index: 1001;
		padding: 0;
		border: none;
		background: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s ease, visibility .4s ease;
	}
	/* sp-nav-anを過ぎたら表示（sp-hb.jsでis-visibleを付与） */
	.sp-hb.is-visible .sp-hb__toggle,
	.sp-hb.is-open .sp-hb__toggle{
		opacity: 1;
		visibility: visible;
	}
	.sp-hb__line{
		width: 100%;
		height: 1px;
		display: block;
		background: #aca082;
		position: absolute;
		left: 0;
		transition: transform .4s ease, top .4s ease;
	}
	.sp-hb__line:nth-child(1){
		top: 13px;
	}
	.sp-hb__line:nth-child(2){
		top: 19px;
	}
	.sp-hb.is-open .sp-hb__line:nth-child(1){
		top: 16px;
		transform: rotate(45deg);
	}
	.sp-hb.is-open .sp-hb__line:nth-child(2){
		top: 16px;
		transform: rotate(-45deg);
	}
	.sp-hb__panel{
		width: 100%;
		height: 100vh;
		height: 100dvh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background: #fbf8f6;
		border-bottom: 10px solid #aca082;
		box-sizing: border-box;
		padding: 4.5em 1em;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
		overscroll-behavior: contain;
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s ease, visibility .4s ease;
	}
	.sp-hb.is-open .sp-hb__panel{
		opacity: 1;
		visibility: visible;
	}
	/* mv-navは全画面の天地センター */
	.sp-hb__panel .mv-nav{
		margin: auto 0;
	}
	.sp-hb__logo{
		width: 50%;
		position: absolute;
		bottom: 1.5em;
		left: 50%;
		transform: translateX(-50%);
	}
	.sp-hb__logo img{
		width: 100%;
		display: block;
	}
	.sp-hb__logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* sp-loading：2.5s表示後にフェードアウト（ロゴはfade01-1〜fade01-4） */
	.sp-loading{
		width: 100%;
		height: 100vh;
		height: 100dvh;
		background: #aca082;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		touch-action: none;
		animation: sp-loading-out .6s ease 2.5s forwards;
	}
	/* ローディング中はスクロール不可（sp-loading.jsで付け外し） */
	html.is-sp-loading,
	html.is-sp-loading body{
		overflow: hidden !important;
	}
	.sp-loading__logo{
		width: 80%;
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.sp-loading__logo img{
		width: 100%;
		display: block;
		filter: brightness(0) invert(1);
	}
	.sp-loading__logo .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sp-loading__brand{
		width: 17%;
		position: absolute;
		bottom: 14%;
		left: 50%;
		transform: translateX(-50%);
		line-height: 0;
	}
	.sp-loading__brand img{
		width: 100%;
	}
	@keyframes sp-loading-out{
		0%   { opacity: 1; visibility: visible; }
		100% { opacity: 0; visibility: hidden; }
	}

}

/* タッチデバイス（スマホ・タブレット）での :hover 無効化 ----------------------------------------------------------------------------------------------------
   iOS Safari 等では、:hover で見た目が変わるリンクは1回目のタップが hover 表示に消費され、
   2回タップしないと遷移／スクロールしない。ホバー非対応環境では :hover の見た目を
   通常状態と同一に戻し、アンカーリンクを含む全リンクをワンタップで反応させる。
   （マウス環境ではこのブロックは適用されず、従来のホバー演出を維持） */
@media (hover: none) {

	/* トレンドナビの画像切り替え（トップ nav-list ＆ ハンバーガーメニュー h-bav） */
	.nav-list li a:hover .img .un,
	.h-bav li a:hover .img .un {
		opacity: 1;
		transform: scale(1);
	}
	.nav-list li a:hover .img .on,
	.h-bav li a:hover .img .on {
		opacity: 0;
		transform: scale(1.2);
	}
	.nav-list li a:hover .num .ar {
		opacity: 0;
	}

	/* 商品リンクボタン（cart-btn） */
	.cart-btn:hover .btn span {
		color: inherit;
	}
	.cart-btn:hover .btn .btn-bg {
		left: -140%;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #000 !important;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #fff !important;
	}

	/* ページトップボタン */
	#pagetop:hover .btn-loading {
		color: #111;
	}
	#pagetop:hover .btn-loading:before,
	#pagetop:hover .btn-loading:after {
		height: 0;
	}
	#pagetop:hover .btn-loading span img {
		animation: none;
	}
}

/* cart-btn：価格(tax in)とDETAILボタンの間隔 ----------------------------------------------------------------------------------------------------
   タイトルが残り幅を取り、価格はボタンの左に一定間隔で並ぶ。 */
.cart-btn .btn,
.cart-btn .btn-2 {
	flex-shrink: 0;
	margin-left: 20px;
}

/*//////////////////////////////// for tablet (768px〜1024px) ////////////////////////////*/
@media (min-width:768px) and (max-width:1024px) {
	.cart-btn .btn,
	.cart-btn .btn-2 {
		margin-left: 12px;
	}
}

/*//////////////////////////////// for sp (〜767px) ////////////////////////////*/
@media (min-width:0px) and (max-width:767px) {
	.cart-btn .btn,
	.cart-btn .btn-2 {
		margin-left: 12px;
	}
}