body {
    height: 100%;
    margin: 0;
    font-feature-settings: 'palt';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "Noto Sans JP", sans-serif !important;
	color: #5b4942;
}
a{
	color: #000;
	text-decoration: none;
}
img{
	width: 100%;
	display: block;
}
.mv-video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.load-video{
	opacity: 0;
	transition: opacity 1s ease;
}



/* slider */
.item03-slider,
.item04-slider,
.item05-slider,
.item06-slider {
	position: relative;
	overflow: hidden;
}
.item03-slider .mv-slide,
.item04-slider .mv-slide,
.item05-slider .mv-slide,
.item06-slider .mv-slide {
	width: 100%;
}
.item03-slider .mv-slide img,
.item04-slider .mv-slide img,
.item05-slider .mv-slide img,
.item06-slider .mv-slide img {
	width: 100%;
	display: block;
}



/* 
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;

Yu Gothic Pr6N R
font-family: "yu-gothic-pr6n", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "source-han-sans-cjk-ja", sans-serif;
font-weight: 200;
font-style: normal;

font-family: "source-han-sans-cjk-ja", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "source-han-sans-cjk-ja", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "source-han-sans-cjk-ja", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "avenir-lt-pro", sans-serif;
font-weight: 200;
font-style: normal;

DIN Condensed Regular
font-family: "din-condensed", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;

*/

