@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Gupter:wght@400;500;700&family=Zen+Old+Mincho:wght@400;500;700&display=swap');
#contents { margin: 0 auto; }
#lgzcontents	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:.1em; font-style: normal; line-height:1.75; -webkit-text-size-adjust:100%; color:#323232; -webkit-font-smoothing: antialiased; }
#lgzcontents *	{ color:#7B5454; font-feature-settings: normal; font-family: "Zen Old Mincho", serif; font-weight: 400; }
#lgzcontents .en	{ font-family: "Gupter", serif; font-weight: 400; }
#lgzcontents i	{ letter-spacing:.05em!important; font-weight: 700; }
#lgzcontents img, 
#lgzcontents picture,
#lgzcontents video	{ width: 100%; vertical-align: bottom; line-height: 1;  }
#lgzcontents img	{ width: 100%; vertical-align: bottom; line-height: 0; }
#lgzcontents a { transition: all .3s; color:#7B5454; }
#lgzcontents a:hover { color:#7B5454; text-decoration:none;}
#lgzcontents .small {font-size:80%;}
#lgzcontents .center-text	{ text-align: center; }

/* ------------ FADEIN ------------- */
.scrollIn	{ opacity: 0; }
.scrollIn.active	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .2s; }
.scrollActive	{ opacity: 0; }
.scrollActive.active	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .2s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}

/* ------------ MAIN ------------- */
.mainhero	{ width: 100%; background-color: #d5e1e3; padding: 66px 0 102px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; opacity: 0; }
.mainhero .mainttle	{ width: 32.422%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; line-height: 1; opacity: 0; }
.mainhero .mainttle h1	{ width: 52%; line-height: 1; padding: 0; margin: 0; }
.mainhero .mainimg	{ width: 35.157%; line-height: 1; opacity: 0; aspect-ratio: 4 / 5; }
.mainhero .mainbtm	{ width: 32.421%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; }
.mainbtm > h2	{ font-size: 20px; line-height: 1; letter-spacing:-.02em; margin: 0 0 15px; }
.mainbtm > .btnwap	{ width: 142px; height: 30px; display: -webkit-flex; display: flex; }
.mainbtm > .btnwap > a	{ color:#7B5454; font-size: 15px; line-height: 1; letter-spacing:-.02em; width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid #7B5454; border-radius: 30px; }
.mainbtm > .btnwap > a::before	{ content:""; width: 5px; height: 5px; border: 1px solid; border-color: #7B5454 #7B5454 transparent transparent; transform: rotate(45deg); position: absolute; left: 12px; top: 11px; }
.mainhero.active	{ transition: opacity 1s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .1s; }
.mainhero.active .mainttle	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: 1.2s; }
.mainhero.active .mainimg	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .8s; }
.mainhero.active .mainbtm	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: 1.2s; }
.btmarea-wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.btmarea-wrapper .mainbtm	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 80px 0; padding: 0 0 140px; }
@media (min-width: 1000.1px)	{ 
	.mainbtm > .btnwap > a:hover	{ color:#fff!important; background-color: #7B5454; }
	.mainbtm > .btnwap > a:hover::before	{ border-color: #fff #fff transparent transparent; }
}
@media (max-width: 1000px)	{ 
	.mainhero	{ flex-wrap: wrap; padding: 0; }
	.mainhero .mainttle	{ width: 100%; padding: 40px 0 24px; }
	.mainhero .mainttle h1	{ width: 46.666%; }
	.mainhero .mainimg	{ width: 84.544%;  }
	.mainhero .mainbtm	{ width: 100%; padding: 43px 0; }
	.mainbtm > h2	{ font-size: 21px; }
	.btmarea-wrapper .mainbtm	{ gap: 80px 0; padding: 0 0 180px; }
	.btmarea-wrapper .mainbtm > h2	{ font-size: 16px; }
}

/* ------------ IMG SET2.2 ------------- */
.itemset-wrapperwpp	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 276px; }
.itemset-wrapperwpp02	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 14%; margin: 0 0 140px;  }
.itemset-wrapperwpp03	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 25%; margin: 0 0 230px;  }
.itemset-wrapperwpp04	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 8.59%; margin: 0 0 337px;  }
.itemset-wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.itemset-wrapper.imgset02	{ align-items: flex-start; margin: 0 0 76px; }
.itemset-wrapperwpp .itemset-wrapper	{ width: 59.84%; }
.itemsetfull	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; }
.itemsetfull > li	{ width: 50%; line-height: 1; opacity: 0; overflow: hidden; }
.imgset02 .itemsetfull	{ width: 41.4%; }
.imgset02 .itemsetfull > li	{ width: 100%; }
.itemsetfull.active > li	{ transition: opacity 1.5s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .2s; }
.itemsetfull.active > li:last-child	{ transition-delay: .6s; }
.itemset-wrapperwpp04 .itemsetfull	{ justify-content: space-between;  }
.itemset-wrapperwpp04 .itemsetfull > li	{ width: calc(50% - 5px); }
.itemset-wrapperwpp04 .itemsetfull > li:first-child	{ margin: 0 0 394px; }
.itemset-wrapperwpp04 .itemsetfull > li:last-child	{ margin: 394px 0 0; }
@media (max-width: 1000px)	{ 
	.itemset-wrapperwpp	{ flex-wrap: wrap; margin: 0 0 44px; }
	.itemset-wrapperwpp02	{ padding: 0 3.2%; margin: 0 0 48px;  }
	.itemset-wrapperwpp03	{ padding: 0 6%; margin: 0 0 180px;  }
	.itemset-wrapperwpp04	{ padding: 0 3.2%; margin: 0 0 180px;  }
	.itemset-wrapperwpp .itemset-wrapper	{ width: 100%; padding: 0 0 0 9.333%; }
	.itemsetfull	{ flex-wrap: wrap; }
	.itemsetfull > li	{ width: 100%; }
	.imgset02 .itemsetfull	{ width: 87.73%; }
	.itemset-wrapperwpp04 .itemsetfull > li:first-child	{ margin: 0 0 106px; }
	.itemset-wrapperwpp04 .itemsetfull > li:last-child	{ margin: 106px 0 0; }
}
.imageimg01	{ width: 39%; line-height: 1; margin: 0 0 315px; }
.imageimg02	{ width: 100%; line-height: 1; margin: 0; }
.imageimg03	{ width: 32.81%; line-height: 1; padding: 0 0 0 3.125%; }
.imageimg04	{ width: 35.15%; line-height: 1; margin: 0 0 315px; }
.imageimg05	{ width: 36%; line-height: 1; margin: 0 0 417px; }
.imageimg06	{ width: 67.34%; line-height: 1; margin: 0 0 146px; }
@media (max-width: 1000px)	{ 
	.imageimg01	{ width: 66.666%; margin: 0 0 250px; }
	.imageimg03	{ width: 51.2%; padding: 0 0 0 3.2%; margin: 0 0 30px; }
	.imageimg04	{ width: 56.22%; line-height: 1; margin: 0 0 140px; }
	.imageimg05	{ width: 61.33%; padding: 0; margin: 0 0 140px; }
	.imageimg06	{ width: 92.6%; padding: 0; margin: 0 0 80px; }
}

