@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Sawarabi+Gothic&family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&family=Noto+Serif+JP:wght@400;500;600;700;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese");
:root { --nextra-gold: #9b9363; --nextra-gold-darker: #776c2b; }

* { box-sizing: border-box; margin: 0; padding: 0; }

.navigation { background: rgba(0, 0, 0, 0.95); }

.shopmenu .toggle { background: #fff; }

.shopmenu .toggle:link, .shopmenu .toggle:visited { color: #333; }

.shopmenu .toggle:hover, .shopmenu .toggle:active { background: #ddd; }

.navigation .nav-concepts a { background-image: url("../images/menu-item00.png"); }

.navigation .nav-products a { background-image: url("../images/menu-item01.png"); }

.navigation .nav-shops a { background-image: url("../images/menu-item02.png"); }

.navigation .nav-company a { background-image: url("../images/menu-item03.png"); }

.navigation .nav-usage a { background-image: url("../images/menu-item04.png"); }

.navigation li a:hover span, .navigation .nav-current-page span, .navigation li.nav-company a:hover span, .navigation li.nav-company.nav-current-page span { border-bottom-color: #fff; }

header .menu-toggle-icon-mobile { filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%); }

main { margin-top: 55px; }

/*--グローバルナビ　ヘッダー修正--*/
@media only screen and (max-width: 767px) { header { height: 60px; background-color: #000; }
  .shopmenu-mobile .navigation-mobile a img { width: 163%; }
  .shopmenu-mobile .navigation-mobile .nav-concepts a { max-width: 142px; }
  .menu-overlay { background: #000; } }
@media only screen and (max-width: 480px) { header { background: #000; border-color: #000; }
  .img-overlay { background: none; }
  .shopmenu-mobile-toggle:link, .shopmenu-mobile-toggle:visited { background: #000; } }
video, iframe, img { max-width: 100%; }

.fadeIn { opacity: 0; transition-duration: 1.2s; }
.fadeIn.inView { opacity: 1; }

.upIn, .upIn2 { transform: translateY(40px); }
.upIn.inView, .upIn2.inView { transform: translateY(0); }

.downIn { transform: translateY(-40px); }
.downIn.inView { transform: translateY(0); }

.scaleIn { transform: scale(0.8); }
.scaleIn.inView { transform: scale(1); }

@keyframes fuwa { 0% { transform: translateY(-8px) rotate(-4deg); }
  50% { transform: translateY(4px) rotate(4deg); }
  100% { transform: translateY(-8px) rotate(-4deg); } }
@keyframes fuwa2 { 0% { transform: translateY(4px) rotate(4deg); }
  50% { transform: translateY(-8px) rotate(-4deg); }
  100% { transform: translateY(4px) rotate(4deg); } }
.fs07 { font-size: 0.7em; }

.fs08 { font-size: 0.8em; }

.txtR { text-align: right; }

.txtC { text-align: center; }

.tb, .ssp, .sp { display: none; }

.d_ib { display: inline-block; font-style: normal; }

.ffm { font-family: "Shippori Mincho", serif; }

.ffg { font-family: "Noto Sans JP", sans-serif; }

i.ffm { font-style: normal; }

.container { width: 1080px; max-width: 92%; margin-left: auto; margin-right: auto; }

.mx-auto { margin-left: auto; margin-right: auto; }

.flex { display: flex; }

.note { font-size: 11px; font-family: "Noto Sans JP", sans-serif; }
.note .flex { flex-wrap: wrap; }
.note .flex li { padding-right: 1em; }

.n505 { line-height: 1.6; font-family: "A1 Mincho", "Shippori Mincho", 'Noto Serif JP', serif; font-size: 16px; }
.n505 ul, .n505 ol { list-style: none; }
.n505 sup { font-size: clamp(9px, 0.5em, 14px); transform: translateY(-0.3em); display: inline-block; }
.n505-container { background: #000; }

.n505-kv { background: #000; }

.n505-kv-wrap { background: url("../images/main.jpg") no-repeat center/3300px; background-position: center; transition-delay: 0.2s; transition-duration: 1.5s; }
.n505-kv-wrap .container { background-position: top center; transition-delay: 1.3s; min-height: 625px; justify-content: center; gap: 500px; }
.n505-kv-wrap-sp { display: none; }

.kv-copy { justify-content: center; align-items: center; flex-direction: column; transition-delay: 1s; }
.kv-copy-left { width: 270px; }
.kv-copy-left h1 { margin-top: -8rem; }
.kv-copy-right { width: 280px; margin-top: -2rem; }
.kv-copy-right h1 { margin-bottom: 20px; }
.kv-copy-right h2 { width: 140px; }
.kv-copy h1 { width: 100%; }

.n505-lead { background: #000000; background-size: 1080px, 1080px; background-position: center top; color: #ffffff; padding-bottom: 8rem; margin-top: -1px; }
.n505-lead .note { margin-top: -2rem; margin-bottom: 6rem; }
.n505-lead h3 { font-size: 21px; text-align: center; font-weight: 500; line-height: 2.4; margin-bottom: 2rem; }
.n505-lead h3 sup { font-size: 0.5em; }
.n505-lead h3 rt { margin-bottom: 0px; }

.cycle { height: 500vh; position: relative; overflow: visible; line-height: 1.6; font-family: "A1 Mincho", "Shippori Mincho", 'Noto Serif JP', serif; font-size: 16px; /* Sticky wrapper */ /* Inner content layout */ /* Text section */ /* Image slider area */ /* Images inside slider */ }
.cycle-wrapper { position: sticky; top: 0; min-height: 100vh; background: url(../images/cycle-bg.jpg) no-repeat; background-size: cover; color: #ffffff; text-align: justify; padding: 12.5% 0 3rem; }
.cycle-content-top { display: flex; justify-content: center; gap: 40px; align-items: center; padding: 0 2rem 0; margin-bottom: 5rem; width: 100%; }
.cycle-left { width: 480px; align-self: center; }
.cycle-left dt img { height: 34px; margin-bottom: 30px; }
.cycle-left dd { font-size: 1.23em; font-weight: 300; }
.cycle-left .note { margin-top: -15px; }
.cycle-image-slider { width: 388px; height: 388px; position: relative; }
.cycle-image-group { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease; }
.cycle-image-group img { width: 100%; object-fit: cover; }
.cycle-image-group.active { opacity: 1; }
.cycle-bottom { justify-content: center; }
.cycle-bottom-content { margin-right: 1rem; position: relative; display: flex; flex-direction: column; justify-content: center; }
.cycle-bottom-content::before { content: ""; position: absolute; top: -45%; left: 0; width: 102%; border: 0.5px solid #ffffff; z-index: 1; top: 1px; }
.cycle-bottom-content::after { content: ""; position: absolute; bottom: -40%; left: 0; width: 102%; border: 0.5px solid #ffffff; z-index: 1; bottom: 1px; }
.cycle-bottom-image { line-height: 0; }
.cycle-bottom-image img { width: 238px; }
.cycle-bottom-text { margin-bottom: 1rem; font-size: 1.3em; font-weight: 400; }
.cycle-bottom-button a { display: inline-block; color: #fff; font-size: 13px; border-radius: 24px; padding: 4px 24px 5px 28px; text-decoration: none; line-height: 1.1; animation-duration: 0.6s; transition-duration: 1.0s; position: relative; overflow: hidden; background: linear-gradient(90deg, #9b9363 0%, #c0b471 50%, #9b9363 100%) center; }
.cycle-bottom-button a span { position: relative; z-index: 2; }
.cycle-bottom-button a::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 110%; height: 110%; left: -4%; background: linear-gradient(40deg, #9b9363 3%, #f5f3a2 12%, #f9e38f 20%, #9b9363 27%, #9b9363 70%, #f9e38f 80%, #f5f3a2 88%, #9b9363 97%) center; transition-duration: 0.8s; transform-origin: center; opacity: 0; transform: scale(0.9, 1); }
.cycle-bottom-button a:hover { transform: scale(1.1); }
.cycle-bottom-button a:hover::after { transform: scale(1.2, 1); opacity: 1; }
.cycle-bottom-button img { height: 23px; width: auto; }

.bubble { background-color: #000000; padding-bottom: 5rem; max-width: 94%; margin: 0 auto; }
.bubble .bubble-title { max-width: 990px; text-align: center; margin: 0 auto; padding: 2rem 0; color: white; }
.bubble .bubble-title h2 { color: #ffffff; font-size: 1.6em; margin-bottom: 1rem; font-weight: 500; }
.bubble .bubble-title p { font-size: 1.2em; margin-bottom: 0.5rem; font-weight: 300; }
.bubble .bubble-title .note { font-size: 12px; text-align: right; margin-right: 15px; }
.bubble-container { max-width: 990px; margin: 0 auto 4rem; padding: 0 0 40px 0; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.bubble-container h2 { color: #D7C984; font-size: 1.4rem; margin-bottom: 30px; text-align: center; }
.bubble-container h2 em { display: inline-block; font-style: normal; position: relative; }
.bubble-container h2 em::before, .bubble-container h2 em::after { content: ""; position: absolute; top: 50%; width: 6rem; height: 1px; background: #D7C984; }
.bubble-container h2 em::before { right: 103%; }
.bubble-container h2 em::after { left: 103%; }
.bubble .column-left { width: 420px; display: flex; flex-direction: column; width: 48%; }
.bubble .column-right { width: 480px; width: 48%; position: relative; }
.bubble .section-inner { display: flex; flex-wrap: wrap; justify-content: center; }
.bubble .bubbles { flex: 0 0 13%; margin: 1rem 0; text-align: center; color: white; font-size: 14px; opacity: 0; transition-duration: 1.0s; transition-delay: 1.0s; }
.bubble .bubbles:nth-child(even) { transform: translateY(2rem); }
.bubble .bubbles:nth-child(even) .bubble-img { animation: fuwa 12.0s 0.2s infinite linear; }
.bubble .bubbles:nth-child(odd) .bubble-img { animation: fuwa2 12.0s 0.2s infinite linear; }
.bubble .bubbles.b1 { margin-left: 4%; }
.bubble .bubbles.b3 { transform: translateY(-1rem); }
.bubble .bubbles.b6 { transform: translateY(-1rem); }
.bubble .bubbles.b7 { margin-right: 4%; }
.bubble .bubbles.b8 { transform: translateY(0rem); margin-right: 2%; }
.bubble .bubbles.b9 { transform: translateY(3.5rem); }
.bubble .bubbles.b11 { transform: translateY(1rem); }
.bubble .bubbles.b10 { transform: translateY(0); margin-right: 4%; }
.bubble .bubbles.b15 { margin-left: 4%; margin-right: 3%; }
.bubble .bubbles.b16 { margin-left: 2%; margin-right: 2%; }
.bubble .bubbles.b17 { transform: translateY(-2rem); margin-right: 2%; }
.bubble .bubbles.b18 { margin-right: 2%; }
.bubble .bubbles.b20 { margin-left: 2%; margin-right: 4%; }
.bubble .bubbles.b21, .bubble .bubbles.b22, .bubble .bubbles.b23 { margin-right: 2%; }
.bubble .bubbles.b1 { transition-delay: 0.1s; }
.bubble .bubbles.b2 { transition-delay: 0.2s; }
.bubble .bubbles.b3 { transition-delay: 0.3s; }
.bubble .bubbles.b4 { transition-delay: 0.4s; }
.bubble .bubbles.b5 { transition-delay: 0.5s; }
.bubble .bubbles.b6 { transition-delay: 0.6s; }
.bubble .bubbles.b7 { transition-delay: 0.7s; }
.bubble .bubbles.b8 { transition-delay: 0.8s; }
.bubble .bubbles.b9 { transition-delay: 0.9s; }
.bubble .bubbles.b10 { transition-delay: 1s; }
.bubble .bubbles.b11 { transition-delay: 1.1s; }
.bubble .bubbles.b12 { transition-delay: 1.2s; }
.bubble .bubbles.b13 { transition-delay: 1.3s; }
.bubble .bubbles.b13 { transition-delay: 1.3s; }
.bubble .bubbles.b14 { transition-delay: 1.2s; }
.bubble .bubbles.b15 { transition-delay: 1.1s; }
.bubble .bubbles.b16 { transition-delay: 1s; }
.bubble .bubbles.b17 { transition-delay: 0.9s; }
.bubble .bubbles.b18 { transition-delay: 0.8s; }
.bubble .bubbles.b19 { transition-delay: 0.7s; }
.bubble .bubbles.b20 { transition-delay: 0.6s; }
.bubble .bubbles.b21 { transition-delay: 0.5s; }
.bubble .bubbles.b22 { transition-delay: 0.4s; }
.bubble .bubbles.b23 { transition-delay: 0.3s; }
.bubble .bubbles.b24 { transition-delay: 0.2s; }
.bubble .bubbles.b25 { transition-delay: 0.1s; }
.bubble .bubbles.b26 { transition-delay: 0s; }
.bubble .bubble-img { padding: 0 1rem; }
.bubble x.bubble-img img { width: 100px; border-radius: 50%; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); background-color: #000; }
.bubble .label { margin-top: -5px; font-size: 11px; position: relative; z-index: 3; }
.bubble .label sup { position: absolute; white-space: nowrap; }
.bubble-bottom { color: #ffffff; text-align: center; font-size: 1.5rem; font-weight: 300; }
.bubble-bottom p { margin-bottom: 2rem; }
.bubble-bottom img { width: 420px; }
.bubble-bottom .note { margin: 2rem auto 0; max-width: 1100px; }
.bubble-bottom .note ul { text-align: left; justify-content: flex-start; }
.bubble .yellow-mark { position: relative; }
.bubble .yellow-mark::before { position: absolute; content: ""; width: .8em; height: .8em; background-color: #D7C984; top: .4em; transform: rotate(45deg); left: -1px; }
.bubble .bubble-title .note .yellow-mark::before { left: -3px; }

.bubble .inView .bubbles { opacity: 1; }

/* Section 1: Bubbles 1-5 */
x.section-1 .b1 { top: 25%; left: 0; transition-delay: 0.2s; }
x.section-1 .b2 { top: 0; left: 140px; transition-delay: 0.3s; }
x.section-1 .b3 { top: 10%; left: 300px; transition-delay: 0.4s; }
x.section-1 .b4 { top: 70%; left: 130px; transition-delay: 0.5s; }
x.section-1 .b5 { top: 60%; left: 270px; transition-delay: 0.6s; }

/* Section 2: Bubbles 6-18 */
x.section-2 { margin-top: 7.5rem; }
x.section-2 .section-inner { position: relative; min-height: 620px; }
x.section-2 .b6 { top: 0; left: 0; transition-delay: 0.7s; }
x.section-2 .b7 { top: 23%; left: 115px; transition-delay: 0.8s; }
x.section-2 .b8 { top: 7%; left: 210px; transition-delay: 0.9s; }
x.section-2 .b9 { top: 0; right: 25px; transition-delay: 1.0s; }
x.section-2 .b10 { top: 28%; right: 0; transition-delay: 1.1s; }
x.section-2 .b11 { top: 37%; left: 0; transition-delay: 1.2s; }
x.section-2 .b12 { top: 53%; left: 100px; transition-delay: 1.3s; }
x.section-2 .b13 { top: 40%; left: 230px; transition-delay: 1.4s; }
x.section-2 .b14 { top: 70%; left: 0; transition-delay: 1.5s; }
x.section-2 .b15 { top: 87%; left: 95px; transition-delay: 1.6s; }
x.section-2 .b16 { top: 73%; left: 200px; transition-delay: 1.7s; }
x.section-2 .b17 { top: 60%; left: 320px; transition-delay: 1.8s; }
x.section-2 .b18 { top: 84%; right: 0; transition-delay: 1.9s; }

/* Section 3: Bubbles 19-26 */
x.section-3 { margin-top: 40px; position: relative; height: 400px; padding-bottom: 3rem; }
x.section-3 .b19 { top: 0; left: 0; transition-delay: 2.0s; }
x.section-3 .b20 { top: 10%; left: 165px; transition-delay: 2.1s; }
x.section-3 .b21 { top: 0; left: 290px; transition-delay: 2.2s; }
x.section-3 .b22 { top: 45%; left: 0; transition-delay: 2.3s; }
x.section-3 .b23 { top: 85%; left: 50px; transition-delay: 2.4s; }
x.section-3 .b24 { top: 60%; left: 150px; transition-delay: 2.5s; }
x.section-3 .b25 { top: 85%; left: 245px; transition-delay: 2.6s; }
x.section-3 .b26 { top: 50%; right: 0px; transition-delay: 2.7s; }

.tech { background: #000000; color: #ffffff; padding-bottom: 2rem; }
.tech-title { background: url(../images/accordion-bg.png); background-size: cover; background-position: bottom; height: 200px; }
.tech-title-wrapper { width: 940px; max-width: 94%; margin: auto; }
.tech-title-wrapper img { height: 34px; margin: 60px 0 20px; }
.tech-title-wrapper p { font-size: 1.25rem; text-align: center; font-weight: 300; }
.tech-wrapper { width: 828px; max-width: 94%; margin: 2.5rem auto; }
.tech .accordion { border-top: 1px solid #ffffff; text-align: center; padding: 20px 0; position: relative; cursor: pointer; }
.tech .accordion::before { content: ""; position: absolute; background: url(../images/accordion-arrow.svg) no-repeat; width: 100%; height: 12px; bottom: -3px; left: 0; z-index: 1; }
.tech .accordion:hover { background: url(../images/accordion-box.png); background-size: cover; }
.tech .accordion.active { background: url(../images/accordion-box.png); background-size: cover; }
.tech .accordion.active::before { display: none; }
.tech .accordion img { height: 24px; }
.tech .accordion-open { align-items: center; justify-content: space-between; position: relative; padding: 4rem 0 6rem; }
.tech .accordion-open::before { content: ""; position: absolute; background: url(../images/accordion-arrow.svg) no-repeat; transform: rotate(180deg); width: 100%; height: 12px; bottom: 2rem; left: 0; z-index: 1; }
.tech .accordion-image { flex: 0 0 50%; padding: 0 3rem; }
.tech .accordion-text { flex: 0 0 50%; text-align: justify; }
.tech .accordion-text h3 { font-size: 1.3rem; padding-bottom: 1rem; border-bottom: 1px solid #ffffff; font-weight: 500; }
.tech .accordion-text p { padding-top: 1rem; font-size: 1.177rem; font-weight: 300; }
.tech .accordion-text p.notes { font-size: 11px; }
.tech-2 .accordion-open { align-items: stretch; padding-bottom: 9rem; flex-direction: row-reverse; }
.tech-2 .accordion-open .accordion-image { padding: 0; flex: 0 0 44%; position: relative; }
.tech-2 .accordion-open .accordion-image img { margin-left: 0; position: absolute; box-shadow: 0 3px 12px #333; }
.tech-2 .accordion-open .accordion-image img:nth-child(1) { width: 62%; z-index: 3; left: 0; top: 0; transform: translateY(-20%); }
.tech-2 .accordion-open .accordion-image img:nth-child(2) { width: 40%; z-index: 2; top: 60%; right: 0; transform: translateY(-50%); }
.tech-2 .accordion-open .accordion-image img:nth-child(3) { width: 40%; z-index: 1; bottom: 0; left: 50%; transform: translate(-50%, 70%); }
.tech-3 .accordion-open { flex-direction: row-reverse; align-items: stretch; padding-bottom: 8rem; }
.tech-3 .accordion-open .accordion-image { position: relative; }
.tech-3 .accordion-open .accordion-image img { margin-left: 0; position: absolute; box-shadow: 0 3px 12px #333; }
.tech-3 .accordion-open .accordion-image img:nth-child(1) { width: 48%; z-index: 3; left: 10%; top: 0; transform: translate(-10%, -20%); }
.tech-3 .accordion-open .accordion-image img:nth-child(2) { width: 40%; z-index: 2; top: 30%; right: 10%; }
.tech-3 .accordion-open .accordion-image img:nth-child(3) { width: 32%; z-index: 1; bottom: 0; left: 15%; transform: translate(0%, 40%); }
.tech-3 .accordion-open .accordion-text { margin-top: 30px; }

.prd { background: #000000; color: #ffffff; padding: 4rem 0; overflow: hidden; }
.prd h2 { margin-bottom: 4.6rem; text-align: center; position: relative; }
.prd h2 em { background: #fff; position: relative; display: inline-block; z-index: 2; padding: 0 1rem; }
.prd h2 em img { width: 432px; }
.prd h2::after { content: ""; position: absolute; z-index: 1; width: 100%; height: 1px; background: var(--nextra-gold) url("../images/line.svg") center; left: 0; top: 48%; width: 1px; left: 50%; transition-duration: 1.4s; transform: translateX(-50%); transition-delay: 0.3s; }
.prd h2.inView::after { width: 100%; transform: translateX(-50%); }
.prd h4 { color: var(--nextra-gold-darker); font-size: 1.35em; font-weight: 700; line-height: 1.4; scale: 1.1; }
.prd h4 .ls01 { letter-spacing: -0.08em; }
.prd h4.lsp01 { letter-spacing: 0.08em; }
.prd p { margin: 0.6rem 0 1.2rem; }
.prd a:hover { opacity: 0.75; transition: 0.2s; }
.prd .prd-title { width: 900px; max-width: 94%; margin: 0 auto 4rem; }
.prd .prd-title img { max-width: 422px; }
.prd .container { width: 745px; }
.prd .flex:nth-child(odd) { justify-content: start; position: relative; left: 30px; }
.prd .flex:nth-child(even) { justify-content: end; position: relative; right: 30px; }
.prd .prd-box { width: 900px; max-width: 100%; margin: 0 auto 8rem; }
.prd .prd-btn { margin: 0; }
.prd .prd-btn a.prd-btn-post { display: inline-block; background: url("../images/btn-buy.png") no-repeat 0 0; background-size: contain; }
.prd .prd-btn a.prd-btn-post img { opacity: 0; transition: 0.8s; }
.prd .prd-btn a.prd-btn-post:hover img { opacity: 1; }
.prd .prd-btn a:hover { opacity: 1; }
.prd .prd-btn + .note { margin: 0 0 4rem; }
.prd .prd-ph { position: absolute; content: ""; top: 0; width: 66%; z-index: 1; }
.prd .prd-ph:nth-child(odd) { left: -8%; }
.prd .prd-ph:nth-child(even) { right: -8%; }
.prd .prd-tx { width: 48%; position: relative; z-index: 2; }
.prd .prd-tx dt { line-height: 1.4; min-height: 2em; color: #ffffff; font-weight: 700; font-size: 1.5em; }
.prd .prd-tx dd span.ffm { display: block; font-size: 1.05em; }
.prd .prd-tx dd span.ffm em { font-style: normal; transform: translateX(-0.4em); display: inline-block; }
.prd .prd-tx dd p { line-height: 1.7; font-size: 1.1em; margin: 1rem 0; font-weight: 300; }
.prd .prd-tx dd .prd-btn { margin: 0; margin-top: 1rem; }
.prd .prd-tx dd .prd-note { background-color: #32393F; font-size: 0.8rem; padding: 0.5rem 1rem; border-radius: 15px; position: relative; }
.prd .prd-tx dd .prd-note:before { position: absolute; content: ""; background: url(../images/prd-line.png); bottom: -30px; left: 0; width: 100%; height: 1px; z-index: 1; }
.prd .prd-tx dd p.notes { font-size: 11px; margin: 0; }
.prd .prd-tx dd .prd-sub { display: flex; align-items: center; }
.prd .prd-tx dd .prd-sub img { width: 90px; }
.prd .prd-tx dd .prd-sub p { font-size: 0.8em; margin: 0 0 8px; margin-left: 10px; padding: 10px 0px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.prd .prd-tx dd .prd-sub small { display: block; text-align: right; }
.prd .prd-tx .iyaku { font-size: 10px; border: solid 1px #ffffff; display: inline-block; padding: 0.1rem 0.3rem; margin: 0.2rem 0; }
.prd .prd-tx .time { color: #ffffff; font-weight: 600; font-size: 1.25em; display: inline-block; margin: 1rem 0 0; font-family: "A1 Mincho", "Shippori Mincho", 'Noto Serif JP', serif; }
.prd .prd-tx .time ~ small { display: block; margin-bottom: 0.5rem; }
.prd .prd-tx .infotxt { font-size: 11px; font-weight: 300; }
.prd .prd-desc { padding-top: 1rem; position: relative; }
.prd .prd-desc:before { position: absolute; content: ""; background: url(../images/prd-line.png); top: 0; left: 0; width: 100%; height: 2px; z-index: 1; }

.step { background-color: #000000; color: #ffffff; padding-bottom: 4rem; }
.step .step-title { background: url(../images/accordion-bg.png); background-size: cover; background-position: bottom; height: 200px; }
.step .step-title-wrapper { width: 940px; max-width: 94%; margin: auto; }
.step .step-title-wrapper img { height: 34px; margin: 3rem 0 1rem; }
.step .step-title-wrapper p { font-size: 1.25em; font-weight: 300; }
.step .step-content { justify-content: center; max-width: 550px; margin: auto; gap: 60px; margin-top: 2rem; position: relative; z-index: 2; }
@keyframes revealArrow { to { opacity: 1; width: 520px; } }
.step .step-content .step-arrow { position: absolute; height: 29px; left: -20%; top: 52%; overflow: hidden; width: 520px; }
.step .step-content .step-arrow img { transform: translateX(-520px); transition-duration: 2.0s; transition-delay: 0.5s; }
.step .step-content.inView .step-arrow img { transform: translateX(0); }
.step .step-content-1 { transition-delay: .3s; }
.step .step-content-2 { transition-delay: .8s; }
.step .step-content-3 { transition-delay: 1.3s; }

.history-notes { width: 940px; max-width: 94%; margin: auto; padding: 4rem 0 0; }

.history { background-color: #000000; color: #ffffff; padding-bottom: 4rem; height: 540vh; }
.history-wrap { position: sticky; top: 32px; height: 100vh; z-index: 80; }
.history-title { background: url(../images/accordion-bg.png) no-repeat center bottom; background-size: cover; height: 200px; }
.history-title-wrapper { width: 940px; max-width: 94%; margin: auto; }
.history-title-wrapper img { height: 80px; margin: 3rem 0 1rem; }
.history-title-wrapper p { font-size: 1.25rem; font-weight: 300; }
.history .his_dots { position: absolute; right: calc(50% - 480px); top: 160px; height: calc(100vh - 240px); display: flex; align-items: center; z-index: 11; }
.history .his_dots ul { color: #aaa; font-size: 10px; }
.history .his_dots li { padding: 4px 0; opacity: 0.75; }
.history .his_dots li i { width: 8px; height: 8px; display: block; border: 1px solid #fff; border-radius: 50%; }
.history .his_dots li.active { opacity: 1; }
.history .his_dots li.active i { background: #fff; }
.history .history-parallax { position: absolute; width: 100%; top: 160px; opacity: 0; visibility: hidden; transition-duration: 1.0s; display: flex; height: calc(100vh - 240px); align-items: center; justify-content: center; font-size: 1rem; transition-duration: 1.0s; transform: translateY(20vh); }
.history .history-parallax .history-wrapper { background-color: #000000; align-content: center; transition: top 0.3s ease, transform 0.3s ease; }
.history .history-parallax .history-container { display: flex; justify-content: center; align-items: center; width: 920px; margin: 0 auto; max-width: 100vw; }
.history .history-parallax .history-container figure { flex: 0 0 48%; padding-left: 2rem; }
.history .history-parallax .history-container .history-txt { flex: 1; padding: 2rem 0 2rem 2rem; }
.history .history-parallax .history-container .history-txt h2 { font-size: clamp(14px, 4.4vw, 1.6em); margin-bottom: 1rem; }
.history .history-parallax.show { opacity: 1; visibility: visible; transform: translateY(0); }
.history .history-parallaxLast { height: 50vh; }

.ls02 { letter-spacing: -0.5em; }

.history x.history-parallax { display: block; position: sticky; top: 0; padding-top: 240px; }

@media (min-height: 1080px) { .history { height: 300vh; } }
@media (max-height: 700px) { .history .history-parallax { top: 200px; }
  .history .his_dots { top: 200px; } }
@media (max-width: 1080px) { .n505-kv-wrap { background-size: 320vw; }
  .n505-kv-wrap .container { gap: 50vw; }
  .n505-lead h3 { font-size: 20px; }
  .sticky-nav { height: 55px; }
  .history .his_dots { right: 16px; z-index: 10; }
  .history .history-parallax .history-container figure { flex: 0 0 44%; }
  .history .history-parallax .history-container .history-txt { padding-right: 2rem; } }
@media (max-width: 767px) { body { min-width: unset; }
  .pc { display: none; }
  .sp { display: block; }
  .shopmenu-mobile { top: 55px; }
  .shopmenu-mobile-toggle:link, .shopmenu-mobile-toggle:visited { background: #000; }
  .n505-kv-wrap { background: url(../images/main-sp.jpg) no-repeat; background-size: cover; background-position: bottom; min-height: 860px; min-height: 116vw; }
  .n505-kv-wrap-sp { display: flex; background: #000000; flex-direction: column; align-items: center; max-width: 92%; padding: 0 0 8rem; gap: 0; }
  .kv-copy { max-width: 85%; width: 590px; }
  .kv-copy h1 { margin-bottom: 2rem; }
  .kv-copy-right { width: 60%; margin: 0 auto; }
  .kv-copy-right h1 { margin-bottom: 1rem; }
  .kv-copy-right h2 { width: 190px; width: 60%; }
  .kv-copy-left h1 { margin-top: 0; }
  .n505-lead { margin-top: 0; padding-top: 6rem; padding-bottom: 3rem; }
  .n505-lead h3 { font-size: clamp(16px, 4vw, 24px); letter-spacing: -0.04em; }
  .n505-lead .container { padding: 0; }
  .n505-lead .note { margin-top: -11rem; }
  .cycle { height: 1000vw; }
  .cycle .cycle-wrapper { padding: 5rem 0 0; height: 240vw; }
  .cycle .cycle-left { max-width: 100%; width: auto; }
  .cycle .cycle-left dt img { height: 7vw; max-height: 36px; }
  .cycle .cycle-left dd { font-size: clamp(16px, 4vw, 21px); }
  .cycle .cycle-content-top { flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; padding: 0; max-width: 94%; margin: auto; }
  .cycle .cycle-bottom { position: relative; flex-wrap: wrap; }
  .cycle .cycle-bottom-text p { font-size: clamp(17px, 4.5vw, 26px); text-align: center; }
  .cycle .cycle-bottom-content { margin-right: 0; }
  .cycle .cycle-bottom-content:before { display: none; }
  .cycle .cycle-bottom-content:after { display: none; }
  .cycle .cycle-bottom-image { width: 72%; margin: auto; padding-bottom: 8vw; }
  .cycle .cycle-bottom-image img { width: 100%; }
  .bubble h2 { font-size: clamp(17px, 5.6vw, 32px); }
  .bubble .label { font-size: 10px; white-space: nowrap; }
  .bubble .bubble-container { justify-content: end; margin: 2rem auto 0; }
  .bubble .bubble-container h2 { transform: translate(3vw, -1em); padding-right: 1rem; }
  .bubble .bubble-container h2 em::before, .bubble .bubble-container h2 em::after { width: 12vw; }
  .bubble .bubbles { flex: 0 0 31%; }
  .bubble .bubbles:nth-child(even) { transform: translateY(0); }
  .bubble .bubbles:nth-child(1), .bubble .bubbles:nth-child(4), .bubble .bubbles:nth-child(6), .bubble .bubbles:nth-child(9), .bubble .bubbles:nth-child(11), .bubble .bubbles:nth-child(14), .bubble .bubbles:nth-child(16), .bubble .bubbles:nth-child(19), .bubble .bubbles:nth-child(22) { transform: translateY(-2rem); }
  .bubble .bubbles:nth-child(3), .bubble .bubbles:nth-child(5), .bubble .bubbles:nth-child(8), .bubble .bubbles:nth-child(17) { transform: translateY(-1rem); }
  .bubble .bubbles:nth-child(17), .bubble .bubbles:nth-child(24) { transform: translateY(1rem); }
  .bubble .bubbles:nth-child(19), .bubble .bubbles:nth-child(22), .bubble .bubbles:nth-child(25) { transform: translateY(2rem); }
  .bubble .bubbles.b1 { margin-left: 0; }
  .bubble .bubbles.b4, .bubble .bubbles.b5 { margin: 1em 5%; }
  .bubble .bubbles.b9, .bubble .bubbles.b10 { margin: 1rem 5%; }
  .bubble .bubbles.b14, .bubble .bubbles.b15, .bubble .bubbles.b22, .bubble .bubbles.b23 { margin: 1rem 5%; }
  .bubble .bubbles.b16, .bubble .bubbles.b21, .bubble .bubbles.b18 { margin-left: 0; margin-right: 0; }
  .bubble .bubble-img img { width: clamp(5vw, 25vw, 190px); }
  .bubble .column-left { width: 700px; max-width: 94%; }
  .bubble .bubble-bottom { font-size: clamp(18px, 5.1vw, 36px); font-weight: 300; text-align: left; margin: 0 auto; }
  .bubble .bubble-bottom p { max-width: 650px; }
  .bubble .bubble-bottom img { width: 100%; }
  .bubble .bubble-bottom .note { margin: 2rem 0 0; }
  .bubble .bubble-bottom .note li { padding-right: 0.8rem; }
  .bubble .bubble-title { text-align: justify; padding: 3rem 0 1rem; }
  .bubble .bubble-title h2 { font-size: clamp(20px, 5vw, 32px); position: relative; right: unset; }
  .bubble .bubble-title p { font-size: clamp(16px, 4.5vw, 24px); }
  .bubble .bubble-title .note { font-size: 12px; margin: 1rem 0 0; }
  .bubble .bubble-title .note .yellow-mark::before { top: .4em; width: .8em; height: .8em; }
  /* Section 1: Bubbles 1-5 */
  x.section-1 .section-inner { min-height: 60vw; }
  x.section-1 .b1 { top: 11%; left: 0; }
  x.section-1 .b2 { top: 25%; left: 46%; transform: translateX(-50%); }
  x.section-1 .b3 { top: 20%; left: auto; right: 10%; }
  x.section-1 .b4 { top: 65%; left: 10%; }
  x.section-1 .b5 { top: 65%; left: unset; right: 20%; }
  /* Section 2: Bubbles 6-18 */
  x.section-2 { margin-top: 40px; }
  x.section-2 .section-inner { min-height: 140vw; }
  x.section-2 .b6 { top: 5%; left: 0; }
  x.section-2 .b7 { top: 16%; left: 28%; }
  x.section-2 .b8 { top: 7%; left: unset; right: 14%; }
  x.section-2 .b9 { top: 25%; right: unset; left: 0; }
  x.section-2 .b10 { top: 26%; right: 3%; }
  x.section-2 .b11 { top: 35%; left: unset; right: 30%; }
  x.section-2 .b12 { top: 44%; left: 10%; }
  x.section-2 .b13 { top: 52%; left: unset; right: 5%; }
  x.section-2 .b14 { top: 61%; left: 0; }
  x.section-2 .b15 { top: 62%; left: 35%; }
  x.section-2 .b16 { top: 71%; left: unset; right: 12%; }
  x.section-2 .b17 { top: 80%; left: 7%; }
  x.section-2 .b18 { top: 88%; right: 36%; }
  /* Section 3: Bubbles 19-26 */
  x.section-3 { margin-top: 70px; height: unset; }
  x.section-3 .section-inner { min-height: 90vw; }
  x.section-3 .b19 { top: 17%; left: -5%; }
  x.section-3 .b20 { top: 9%; left: 26%; }
  x.section-3 .b21 { top: 17%; left: unset; right: 8%; }
  x.section-3 .b22 { top: 40%; left: 26%; }
  x.section-3 .b23 { top: 48%; left: unset; right: 10%; }
  x.section-3 .b24 { top: 61%; left: -5%; }
  x.section-3 .b25 { top: 75%; left: 37%; }
  x.section-3 .b26 { top: 83%; right: 5%; }
  .tech .tech-wrapper { max-width: 94%; }
  .tech .tech-title { margin-bottom: 4rem; height: auto; background-position: 75% bottom; }
  .tech .tech-title-wrapper { max-width: 94%; }
  .tech .tech-title-wrapper img { height: unset; width: 68%; margin: 60px 0 25px; height: 7vw; max-height: 36px; width: auto; }
  .tech .tech-title-wrapper p { text-align: justify; font-size: clamp(16px, 4vw, 21px); letter-spacing: -0.025em; }
  .tech .accordion { border-top: 1.5px solid #ffffff; padding: 20px 20px 40px; }
  .tech .accordion img { height: auto; height: 12vw; max-height: 53px; }
  .tech .accordion-open { height: auto; padding: 2rem 0; }
  .tech .accordion-image { padding: 0 1rem 0 0; }
  .tech .accordion-image img { margin-left: 0; max-width: 100%; object-position: center; object-fit: cover; }
  .tech .tech-1 .accordion-image img { aspect-ratio: 4 / 5; }
  .tech .tech-2 .accordion-image img:nth-child(1) { width: 90%; left: auto; right: 0; transform: translate(0, 0); }
  .tech .tech-2 .accordion-image img:nth-child(2) { aspect-ratio: 6 / 7; width: 72%; top: 54vw; transform: translate(0, 0); z-index: 1; }
  .tech .tech-2 .accordion-image img:nth-child(3) { width: 70%; left: 0; bottom: auto; top: 20vw; transform: translate(0, 50%); }
  .tech .tech-3 .accordion-image { padding-right: 0; padding-left: 1rem; }
  .tech .tech-3 .accordion-image img:nth-child(1) { width: 70%; left: auto; left: 4rem; transform: translate(0, 0); }
  .tech .tech-3 .accordion-image img:nth-child(2) { width: 70%; right: auto; left: 2rem; top: 25vw; }
  .tech .tech-3 .accordion-image img:nth-child(3) { width: 70%; left: auto; left: 3rem; bottom: auto; top: 60vw; transform: translate(0, 0); }
  .tech .accordion-text { width: 50%; }
  .tech .accordion-text h3 { font-size: clamp(17px, 4.8vw, 36px); font-weight: 400; padding-bottom: 25px; line-height: 1.3; margin-top: -10px; }
  .tech .accordion-text p { font-size: clamp(18px, 4.3vw, 31px); font-weight: 300; padding-bottom: 2rem; padding-top: 25px; }
  .tech .accordion-text p.notes { padding-top: 0; padding-bottom: 2rem; }
  .tech .accordion-open::before { background: url(../images/accordion-arrow-sp.svg) no-repeat; height: 21px; }
  .tech .accordion-open .accordion-text { margin-top: 0; }
  .tech .accordion::before { background: url(../images/accordion-arrow-sp.svg) no-repeat; height: 21px; }
  .prd { padding: 5rem 0; }
  .prd .flex { flex-wrap: wrap; left: 0 !important; right: 0; }
  .prd .flex:nth-child(odd) { flex-direction: column-reverse; }
  .prd .ls01 { letter-spacing: -0.1em; }
  .prd .prd-title { margin-bottom: 0; }
  .prd .prd-title img { max-width: 42%; margin-left: 2rem; }
  .prd .prd-box { text-align: center; margin: 0 auto; }
  .prd .prd-box:not(:nth-child(2)) { margin-top: 100px; }
  .prd .prd-box .prd-ph { position: relative; width: 100%; left: auto; right: auto; }
  .prd .prd-tx { width: 94%; padding: 0; margin: 0 auto; }
  .prd .prd-tx dt { font-size: clamp(18px, 6vw, 36px); }
  .prd .prd-tx dd span { font-size: clamp(18px, 4vw, 30px); }
  .prd .prd-tx dd .iyaku { font-size: clamp(12px, 3.3vw, 20px); }
  .prd .prd-tx dd .prd-btn img { width: 40vw; max-width: 220px; }
  .prd .prd-tx dd .prd-desc { text-align: justify; font-size: clamp(14px, 4vw, 31px); }
  .prd .prd-tx dd .prd-note { font-size: clamp(14px, 3.3vw, 28px); text-align: left; }
  .prd .prd-tx dd .prd-sub { justify-content: center; text-align: left; }
  .prd .prd-tx dd .prd-sub img { width: 25vw; }
  .prd .prd-tx dd .prd-sub p { font-size: clamp(14px, 3vw, 24px); line-height: 1.5; padding: 1em 0; margin-bottom: 1rem; }
  .prd .prd-tx dd .prd-btn { margin-top: 1rem; }
  .prd .prd-4 .prd-tx { top: -50px; }
  .prd .prd-detail { flex-direction: row; justify-content: flex-start; align-items: center; text-align: left; }
  .prd .prd-detail:first-child { margin-bottom: 2rem; }
  .prd .prd-detail_txt { margin-top: 0; margin-left: 1rem; }
  .prd .prd-detail_img { width: 35%; text-align: center; }
  .prd .prd-detail_img img { max-width: 90%; }
  .tech h2 { margin-bottom: 1rem; }
  .step { padding: 0 9 2rem; }
  .step .step-title { background: none; height: auto; }
  .step .step-title-wrapper { margin: 0 auto 3rem; }
  .step .step-title-wrapper img { width: 42%; margin: 0 0 1rem; }
  .step .step-title-wrapper p { font-size: clamp(12px, 3.8vw, 32px); }
  .step .step-content { width: 94%; gap: 30px; }
  .step .step-content .step-arrow { animation-delay: 2.0s; animation-duration: 2.0s; left: -4vw; opacity: 1; max-width: 72vw; }
  .history .history-title { background-size: auto 64vw; }
  .history .history-title-wrapper img { height: unset; width: 75%; margin: 3rem 0 1.5rem; }
  .history .history-title-wrapper p { font-size: clamp(14px, 4.05vw, 34px); }
  .history .history-parallax .history-wrapper { max-width: 100%; margin: 0 auto 0; }
  .history .history-parallax .history-wrapper img { width: 100%; }
  .history .history-parallax .history-wrapper h2 { margin: 30px 0 10px; font-size: clamp(14px, 4.8vw, 38px); padding: 0 3vw; text-align: left; }
  .history .history-parallax .history-wrapper p { font-size: clamp(14px, 3.6vw, 30px); text-align: left; padding: 0 3vw; }
  .history .history-parallax .history-container { display: block; }
  .history .history-parallax .history-container figure { padding-left: 0; }
  .history .history-parallax .history-container .history-txt { padding: 1rem 0; }
  .history .history-parallax .history-container .history-txt h2 { margin: 0 0 1rem; line-height: 1.4; }
  .history .his_dots { height: calc(100vh - 240px - 8rem); display: flex; align-items: center; }
  .history .his_dots li i { border: 1px solid #111; }
  .history .his_dots li.active i { background: #111; }
  .history .his_dots li.active.dot6 i { background: #fff; }
  .history .his_dots.nav6 li i { border-color: #fff; } }
@media (max-width: 640px) { .n505-kv-wrap .container figure { height: 99vw; }
  x.kv-copy h1 { margin-bottom: 1rem; }
  .bubble x.section-1 h2 { width: 70%; }
  .bubble x.section-2 h2 { width: 80%; }
  .bubble x.section-3 h2 { width: 97%; }
  .bubble x.yellow-mark::before { width: 10px; height: 10px; top: 6px; }
  .bubble .bubble-title x.note { font-size: clamp(18px, 4vw, 38px); margin: 1rem 0 2rem; }
  .bubble .bubble-title x.note .yellow-mark::before { top: 7px; width: 12px; height: 12px; } }
.ls01 { letter-spacing: -0.05em; }

@media (max-width: 480px) { .ssp { display: inline; }
  .n505 { font-size: 15px; }
  .n505-kv-wrap { min-height: 525px; }
  .cycle .cycle-left dt img { margin-bottom: 10px; }
  .cycle .cycle-wrapper { height: 165vh; height: auto; padding-bottom: 2rem; }
  x.bubble .bubble-img img { width: clamp(5vw, 23vw, 100px); }
  x.bubble .section-2, x.bubble .section-3 { margin-top: 0; }
  x.bubble .section-1 .section-inner { min-height: 400px; }
  x.bubble .section-2 .section-inner { min-height: 1040px; }
  x.bubble .section-3 .section-inner { min-height: 550px; }
  .tech .tech-title { margin-bottom: 0; }
  .tech x.tech-2 .accordion-image img { height: 100%; }
  .tech x.tech-2 .accordion-image img:nth-child(1) { width: clamp(150px, 41vw, 200px); right: 0; }
  .tech x.tech-2 .accordion-image img:nth-child(2) { width: clamp(100px, 28vw, 150px); height: clamp(150px, 30vw, 190px); right: -25%; top: 100px; }
  .tech x.tech-2 .accordion-image img:nth-child(3) { width: clamp(100px, 30vw, 195px); height: clamp(100px, 30vw, 195px); right: 20px; top: -175px; }
  .tech x.accordion-text { width: 50%; }
  .tech x.accordion-text h3 { font-size: clamp(18px, 5.1vw, 36px); }
  .tech x.accordion-text p { font-size: clamp(12px, 3.8vw, 18px); }
  .prd { padding: 2rem 0; }
  .prd .notes.txtR { text-align: left; }
  .history .history-parallax .history-wrapper h2 { font-size: clamp(14px, 4.5vw, 22px); }
  .history .history-parallax .history-wrapper p { font-size: clamp(11px, 3.5vw, 18px); } }
@media (max-width: 375px) { .tech1 .usability_box:not(.flower) { transform: translateX(-40px); }
  .tech1 .usability_box.flower { transform: translateX(40px); } }
@media (max-height: 640px) { .history .history-parallax .history-container figure { flex: 0 0 36%; } }
@media (max-height: 640px) and (max-width: 767px) { .history .history-title { position: static; } }
@media (max-height: 420px) { .history { height: 700vh; }
  .history .history-parallax .history-container figure { flex: 0 0 24%; }
  .step .step-title, .history-title { height: auto; }
  .history-title-wrapper img, .step .step-title-wrapper img { margin-top: 1rem; } }
/* =================================================
	footer
=================================================*/
/* EC shop Link Area */
.link_StyleShop { max-width: 100%; }

.link_StyleShop { font-family: 'Noto Serif', 'Noto Serif JP', serif; font-weight: 700; width: 940px; max-width: 100%; margin: 60px auto 60px; padding: 8px 0px 15px; border-radius: 3px; font-size: 13px; font-size: 0.8125rem; background-color: #ffffff; color: #666; }

.link_StyleShop p { padding: 0; margin: 0; }

.link_StyleShop .lss_title { margin-bottom: 40px; text-align: center; }

.link_StyleShop .ttl { font-family: 'Noto Serif', serif; font-size: 18px; /*  	font-size: 1.125rem;*/ font-weight: bold; text-align: center; position: relative; display: inline-block; padding: 0 380px; color: #000; }

.link_StyleShop .ttl:before, .link_StyleShop .ttl:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 365px; height: 1px; background-color: #ccc; }

.link_StyleShop .ttl:before { left: 0; }

.link_StyleShop .ttl:after { right: 0; }

.link_StyleShop .link_cont { display: flex; gap: 50px; justify-content: space-between; justify-content: center; width: 900px; margin: 0 auto; }

.link_StyleShop .shop_area, .link_StyleShop .style_area { position: relative; width: 415px; box-shadow: 0 0 3px rgba(4, 0, 0, 0.35); }

.link_StyleShop .shop_area img, .link_StyleShop .style_area img { width: 100%; }

.link_StyleShop .shop_area p { position: absolute; top: 29px; left: 220px; letter-spacing: 0.3em; line-height: 1.4; }

.link_StyleShop .style_area p { position: absolute; top: 29px; right: 20px; line-height: 1.4; font-weight: 700 !important; }

.link_StyleShop .shop_area p .line2, .link_StyleShop .style_area p .line2 { font-size: 16px; /*  font-size: 1rem;*/ letter-spacing: normal; display: inline-block; }

.link_StyleShop .style_area p .line2 { margin-left: 3em; }

.link_StyleShop .lss_arrow img { width: 22px; vertical-align: middle; }

.link_StyleShop a:hover .lss_arrow { margin-left: 0.4em; transition-duration: .3s; }

.link_StyleShop a { font-family: 'Noto Serif JP', serif; display: inline-block; font-size: 19px; /*  font-size: 1.1875rem;*/ font-weight: 700 !important; line-height: 0.5; vertical-align: middle; color: #106708; text-decoration: none; }

.link_StyleShop a:link { color: #106708; color: var(--nextra-gold-darker); }

.link_StyleShop a:visited { color: #106708; color: var(--nextra-gold-darker); }

.link_StyleShop a:hover { color: #68a062; color: var(--nextra-gold); }

.link_StyleShop a:hover img { opacity: 0.7; transition-duration: .3s; }

.link_StyleShop a:visited:hover { color: #68a062; color: var(--nextra-gold-darker); }

.link_StyleShop a:active { color: #106708; color: var(--nextra-gold-darker); }

@media screen and (min-width: 768px) and (max-width: 930px) { .link_StyleShop { width: 100%; margin: 0 auto 34px; }
  .link_StyleShop .lss_title { margin-bottom: 33px; }
  .link_StyleShop .ttl { font-size: 17px; font-size: 1.0625rem; padding: 0 298px; }
  .link_StyleShop .ttl:before, .link_StyleShop .ttl:after { width: 280px; }
  .link_StyleShop .link_cont { width: 718px; }
  .link_StyleShop .shop_area, .link_StyleShop .style_area { width: 330px; }
  .link_StyleShop .shop_area p { top: 21px; left: 162px; line-height: 1.4; }
  .link_StyleShop .style_area p { top: 21px; right: 12px; line-height: 1.4; }
  .link_StyleShop .shop_area p .line2, .link_StyleShop .style_area p .line2 { font-size: 14px; font-size: 0.875rem; }
  .link_StyleShop a { display: inline-block; font-size: 17px; font-size: 1.0625rem; } }
@media only screen and (max-width: 767px) { .link_StyleShop { width: 100%; background-color: #fff; margin: 0 auto; padding: 30px 0 58px; }
  .link_StyleShop .lss_title { margin-bottom: 27px; }
  .link_StyleShop .ttl { font-size: 3.8vw; padding: 0 110px; }
  .link_StyleShop .ttl:before, .link_StyleShop .ttl:after { width: 94px; }
  .link_StyleShop .link_cont { flex-direction: column-reverse; width: 90%; margin: 0 auto; }
  .link_StyleShop .shop_area, .link_StyleShop .style_area { width: 90%; margin: 0 auto; }
  .link_StyleShop .style_area { margin-bottom: 25px; }
    /*.link_StyleShop .shop_area {
	margin-bottom: 25px; }*/
  .link_StyleShop .shop_area p, .link_StyleShop .style_area p { position: absolute; top: 26%; left: 53%; right: 0; line-height: 1.4; }
  .link_StyleShop .shop_area p .line2, .link_StyleShop .style_area p .line2 { font-size: 3.2vw; }
  .link_StyleShop .style_area p .line2 { margin-left: 5em; }
  .link_StyleShop .lss_arrow img { width: 17px; }
  .link_StyleShop a { font-size: 3.8vw; } }
@media only screen and (max-width: 329px) { .link_StyleShop .ttl { padding: 0 80px; }
  .link_StyleShop .ttl { font-size: 4.2vw; }
  .link_StyleShop .ttl:before, .link_StyleShop .ttl:after { width: 64px; }
  .link_StyleShop .shop_area p, .link_StyleShop .style_area p { top: 23%; left: 49%; }
  .link_StyleShop .shop_area p .line2, .link_StyleShop .style_area p .line2 { font-size: 3.4vw; }
  .link_StyleShop a { font-size: 4.2vw; } }

/*# sourceMappingURL=nv505.css.map */