/* PC ------------------------------------------------------*/
@media screen and (min-width: 1281px) {
	.sp-on{
		display: none !important;
	}

	.load{
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		transition: opacity 1s ease;
		overflow: hidden;
	}
	.load-video{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.load-logo{
		width: 20%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	header{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.mv-logo{
		width: 5%;
		position: absolute;
		top: 2%;
		right: 2%;
		z-index: 99;
	}
	.mv-silk{
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.silk_in-mv{
		width: 100%;
		overflow: hidden;
	}
	.silk_in-mv img {
		display: block;
		width: 150%;
		animation: silkSlide 10s ease-in-out infinite alternate;
	}
	.mv-img{
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}
	.mv-title-box{
		width: 75%;
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 15%;
	}
	.mv-title01{
		width: 60%;
		margin: 0 auto 2% auto;
		display: flex;
		justify-content: space-between;
	}
	.mv-title01 li .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-title01 li:nth-child(1){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title01 li:nth-child(2){
		width: 10%;
		position: relative;
		line-height: 0;
		left: 3%;
		top: 5%;
	}
	.mv-title01 li:nth-child(3){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title02{
		width: 100%;
		position: relative;
	}
	.mv-title02 .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-g{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	/* read */
	.read{
		width: max-content;
		margin: 0 auto;
		padding: 8% 0 10% 0;
		position: relative;
		z-index: 30;
	}
	.read .txt{
		font-size: min(14px + 0.4vw, 19px);
		line-height: 3em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
	}
	.read .txt .line01{
		background: linear-gradient(to right, #5b4942, #5b4942) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 7px;
		margin: 0 5px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line01.line-active{
		background-size: 100% 1px;
	}
	.read .txt .line02{
		background: linear-gradient(to right, #d4d4b3, #d4d4b3) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 7px;
		margin: 0 5px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line02.line-active{
		background-size: 100% 1px;
	}
	.read-line{
		display: block;
		opacity: 0;
		filter: blur(8px);
		transition: opacity 1.1s ease, filter 1.1s ease;
	}
	.read-line.active{
		opacity: 1;
		filter: blur(0);
	}

	/* wrap */
	.wrap-top{
		width: 100%;
		position: relative;
	}
	.wrap{
		width: 100%;
		position: relative;
	}
	.wrap .side{
		width: 50px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.side-in{
		width: 100%;
		position: sticky;
		top: 50vh;
		transform: translateY(-50%);
		left: 0;
		background: #fff;
		border-radius: 0 20px 20px 0;
	}

	/* item-top */
	.item-top{
		width: 85%;
		display: flex;
		justify-content: flex-start;
		margin: 0 0 8% auto;
		position: relative;
		z-index: 10;
		padding: 5% 0 0 0;
	}
	.item-top .icon{
		width: 15%;
		position: absolute;
		top: 7%;
        left: -2%;
		z-index: 20;
	}
	.item-top .img{
		width: 50%;
		overflow: hidden;
	}
	.item-top .data{
		width: 50%;
		display: flex;
		align-items: center;
		background: #fff;
	}
	.item-top .data .data-in{
		width: 80%;
		margin: 0 auto;
	}
	.item-top .data .data-in .sub-title{
		width: 60%;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title{
		font-size: min(25px + 0.4vw, 50px);
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title span{
		width: 100px;
		height: 1px;
		background: #5b4942;
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px 0 0;
	}
	.item-top .data .data-in .txt{
		font-size: min(10px + 0.4vw, 19px);
		line-height: 2.3em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}

	/* item */
	.rever{
		flex-direction: row-reverse;
	}
	.item{
		width: 70%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 auto 8% auto;
	}
	.item .img{
		width: 50%;
		overflow: hidden;
	}
	/* .img-color01{
		background: #e9e0c7;
	}
	.img-color02{
		background: #f59db6;
	}
	.img-color03{
		background: #cfdfe7;
	} */
	.item .data{
		width: 50%;
		box-sizing: border-box;
		padding: 3% 8% 0 8%;
	}
	.item .data .title-box{
		width: max-content;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 0 8% 0;
	}
	.item .data .title-box li:nth-child(1){
		width: 16%;
		margin: 0 8% 0 0;
		background: #fff;
		overflow: hidden;
		border-radius: 10px;
	}
	.item .data .title-box li:nth-child(2){
		width: 76%;
		position: relative;
	}
	.item .data .title-box li:nth-child(2) .title{
		font-size: min(18px + 0.4vw, 30px);
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: nowrap;
	}
	.item .data .title-box li:nth-child(2) .line01{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line02{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line03{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line04{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line05{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line06{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line07{
		width: 50%;
		position: absolute;
		left: 0;
		top: 25%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line08{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line09{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line10{
		width: 70%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line11{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line12{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line13{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .txt{
		font-size: min(10px + 0.4vw, 19px);
		line-height: 2.3em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: nowrap;
		margin: 0 0 10% 0;
	}
	.link-line-li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 5% 0;
	}
	.link-line-li li:nth-child(1){
		width: max-content;
		font-size: min(15px + 0.4vw, 39px);
		line-height: 1;
		letter-spacing: .05em;
		font-family: "baskerville-poster-pt", serif;
		font-weight: 400;
		font-style: italic;
		margin: 0 20px 0 0;
	}
	.link-line-li li:nth-child(1).color02{
		color: #d4d4b3;
	}
	.link-line-li li:nth-child(2){
		width: 1px;
		height: 23px;
		background: #5b4942;
		opacity: .5;
		margin: 0 20px 0 0;
		transform: rotate(30deg);
	}
	.link-line-li li:nth-child(3){
		width: 100%;
		height: 1px;
		background: #5b4942;
		opacity: .5;
		position: relative;
		top: 1px;
	}
	.item .data .link-box{
		width: 100%;
	}

	/* silk_bg */
	@keyframes silkSlide {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-30%); }
	}
	.silk_bg{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.silk_bg-top{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-bottom{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-c{
		position: absolute;
		left: 0;
		top: 40%;
		z-index: -1;
	}
	.silk_in{
		width: 100%;
		overflow: hidden;
	}
	.silk_in img {
		display: block;
		width: 150%;
		animation: silkSlide 6s ease-in-out infinite alternate;
	}
	.silk_out01{
		width: 100%;
		height: 15%;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to top, transparent, #fff);
		z-index: 10;
	}
	.silk_out02{
		width: 100%;
		height: 15%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: linear-gradient(to bottom, transparent, #fff);
		z-index: 10;
	}

	/* an-nav */
	.an-nav{
		width: 70px;
		position: fixed;
		right: 1%;
		bottom: 3%;
		z-index: 99;
		opacity: 0;
		transform: translateY(10px);
		pointer-events: none;
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.an-nav.is-visible{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.an-nav li:nth-child(1){
		width: 100%;
		background: #5b4942;
		margin: 0 0 10px 0;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li:nth-child(2){
		width: 100%;
		background: #d4d4b3;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.an-nav li a img{
		display: block;
		width: 100%;
		transition: transform 0.4s ease;
	}
	.an-nav li a .an-nav-hover{
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(100%);
	}
	.an-nav li:hover a img:not(.an-nav-hover){
		transform: translateY(-100%);
	}
	.an-nav li:hover a .an-nav-hover{
		transform: translateY(0);
	}

	/* cart-btn */
	.l-icon::before{
        content: url("../img/l-size.svg");
        width: 15px;
        height: 15px;
        display: inline-block;
        background-size: 13px 13px;
        position: relative;
        top: 0px;
		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: 15px;
        height: 15px;
        display: inline-block;
        background-size: 13px 13px;
        position: relative;
        top: 0px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
    }

	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 1% 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-title {
		width: max-content;
		font-size: .8em;
		letter-spacing: .1em;
		position: absolute;
		line-height: 1.5em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	.cart-yen {
		font-size: 16px;
		letter-spacing: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		white-space: nowrap;
		font-family: "yu-mincho-pr6n", sans-serif;
		padding: 0 10px 0 0;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: 11px;
		letter-spacing: 0;
		margin: 0 0 0 5px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #5b4942;
		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 .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 #2f201b;
		color: #2f201b;
	}
	.btn_bg-color00{
		background: #2f201b;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}

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

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

	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 3% auto;
	}
	.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;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		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;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		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: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 40px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

}
/* ノート ------------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.sp-on{
		display: none !important;
	}

	.load{
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		transition: opacity 1s ease;
		overflow: hidden;
	}
	.load-video{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.load-logo{
		width: 25%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	header{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.mv-logo{
		width: 5%;
		position: absolute;
		top: 2%;
		right: 2%;
		z-index: 99;
	}
	.mv-silk{
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.silk_in-mv{
		width: 100%;
		overflow: hidden;
	}
	.silk_in-mv img {
		display: block;
		width: 150%;
		animation: silkSlide 10s ease-in-out infinite alternate;
	}
	.mv-img{
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}
	.mv-title-box{
		width: 75%;
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 15%;
	}
	.mv-title01{
		width: 60%;
		margin: 0 auto 2% auto;
		display: flex;
		justify-content: space-between;
	}
	.mv-title01 li .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-title01 li:nth-child(1){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title01 li:nth-child(2){
		width: 10%;
		position: relative;
		line-height: 0;
		left: 3%;
		top: 5%;
	}
	.mv-title01 li:nth-child(3){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title02{
		width: 100%;
		position: relative;
	}
	.mv-title02 .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-g{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	/* read */
	.read{
		width: max-content;
		margin: 0 auto;
		padding: 8% 0 10% 0;
		position: relative;
		z-index: 30;
	}
	.read .txt{
		font-size: min(12px + 0.4vw, 16px);
		line-height: 3em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
	}
	.read .txt .line01{
		background: linear-gradient(to right, #5b4942, #5b4942) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 7px;
		margin: 0 5px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line01.line-active{
		background-size: 100% 1px;
	}
	.read .txt .line02{
		background: linear-gradient(to right, #d4d4b3, #d4d4b3) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 7px;
		margin: 0 5px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line02.line-active{
		background-size: 100% 1px;
	}
	.read-line{
		display: block;
		opacity: 0;
		filter: blur(8px);
		transition: opacity 1.1s ease, filter 1.1s ease;
	}
	.read-line.active{
		opacity: 1;
		filter: blur(0);
	}

	/* wrap */
	.wrap-top{
		width: 100%;
		position: relative;
	}
	.wrap{
		width: 100%;
		position: relative;
	}
	.wrap .side{
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.side-in{
		width: 100%;
		position: sticky;
		top: 50vh;
		transform: translateY(-50%);
		left: 0;
		background: #fff;
		border-radius: 0 20px 20px 0;
	}

	/* item-top */
	.item-top{
		width: 85%;
		display: flex;
		justify-content: flex-start;
		margin: 0 0 8% auto;
		position: relative;
		z-index: 10;
		padding: 5% 0 0 0;
	}
	.item-top .icon{
		width: 15%;
		position: absolute;
		top: 7%;
		left: -2%;
		z-index: 20;
	}
	.item-top .img{
		width: 50%;
		overflow: hidden;
	}
	.item-top .data{
		width: 50%;
		display: flex;
		align-items: center;
		background: #fff;
	}
	.item-top .data .data-in{
		width: 80%;
		margin: 0 auto;
	}
	.item-top .data .data-in .sub-title{
		width: 60%;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title{
		font-size: min(20px + 0.4vw, 38px);
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title span{
		width: 100px;
		height: 1px;
		background: #5b4942;
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px 0 0;
	}
	.item-top .data .data-in .txt{
		font-size: min(9px + 0.4vw, 13px);
		line-height: 2.3em;
		letter-spacing: .2em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}

	/* item */
	.rever{
		flex-direction: row-reverse;
	}
	.item{
		width: 75%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 auto 8% auto;
	}
	.item .img{
		width: 50%;
		overflow: hidden;
	}
	.item .data{
		width: 50%;
		box-sizing: border-box;
		padding: 3% 8% 0 8%;
	}
	.item .data .title-box{
		width: max-content;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 0 8% 0;
	}
	.item .data .title-box li:nth-child(1){
		width: 13%;
        margin: 0 6% 0 0;
		background: #fff;
		overflow: hidden;
		border-radius: 10px;
	}
	.item .data .title-box li:nth-child(2){
		width: 76%;
		position: relative;
	}
	.item .data .title-box li:nth-child(2) .title{
		font-size: min(13px + 0.4vw, 24px);
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: nowrap;
	}
	.item .data .title-box li:nth-child(2) .line01{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line02{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line03{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line04{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line05{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line06{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line07{
		width: 50%;
		position: absolute;
		left: 0;
		top: 25%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line08{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line09{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line10{
		width: 70%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line11{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line12{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line13{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .txt{
		font-size: min(9px + 0.4vw, 15px);
		line-height: 2.3em;
		letter-spacing: .2em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: nowrap;
		margin: 0 0 10% 0;
	}
	.link-line-li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 5% 0;
	}
	.link-line-li li:nth-child(1){
		width: max-content;
		font-size: 1.5em;
		line-height: 1;
		letter-spacing: .05em;
		font-family: "baskerville-poster-pt", serif;
		font-weight: 400;
		font-style: italic;
		margin: 0 20px 0 0;
	}
	.link-line-li li:nth-child(1).color02{
		color: #d4d4b3;
	}
	.link-line-li li:nth-child(2){
		width: 1px;
		height: 23px;
		background: #5b4942;
		opacity: .5;
		margin: 0 20px 0 0;
		transform: rotate(30deg);
	}
	.link-line-li li:nth-child(3){
		width: 100%;
		height: 1px;
		background: #5b4942;
		opacity: .5;
		position: relative;
		top: 1px;
	}
	.item .data .link-box{
		width: 100%;
	}

	/* silk_bg */
	@keyframes silkSlide {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-30%); }
	}
	.silk_bg{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.silk_bg-top{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-bottom{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-c{
		position: absolute;
		left: 0;
		top: 40%;
		z-index: -1;
	}
	.silk_in{
		width: 100%;
		overflow: hidden;
	}
	.silk_in img {
		display: block;
		width: 150%;
		animation: silkSlide 6s ease-in-out infinite alternate;
	}
	.silk_out01{
		width: 100%;
		height: 15%;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to top, transparent, #fff);
		z-index: 10;
	}
	.silk_out02{
		width: 100%;
		height: 15%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: linear-gradient(to bottom, transparent, #fff);
		z-index: 10;
	}

	/* an-nav */
	.an-nav{
		width: 60px;
		position: fixed;
		right: 1%;
		bottom: 3%;
		z-index: 99;
		opacity: 0;
		transform: translateY(10px);
		pointer-events: none;
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.an-nav.is-visible{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.an-nav li:nth-child(1){
		width: 100%;
		background: #5b4942;
		margin: 0 0 10px 0;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li:nth-child(2){
		width: 100%;
		background: #d4d4b3;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.an-nav li a img{
		display: block;
		width: 100%;
		transition: transform 0.4s ease;
	}
	.an-nav li a .an-nav-hover{
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(100%);
	}
	.an-nav li:hover a img:not(.an-nav-hover){
		transform: translateY(-100%);
	}
	.an-nav li:hover a .an-nav-hover{
		transform: translateY(0);
	}

	/* cart-btn */
	.l-icon::before{
		content: url("../img/l-size.svg");
		width: 15px;
		height: 15px;
		display: inline-block;
		background-size: 13px 13px;
		position: relative;
		top: 0px;
		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: 15px;
		height: 15px;
		display: inline-block;
		background-size: 13px 13px;
		position: relative;
		top: 0px;
		margin: 0 10px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 1% 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-title {
		width: max-content;
		font-size: .8em;
		letter-spacing: .1em;
		position: absolute;
		line-height: 1.5em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	.cart-yen {
		font-size: 14px;
		letter-spacing: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		white-space: nowrap;
		font-family: "yu-mincho-pr6n", sans-serif;
		padding: 0 10px 0 0;
	}
	.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: #5b4942;
		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 .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 #2f201b;
		color: #2f201b;
	}
	.btn_bg-color00{
		background: #2f201b;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}
	/* 01 */
	.cart-btn .btn01 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #5b4942 !important;
	}
	/* 02 */
	.cart-btn .btn02 {
		background: #d4d4b3;
		border: 1px solid #d4d4b3;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #d4d4b3 !important;
	}

	/*f-banner*/
	.f-banner{
		width: 40%;
		margin: 0 auto 3% auto;
	}
	.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;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		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: 40%;
		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;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		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: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 40px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

}
/* タブレット ------------------------------------------------------*/
@media screen and (min-width: 768px)  and (max-width: 1024px) {
	.sp-on{
		display: none !important;
	}

	.load{
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		transition: opacity 1s ease;
		overflow: hidden;
	}
	.load-video{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.load-logo{
		width: 40%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	header{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.mv-logo{
		width: 4%;
		position: absolute;
		top: 2%;
		right: 1%;
		line-height: 0;
		z-index: 99;
	}
	.mv-silk{
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.silk_in-mv{
		width: 100%;
		overflow: hidden;
	}
	.silk_in-mv img {
		display: block;
		width: 150%;
		animation: silkSlide 10s ease-in-out infinite alternate;
	}
	.mv-img{
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}
	.mv-title-box{
		width: 75%;
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 15%;
	}
	.mv-title01{
		width: 60%;
		margin: 0 auto 2% auto;
		display: flex;
		justify-content: space-between;
	}
	.mv-title01 li .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-title01 li:nth-child(1){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title01 li:nth-child(2){
		width: 10%;
		position: relative;
		line-height: 0;
		left: 3%;
		top: 5%;
	}
	.mv-title01 li:nth-child(3){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title02{
		width: 100%;
		position: relative;
	}
	.mv-title02 .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-g{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	/* read */
	.read{
		width: max-content;
		margin: 0 auto;
		padding: 8% 0 10% 0;
		position: relative;
		z-index: 30;
	}
	.read .txt{
		font-size: min(11px + 0.4vw, 14px);
		line-height: 3em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
	}
	.read .txt .line01{
		background: linear-gradient(to right, #5b4942, #5b4942) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 7px;
		margin: 0 5px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line01.line-active{
		background-size: 100% 1px;
	}
	.read .txt .line02{
		background: linear-gradient(to right, #d4d4b3, #d4d4b3) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 7px;
		margin: 0 5px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line02.line-active{
		background-size: 100% 1px;
	}
	.read-line{
		display: block;
		opacity: 0;
		filter: blur(8px);
		transition: opacity 1.1s ease, filter 1.1s ease;
	}
	.read-line.active{
		opacity: 1;
		filter: blur(0);
	}

	/* wrap */
	.wrap-top{
		width: 100%;
		position: relative;
	}
	.wrap{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.wrap .side{
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.side-in{
		width: 100%;
		position: sticky;
		top: 50vh;
		transform: translateY(-50%);
		left: 0;
		background: #fff;
		border-radius: 0 20px 20px 0;
	}

	/* item-top */
	.item-top{
		width: 95%;
		display: flex;
		justify-content: flex-start;
		margin: 0 0 8% auto;
		position: relative;
		z-index: 10;
		padding: 5% 0 0 0;
	}
	.item-top .icon{
		width: 15%;
		position: absolute;
		top: 7%;
		left: -2%;
		z-index: 20;
	}
	.item-top .img{
		width: 50%;
		overflow: hidden;
	}
	.item-top .data{
		width: 50%;
		display: flex;
		align-items: center;
		background: #fff;
	}
	.item-top .data .data-in{
		width: 80%;
		margin: 0 auto;
	}
	.item-top .data .data-in .sub-title{
		width: 60%;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title{
		font-size: min(16px + 0.4vw, 28px);
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title span{
		width: 80px;
		height: 1px;
		background: #5b4942;
		display: inline-block;
		vertical-align: middle;
		margin: 0 15px 0 0;
	}
	.item-top .data .data-in .txt{
		font-size: min(8px + 0.4vw, 12px);
		line-height: 2.3em;
		letter-spacing: .2em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}

	/* item */
	.rever{
		flex-direction: row-reverse;
	}
	.item{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 auto 8% auto;
	}
	.item .img{
		width: 50%;
		overflow: hidden;
	}
	.item .data{
		width: 50%;
		box-sizing: border-box;
		padding: 3% 6% 0 6%;
	}
	.item .data .title-box{
		width: max-content;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 0 8% 0;
	}
	.item .data .title-box li:nth-child(1){
		width: 13%;
		margin: 0 6% 0 0;
		background: #fff;
		overflow: hidden;
		border-radius: 10px;
	}
	.item .data .title-box li:nth-child(2){
		width: 76%;
		position: relative;
	}
	.item .data .title-box li:nth-child(2) .title{
		font-size: min(11px + 0.4vw, 18px);
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: nowrap;
	}
	.item .data .title-box li:nth-child(2) .line01{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line02{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line03{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line04{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line05{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line06{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line07{
		width: 50%;
		position: absolute;
		left: 0;
		top: 25%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line08{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line09{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line10{
		width: 70%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line11{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line12{
		width: 60%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .title-box li:nth-child(2) .line13{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .data .txt{
		font-size: min(8px + 0.4vw, 12px);
		line-height: 2.3em;
		letter-spacing: .2em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: nowrap;
		margin: 0 0 10% 0;
	}
	.link-line-li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 5% 0;
	}
	.link-line-li li:nth-child(1){
		width: max-content;
		font-size: 1.2em;
		line-height: 1;
		letter-spacing: .05em;
		font-family: "baskerville-poster-pt", serif;
		font-weight: 400;
		font-style: italic;
		margin: 0 15px 0 0;
	}
	.link-line-li li:nth-child(1).color02{
		color: #d4d4b3;
	}
	.link-line-li li:nth-child(2){
		width: 1px;
		height: 25px;
		background: #5b4942;
		opacity: .5;
		margin: 0 15px 0 0;
		transform: rotate(30deg);
	}
	.link-line-li li:nth-child(3){
		width: 100%;
		height: 1px;
		background: #5b4942;
		opacity: .5;
	}
	.item .data .link-box{
		width: 100%;
	}

	/* silk_bg */
	@keyframes silkSlide {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-30%); }
	}
	.silk_bg{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.silk_bg-top{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-bottom{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-c{
		position: absolute;
		left: 0;
		top: 40%;
		z-index: -1;
	}
	.silk_in{
		width: 100%;
		overflow: hidden;
	}
	.silk_in img {
		display: block;
		width: 150%;
		animation: silkSlide 6s ease-in-out infinite alternate;
	}
	.silk_out01{
		width: 100%;
		height: 15%;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to top, transparent, #fff);
		z-index: 10;
	}
	.silk_out02{
		width: 100%;
		height: 15%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: linear-gradient(to bottom, transparent, #fff);
		z-index: 10;
	}

	/* an-nav */
	.an-nav{
		width: 55px;
		position: fixed;
		right: 1%;
		bottom: 1%;
		z-index: 99;
		opacity: 0;
		transform: translateY(10px);
		pointer-events: none;
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.an-nav.is-visible{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.an-nav li:nth-child(1){
		width: 100%;
		background: #5b4942;
		margin: 0 0 8px 0;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li:nth-child(2){
		width: 100%;
		background: #d4d4b3;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.an-nav li a img{
		display: block;
		width: 100%;
		transition: transform 0.4s ease;
	}
	.an-nav li a .an-nav-hover{
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(100%);
	}
	.an-nav li:hover a img:not(.an-nav-hover){
		transform: translateY(-100%);
	}
	.an-nav li:hover a .an-nav-hover{
		transform: translateY(0);
	}

	/* cart-btn */
	.l-icon::before{
		content: url("../img/l-size.svg");
		width: 13px;
		height: 13px;
		display: inline-block;
		background-size: 11px 11px;
		position: relative;
		top: 0px;
		margin: 0 8px 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: 11px 11px;
		position: relative;
		top: 0px;
		margin: 0 8px 0 0;
		line-height: 0;
		border: 1px solid #000;
		border-radius: 3px;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 1% 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-title {
		width: max-content;
		font-size: .75em;
		letter-spacing: .1em;
		position: absolute;
		line-height: 1.5em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	.cart-yen {
		font-size: 12px;
		letter-spacing: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		white-space: nowrap;
		font-family: "yu-mincho-pr6n", sans-serif;
		padding: 0 8px 0 0;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: 9px;
		letter-spacing: 0;
		margin: 0 0 0 4px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #5b4942;
		margin: 15px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 80px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 6px 0;
		position: relative;
		overflow: hidden;
	}
	.cart-btn .btn span {
		font-size: .75em;
		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 .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 #2f201b;
		color: #2f201b;
	}
	.btn_bg-color00{
		background: #2f201b;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}
	/* 01 */
	.cart-btn .btn01 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #5b4942 !important;
	}
	/* 02 */
	.cart-btn .btn02 {
		background: #d4d4b3;
		border: 1px solid #d4d4b3;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #d4d4b3 !important;
	}

	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.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;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		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;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		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: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 40px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

}
/* スマホ ------------------------------------------------------*/
@media screen and (max-width: 767px) {

	.pop05 {
		background: #fff;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		transition: box-shadow 0.7s ease-in-out 0.5s, background 0.7s ease-in-out 0.5s;
	}
	.pop05.active {
		animation: none !important;
		background: #f9f9f9;
		box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.1);
	}

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

	.load{
		width: 100%;
		height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		transition: opacity 1s ease;
		overflow: hidden;
	}
	.load-video{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: left center;
	}
	.load-logo{
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	header{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.mv-logo{
		width: 17%;
		position: absolute;
		top: 2%;
		right: 2%;
		z-index: 99;
	}
	.mv-silk{
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.silk_in-mv{
		width: 100%;
		overflow: hidden;
	}
	.silk_in-mv img {
		display: block;
		width: 140%;
		animation: silkSlide-mv 3s ease-in-out infinite alternate;
	}
	@keyframes silkSlide-mv {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-35%); }
	}
	.mv-img{
		width: 100%;
		overflow: hidden;
	}
	.mv-title-box{
		width: 90%;
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 5%;
		z-index: 30;
	}
	.mv-title01{
		width: 80%;
		margin: 0 auto 2% auto;
		display: flex;
		justify-content: space-between;
	}
	.mv-title01 li .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-title01 li:nth-child(1){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title01 li:nth-child(2){
		width: 10%;
		position: relative;
		line-height: 0;
		left: 3%;
		top: 5%;
	}
	.mv-title01 li:nth-child(3){
		width: 45%;
		position: relative;
		line-height: 0;
	}
	.mv-title02{
		width: 100%;
		position: relative;
	}
	.mv-title02 .on{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.mv-g{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 20;
	}

	/* read */
	.read{
		width: 100%;
		margin: 0 auto;
		padding: 12% 0 14% 0;
		position: relative;
		z-index: 30;
	}
	.read .txt{
		font-size: .9em;
		line-height: 2.8em;
		letter-spacing: .15em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		text-align: center;
	}
	.read .txt .line01{
		background: linear-gradient(to right, #5b4942, #5b4942) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 5px;
		margin: 0 3px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line01.line-active{
		background-size: 100% 1px;
	}
	.read .txt .line02{
		background: linear-gradient(to right, #d4d4b3, #d4d4b3) no-repeat left bottom;
		background-size: 0% 1px;
		padding: 0 0 2px 5px;
		margin: 0 3px 0 0;
		transition: background-size 0.8s ease;
	}
	.read .txt .line02.line-active{
		background-size: 100% 1px;
	}
	.read-line{
		display: block;
		opacity: 0;
		filter: blur(8px);
		transition: opacity 1.1s ease, filter 1.1s ease;
	}
	.read-line.active{
		opacity: 1;
		filter: blur(0);
	}

	/* wrap */
	.wrap-top{
		width: 100%;
		position: relative;
	}
	.wrap{
		width: 100%;
		position: relative;
	}
	.wrap .side{
		display: none;
	}

	/* item-top */
	.item-top{
		width: 90%;
		display: flex;
		flex-direction: column;
		margin: 0 auto 12% auto;
		position: relative;
		z-index: 10;
		padding: 5% 0 0 0;
	}
	.item-top .icon{
		width: 30%;
		position: absolute;
		top: 0%;
		left: -5.5%;
		z-index: 20;
	}
	.item-top .img{
		width: 100%;
		overflow: hidden;
	}
	.item-top .data{
		width: 100%;
		display: flex;
		align-items: center;
		background: #fff;
		padding: 8% 0;
	}
	.item-top .data .data-in{
		width: 80%;
		margin: 0 auto;
	}
	.item-top .data .data-in .sub-title{
		width: 55%;
		margin: 0 0 7% 0;
	}
	.item-top .data .data-in .title{
		font-size: 1.3em;
		line-height: 1.8em;
		letter-spacing: .3em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		margin: 0 0 5% 0;
		white-space: nowrap;
	}
	.item-top .data .data-in .title span{
		width: 40px;
		height: 1px;
		background: #5b4942;
		display: inline-block;
		vertical-align: middle;
		margin: 0 12px 0 0;
	}
	.item-top .data .data-in .txt{
		font-size: 0.8em;
		line-height: 2.3em;
		letter-spacing: .1em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		text-align: justify;
	}
	.item-top .data .data-in .txt br{
		display: none;
	}

	/* item */
	.rever{
		flex-direction: column;
	}
	.item{
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 0 auto 12% auto;
	}
	.item .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 7% 0;
	}
	.item .data{
		width: 85%;
		margin: 0 auto;
	}
	.item .title-box.sp-on{
		width: 90%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 auto 0% auto;
		padding: 5% 0 7% 0;
	}
	.item .title-box.sp-on li:nth-child(1){
		width: 20%;
		margin: 0 10% 0 0;
		background: #fff;
		border-radius: 8px;
	}
	.item .title-box.sp-on li:nth-child(1) img{
		border-radius: 8px;
	}
	.item .title-box.sp-on li:nth-child(2){
		width: 70%;
		position: relative;
	}
	.item .title-box.sp-on li:nth-child(2) .title{
		font-size: 1.3em;
		line-height: 1.7em;
		letter-spacing: .2em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: normal;
	}
	.item .title-box.sp-on li:nth-child(2) .line01{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -7%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line02{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line03{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line04{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line05{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line06{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -10%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line07{
		width: 90%;
		position: absolute;
		left: 0;
		top: 25%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line08{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line09{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line10{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line11{
		width: 50%;
		position: absolute;
		left: 0;
		bottom: -5%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line12{
		width: 80%;
		position: absolute;
		left: 0;
		bottom: -15%;
		z-index: -1;
	}
	.item .title-box.sp-on li:nth-child(2) .line13{
		width: 70%;
		position: absolute;
		left: 0;
		bottom: -10%;
		z-index: -1;
	}
	.item .data .txt{
		font-size: .9em;
		line-height: 2.3em;
		letter-spacing: .15em;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		white-space: normal;
		margin: 0 0 8% 0;
		text-align: justify;
	}
	.item .data .txt br{
		display: none;
	}
	.link-line-li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 5% 0;
	}
	.link-line-li li:nth-child(1){
		width: max-content;
		font-size: 1.2em;
		line-height: 1;
		letter-spacing: .05em;
		font-family: "baskerville-poster-pt", serif;
		font-weight: 400;
		font-style: italic;
		margin: 0 12px 0 0;
	}
	.link-line-li li:nth-child(1).color02{
		color: #d4d4b3;
	}
	.link-line-li li:nth-child(2){
		width: 1.3px;
		height: 17px;
		background: #5b4942;
		opacity: .5;
		margin: 0 12px 0 0;
		transform: rotate(30deg);
	}
	.link-line-li li:nth-child(3){
		width: 100%;
		height: 1px;
		background: #5b4942;
		opacity: .5;
		position: relative;
		top: 2px;
	}
	.item .data .link-box{
		width: 100%;
	}

	/* silk_bg */
	@keyframes silkSlide {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-20%); }
	}
	.silk_bg{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.silk_bg-top{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-bottom{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
	.silk_bg-c{
		position: absolute;
		left: 0;
		top: 40%;
		z-index: -1;
	}
	.silk_in{
		width: 100%;
		overflow: hidden;
	}
	.silk_in img {
		display: block;
		width: 140%;
		animation: silkSlide 6s ease-in-out infinite alternate;
	}
	.silk_out01{
		width: 100%;
		height: 15%;
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(to top, transparent, #fff);
		z-index: 10;
	}
	.silk_out02{
		width: 100%;
		height: 15%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: linear-gradient(to bottom, transparent, #fff);
		z-index: 10;
	}

	/* an-nav */
	.an-nav{
		width: 45px;
		position: fixed;
		right: 2%;
		bottom: 2%;
		z-index: 99;
		opacity: 0;
		transform: translateY(10px);
		pointer-events: none;
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	.an-nav.is-visible{
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	.an-nav li:nth-child(1){
		width: 100%;
		background: #5b4942;
		margin: 0 0 6px 0;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li:nth-child(2){
		width: 100%;
		background: #d4d4b3;
		overflow: hidden;
		border-radius: 1000px;
	}
	.an-nav li a{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.an-nav li a img{
		display: block;
		width: 100%;
		transition: transform 0.4s ease;
	}
	.an-nav li a .an-nav-hover{
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(100%);
	}
	.an-nav li:hover a img:not(.an-nav-hover){
		transform: translateY(-100%);
	}
	.an-nav li:hover a .an-nav-hover{
		transform: translateY(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: 0px;
        margin: 0 5px 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: 0px;
        margin: 0 5px 0 0;
        line-height: 0;
        border: 1px solid #000;
        border-radius: 3px;
	}
	.cart-btn {
		width: 100%;
		text-decoration: none;
		color: #000;
		transition: 0.3s;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 2% 0;
		font-family: "yu-mincho-pr6n", sans-serif;
		position: relative;
	}
	.cart-title {
		width: max-content;
		font-size: 14px;
		letter-spacing: 0px;
		position: absolute;
		line-height: 1.5em;
		white-space: nowrap;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	.cart-yen {
		font-size: 16px;
		letter-spacing: 0px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		white-space: nowrap;
		font-family: "yu-mincho-pr6n", sans-serif;
		padding: 0 6px 0 0;
	}
	.cart-yen .yen-icon {
		margin: 0 2px 0 0;
	}
	.cart-yen .tax {
		font-size: 11px;
		letter-spacing: 0;
		margin: 0 0 0 3px;
		position: relative;
		top: 1px;
	}
	.link-line01 {
		width: 100%;
		height: 1px;
		background: #5b4942;
		margin: 12px 0;
		opacity: .5;
	}
	.cart-btn .btn {
		width: 100px;
		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 .btn-bg {
		width: 150%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: -140%;
		clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
		transition: .5s;
	}
	.cart-btn:hover .btn .btn-bg {
		left: 0%;
	}
	/* 00 */
	.cart-btn .btn00 {
		background: #fff;
		border: 1px solid #2f201b;
		color: #2f201b;
	}
	.btn_bg-color00{
		background: #2f201b;
	}
	.cart-btn:hover .btn .btn-color00 {
		color: #fff !important;
	}
	/* 01 */
	.cart-btn .btn01 {
		background: #5b4942;
		border: 1px solid #5b4942;
		color: #fff;
	}
	.btn_bg-color01{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color01 {
		color: #5b4942 !important;
	}
	/* 02 */
	.cart-btn .btn02 {
		background: #d4d4b3;
		border: 1px solid #d4d4b3;
		color: #fff;
	}
	.btn_bg-color02{
		background: #fff;
	}
	.cart-btn:hover .btn .btn-color02 {
		color: #d4d4b3 !important;
	}

	/*f-banner*/
	.f-banner{
		width: 80%;
		margin: 15% auto 10% auto;
	}
	.f-banner-m{
		width: 80%;
		margin: 0 auto 15% auto !important;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		margin: 0 0 3% 0;
		background: #fff;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		transition: .3s;
	}
	
	/*f-banner02*/
	.f-banner02{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	.f-banner02-list{
		width: 80%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
		background: #fff;
		margin: 0 0 5% 0 !important;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		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 #ea6da4;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #fff;
		transition: .3s;
	}
	.footer_sns {
		margin: 0 0 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 25px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 0.5em;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
		color: #000000;
	}

	.in-btn{
		width: 35px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}

	.foot_fix_btn {
		position: fixed;
		z-index: 99;
		bottom: 0;
		left: 0;
		width: 100%;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		backdrop-filter: blur(10px);
		-ms-backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		background: rgba(255, 255, 255, .5);
		border-radius: 15px 15px 0 0;
	}
	.foot_fix_btn.js_hide {
		transform: translateY(100%);
	}
	.foot_fix_btn ul {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		text-align: center;
		font-size: 0;
	}
	.foot_fix_btn ul li:nth-child(1) {
		width: 50%;
		box-sizing: border-box;
		border-right: 1px solid #eee;
	}
	.foot_fix_btn ul li:nth-child(2) {
		width: 50%;
		box-sizing: border-box;
	}
	.foot_fix_btn ul li a {
		display: block;
		padding: 5px 0;
	}

}