.imgver	{ aspect-ratio: 4 / 5; overflow: hidden; }
.imgbes	{ aspect-ratio: 4 / 3; overflow: hidden; }
.imgver picture, 
.imgver img, 
.imgver video, 
.imgbes picture, 
.imgbes img	{ object-fit: cover; }


/* ------------ ITEM TEXT ------------- */
.itemtxtset	{ list-style: none; display: -webkit-flex; display: flex; position: relative; gap: 26px; padding: 37px 0 84px; }
.itemtxtset::before	{ content:""; position: absolute; top: 19px; left: 0; width: 23px; height: 1px; border-top: 1px solid #7B5454; display: block!important; line-height: 0;  opacity: 0; transition: all 1s; }
.itemtxtset::after	{ display: none; }
.itemtxtset.active::before	{ opacity: 1; }
.itemtxtset > li	{ display: -webkit-flex; display: flex; }
.itemtxtset > li > a	{ display: -webkit-flex; display: flex; flex-direction: column; line-height: 1; opacity: 1; }
.itemtxtset > li > a.notkink	{ pointer-events: none; cursor: auto; }
.itemtxtset > li > a > p	{ display: -webkit-flex; display: flex; gap: .4em; line-height: 1; overflow: hidden; }
.itemtxtset > li > a > p span	{ color:#7B5454; font-size: 12px; line-height: 18px; letter-spacing:-.02em; transform: translateY(1.5em); }
.itemtxtset > li > a > p span.active	{ transition: transform .6s cubic-bezier(.24,.155,.275,.945); transform: translateY(0); }
.itemtxtset > li > a > p.buybtn, 
.itemtxtset > li > a > p.soon	{ padding: .5em 0 0; }
.itemtxtset > li > a > p.buybtn span	{ color:#7B5454; font-size: 12px; line-height: 18px; letter-spacing:-.02em; font-weight: 700!important; }
.itemtxtset > li > a > p.buybtn span b	{ color:#7B5454; font-size: 12px; line-height: 18px; letter-spacing:-.02em; font-weight: 700!important; text-decoration: underline; }
.itemtxtset > li > a.notkink > p.buybtn span, 
.itemtxtset > li > a.notkink > p.buybtn span b	{ text-decoration: none; }
@media (min-width: 1000.1px)	{ 
	.itemtxtset > li > a:hover	{ transition: opacity .4s cubic-bezier(.24,.155,.275,.945); opacity: .5; }
}
.itemtxt-wrapper	{ display: -webkit-flex; display: flex; width: 100%; }
.itemtxt-wrapper.set01	{ padding-left: 3.125%; margin: 0 0 100px; }
.imgset02 .itemtxt-wrapper	{ width: 41.4%; justify-content: flex-end; }
@media (max-width: 1000px)	{ 
	.imgset02 .itemtxt-wrapper	{ width: auto; justify-content: flex-start; margin-left: 3.2%; }
	.itemtxtset	{ gap: 20px 14px; padding: 37px 0 84px; flex-wrap: wrap; }
	.itemtxtset.sp3col	{ gap: 10px; flex-wrap: nowrap; margin: 0 -12% 0 0; }
	.itemtxtset.sp2col	{ gap: 24px; }
	.itemtxtset.sp4col >li	{ min-width: 34%; }
	.itemtxtset > li > a > p	{ gap: .3em; }
	.itemtxtset > li > a > p span	{ font-size: 11px; line-height: 16px; }
	.itemtxtset > li > a > p.buybtn, 
	.itemtxtset > li > a > p.soon	{ padding: .3em 0 0; }
	.itemtxtset > li > a > p.buybtn span	{ font-size: 11px; line-height: 16px; }
	.itemtxtset > li > a > p span b	{ font-size: 11px; }
}
@media (max-width: 374px)	{ 
	.itemtxtset.sp3col	{ flex-wrap: wrap; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 1000px)	{ .pconly { display: none!important; } }
@media (min-width: 1000.1px)	{ .pconly { display: inline-block; } }
@media (max-width: 1000px)	{ .sponly { display: inline-block; } }
@media (min-width: 1000.1px)	{ .sponly { display: none!important; } }