@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;600;700&display=swap');
@font-face {
  font-family: 'CenturyOld-Std-re';
  src: url('fonts/century-old-style-std-regular.woff') format('woff'),
       url('fonts/century-old-style-std-regular.woff2') format('woff2'),
       url('fonts/century-old-style-std-regular.ttf') format("truetype");
}
@font-face {
  font-family: 'CenturyOld-Std-bo';
  src: url('fonts/century-old-style-std-bold.woff') format('woff'),
       url('fonts/century-old-style-std-bold.woff2') format('woff2'),
       url('fonts/century-old-style-std-bold.ttf') format("truetype");
}
#site_body { overflow-x: visible!important; }
header.store_header_wrap.fixed-sp	{ z-index: 150; }
@media (max-width: 1000px) {
	#site_body { overflow-x: visible!important; }
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
}
.search_feature.active, 
.search_styling.active, 
.result_suggest	{ background-color: #fff; position: relative; z-index: 2; }
search_box	{ z-index: 3; }
.header_caution { height: 48px; }
#contents { width: 100%!important; max-width: 100%!important; padding: 0; margin: 0; }
#pisss { width: 100%!important; max-width: 100%!important; }
#pi { width: 100%!important; max-width: 100%!important; margin: 0; background-color: transparent!important; padding: 0; }
#pi > img { display: none!important; }
@media (min-width: 768px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}
.section_main, 
.seach_sort_wrapper,
.search_contents,
.bread	{ background-color: #fff; }
.seach_sort_wrapper,
.search_contents,
.bread,
.store_footer	{ position: relative; z-index: 2; }
.result_suggest	{ margin: 0; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.pi_lgzformat	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; }
.pi_lgzformat::after	{ position: fixed; top: 0; bottom: 0; width: 100%; height: 100vh; content:""; background: url(bg.jpg) center center / cover no-repeat; z-index: 1; }
.pi_lgzformat div	{ letter-spacing: 0; }
.pi_lgzformat *	{ color:#0A0A0A; letter-spacing: 0; font-family: "Zen Old Mincho", serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; }
.pi_lgzformat .en	{ font-family: "CenturyOld-Std-re", serif; }
.pi_lgzformat video, 
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.pi_lgzformat ul:before,
.pi_lgzformat ol:before,
.pi_lgzformat dl:before, 
.pi_lgzformat ul:after, 
.pi_lgzformat ol:after, 
.pi_lgzformat dl:after	{ display: none!important; }
.pi_lgzformat img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.pi_lgzformat .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat_inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #ffffff; z-index: 2; position: relative; overflow: visible; }
.pi_lgzformat_inner.columnbgcl	{ background-color: #d9e3e6; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-48px); }

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

/* ------------ MAIN SLIDER ------------- */
.tpslider.slick-slider .slick-track,
.tpslider.slick-slider .slick-list	{ height: 100%; }
.tpslider	{ width: 100%; height: 100%; padding: 0; margin: 0; position: relative; transition-delay: 2.4s!important; }
.mainimg	{ width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; }
.mainimg picture, 
.mainimg img	{ width: 100%; height: 100%; object-fit: cover; }
.slick-active .mainimg	{ transform: scale(1.0); }
.slide-animation	{ animation: fadezoom 12s 0s forwards; }
@keyframes fadezoom { 0% { transform: scale(1); } 100% { transform: scale(1.08); }}

/* ------------ MAIN AREA ------------- */
.mainarea-wrapper	{ display: block; width: 100%; position: relative; aspect-ratio: 113 / 50; overflow: hidden; background-color: #e2ceb2; opacity: 0; z-index: 2; }
.mainarea-wrapper.active	{ transition: opacity 2.4s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .1s; }
.maintxt	{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; gap: 60px; z-index: 2; padding: 0 4.3%; }
.maintxt > h2	{ font-size: clamp(12px, 160px, 6vw); line-height: .875; font-weight: 400; color:#fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); opacity: 0; transform: translateY(10px); }
.maintxt > p	{ font-size: clamp(12px, 32px, 1.16vw); line-height: 1.6; font-weight: 700; color:#fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); opacity: 0; transform: translateY(10px); }
.active .maintxt > h2	{ transition: opacity 2s cubic-bezier(.24,.155,.275,.945), transform 2s cubic-bezier(.24,.155,.275,.945); opacity: 1; transform: translateY(0); transition-delay: .6s; }
.active .maintxt > p	{ transition: opacity 2s cubic-bezier(.24,.155,.275,.945), transform 2s cubic-bezier(.24,.155,.275,.945); opacity: 1; transform: translateY(0); transition-delay: 1.2s; }
@media (max-width: 1000px)	{ 
	.mainarea-wrapper	{ aspect-ratio: 3 / 4; }
	.maintxt	{ padding: 15px 4.5%; justify-content: space-between; }
	.maintxt > h2	{ font-size: 9.8vw; line-height: .875; }
	.maintxt > p	{ font-size: 3.1vw; line-height: 1.4; }
	.maintxt > p br	{ display: none; }
}

/* ------------ NAVI ------------- */
ul.p3nav	{ width: 100%; height: 50px; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; padding: 0 4.3%; list-style: none; z-index: 3; }
ul.p3nav > li	{ position: relative; }
ul.p3nav > li::after	{ content:"/"; font-family: "CenturyOld-Std-re", serif; font-size: 20px; line-height: 1; }
ul.p3nav > li > a	{ color:#000; font-family: "CenturyOld-Std-re", serif; font-size: 20px; line-height: 1; padding: 0 .4em; }
ul.p3nav > li:last-child::after	{ display: none; }
ul.p3nav > li:last-child > a	{ cpadding: 0 0 0 .4em; }
@media (min-width: 1001px)	{ 
	ul.p3nav > li > a:hover	{ text-decoration: underline;  }
}
@media (max-width: 1000px)	{ 
	ul.p3nav	{ height: 56px; align-items: flex-start; padding: 5px 2%; list-style: none; z-index: 3; }
	ul.p3nav > li::after	{ font-size: 3vw; }
	ul.p3nav > li > a	{ font-size: 3vw; }
}
.pganchorhd	{ position: relative; transform: translateY(-48px); height: 0; }
@media (max-width: 1000px) {
	.pganchorhd	{ position: relative; transform: translateY(-47px); height: 0; }
}

/* ------------ ITEM AREA ------------- */
.itemarea-wrapper	{ width: 100%; display: -webkit-flex; display: flex; position: relative; flex-direction: column; margin: 0; z-index: 3; }
.itemarea-inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; position: relative; padding: 0 4.3%; z-index: 3; }
.itemarea-inner > h3	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; padding: .6em 0 .8em; border-top: 2px solid #000; border-bottom: 2px solid #000; }
.itemarea-inner > h3 > strong	{ font-family: "CenturyOld-Std-re", serif; min-width: 50%; white-space: nowrap; font-size: clamp(12px, 150px, 5.7vw); line-height: 1; }
.itemarea-inner > h3 > b	{ font-size: clamp(12px, 21px, 1.08vw); font-weight: 600; line-height: 1.8; padding: .2em 0 0; }
.itemarea-inner > h3 > b span	{ font-size: inherit; font-weight: inherit; display: block; }
@media (min-width: 1001px)	{ 
	.itemarea-inner > h3 > b br	{ display: none; }
}
@media (max-width: 1000px)	{ 
	.itemarea-inner	{ padding: 0; margin: 0 0 20px; }
	.itemarea-inner > h3	{ padding: .3em 0 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
	.itemarea-inner > h3 > strong	{ font-size: 9.8vw; min-width: 57%; padding: .18em 0 .12em 4.5%; }
	.itemarea-inner > h3 > strong.smmm	{ font-size: 7.3vw; }
	.itemarea-inner > h3 > b	{ font-size: 2.4vw; font-weight: 600; line-height: 1.2; padding: 0 .6em .6em 0; }
	.itemarea-inner > h3 > b span	{ display: none; }
}
.itemarea-history	{ display: -webkit-flex; display: flex; list-style: none; }
.itemarea-history > li	{ width: 50%; display: -webkit-flex; display: flex; flex-direction: column; padding: 65px 3.2% 80px; }
.itemarea-history > li:first-child	{ border-right: 1px solid #000; }
.itemarea-history > li:last-child	{ border-left: 1px solid #000; }
.itemarea-history > li > p	{ width: 100%; padding: 0; margin: 0; line-height: 1; }
.itemarea-history > li > p.imgttle	{ position: relative; padding: 0 0 0 26.45%; display: -webkit-flex; display: flex; margin: 0 0 46px; }
.itemarea-history > li > p.imgttle.coll	{ padding: 0 13.22%; margin: 0 0 30px; }
.itemarea-history > li > p.imgttle span.sqimg	{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); aspect-ratio: 1 / 1; }
.itemarea-history > li > p.imgttle span.sqyear	{ font-family: "CenturyOld-Std-bo", serif; position: absolute; left: 0; bottom: 0; z-index: 4; color:#981716; font-size: clamp(12px, 120px, 5vw); letter-spacing:.01em; line-height: 1; }
.itemarea-history > li > p.imgtxt	{ font-size: clamp(12px, 21px, 1.08vw); font-weight: 600; line-height: 1.7; }
@media (max-width: 1000px)	{ 
	.itemarea-history	{ flex-wrap: wrap; }
	.itemarea-history > li	{ width: 100%; padding: 12px 0 0; margin: 0 0 20px; }
	.itemarea-history > li:first-child	{ border-right: 0; }
	.itemarea-history > li:last-child	{ border-left: 0; }
	.itemarea-history > li > p.imgttle	{ padding: 0; margin: 0 0 10px; flex-wrap: wrap; }
	.itemarea-history > li > p.imgttle.coll	{ padding: 0; margin: 0; }
	.itemarea-history > li > p.imgttle span.sqimg	{ width: 100%; margin: 0 0 30px; }
	.itemarea-history > li > p.imgttle span.sqyear	{ width: 100%; padding: 0 4.5%; position: relative; left: auto; bottom: auto; font-size: 10vw; }
	.itemarea-history > li > p.imgtxt	{ padding: 0 4.5%; }
}

.itemarea-product	{ display: -webkit-flex; display: flex; list-style: none; border-bottom: 2px solid #000; }
.itemarea-product > li	{ width: 50%; padding: 0; }
.itemarea-product > li:first-child	{ border-right: 1px solid #000; padding: 50px 4.8% 45px; }
.itemarea-product > li:last-child	{ border-left: 1px solid #000; padding: 0 0 0 4.8%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.itemarea-product > li p	{ font-size: clamp(12px, 22px, 1.08vw); line-height: 1.8; font-weight: 600; }
.itemnamelink	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; gap: 30px; margin: 0 0 30px; }
.itemnamelink > li:first-child	{ font-family: "CenturyOld-Std-bo", serif; color:#981716; font-size: clamp(12px, 70px, 3vw); letter-spacing:.01em; line-height: 1; }
.itemnamelink > li:last-child a	{ font-size: clamp(12px, 40px, 1.8vw); letter-spacing:.01em; line-height: 1; height: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 .5em .1em; position: relative; z-index: 3; border: 2px solid #000; }
@media (min-width: 1001px)	{ 
	.itemnamelink > li:last-child a:hover	{ color:#fff; background-color: #000; }
}
.itemspec	{ list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; border-top: 1px solid #000; margin: 0 0 38px; }
.itemspec > dt	{ font-family: "CenturyOld-Std-re", serif; font-size: clamp(12px, 21px, 1.08vw); letter-spacing:.04em; line-height: 1.4; width: 6em; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 8px; }
.itemspec > dd	{ font-family: "CenturyOld-Std-re", serif; font-size: clamp(12px, 21px, 1.08vw); letter-spacing:.04em; line-height: 1.4; width: calc(100% - 6em); border-bottom: 1px solid #000; padding: 8px; }
.itemarea-prodimg	{ width: 100%; padding: 45px 4.8%; }
@media (max-width: 1000px)	{ 
	.itemarea-product	{ flex-wrap: wrap; border-bottom: 0; }
	.itemarea-product > li	{ width: 100%; }
	.itemarea-product > li:first-child	{ border-right: 0; padding: 10px 0 0; margin: 0 0 20px; }
	.itemarea-product > li:last-child	{ border-left: 0; padding: 0 4.8%; margin: 0 0 30px; }
	.itemnamelink	{ flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
	.itemarea-collection .itemnamelink	{ padding: 0 4.8%; }
	.itemnamelink > li:first-child	{ width: 100%; font-size: 9vw; }
	.itemnamelink > li:last-child a	{ font-size: 5vw; padding: .2em .5em .4em; border: 1px solid #000; }
	.itemspec	{ margin: 0 0 20px; }
	.itemspec > dt,
	.itemspec > dd	{ padding: 5px; }
	.itemarea-prodimg	{ width: 100%; padding: 0 0 30px; }
	.itemarea-collection .itemspec	{ width: calc(100% - 9.6%); margin: 0 4.8% 20px; }
}

.btminfarea	{ width: 100%; overflow: hidden; position: relative; z-index: 3; aspect-ratio: 80 / 33; }
.btminfarea > h5	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 50%;  }
.btminfarea > h5	{ font-family: "CenturyOld-Std-re", serif; color:#fff; font-size: clamp(12px, 70px, 3vw); line-height: .9; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); }
@media (max-width: 1000px)	{ 
	.btminfarea	{ aspect-ratio: 1 / 1; }
	.btminfarea > h5	{ left: 5%; font-size: 9vw; }
}

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