@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Zen+Old+Mincho&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%}body{background:linear-gradient(100deg,#190208,#3e041c);color:#fff;font-family:Zen Old Mincho,serif;font-size:1.6rem}h1{font-size:3.2rem}h2.heading{align-items:start;display:flex;flex-wrap:nowrap;padding:6rem 0 5.4rem;position:relative}h2.heading .title{font-family:Gloock,serif;font-size:5.4rem}@media screen and (max-width:959px){h2.heading .title{font-size:4.2rem}}@media screen and (max-width:639px){h2.heading .title{font-size:3.6rem}}h2.heading .subtitle{border-bottom:1px solid #fff;display:block;font-size:1.6rem;padding:.3em 0 .6em;width:100%}h2.heading.left{padding-left:80px}@media screen and (max-width:639px){h2.heading.left{padding-left:40px}}h2.heading.left .title{margin-right:3rem}@media screen and (max-width:639px){h2.heading.left .title{margin-right:1.5rem}}h2.heading.left .subtitle{text-align:left}h2.heading.right{padding-right:80px}@media screen and (max-width:639px){h2.heading.right{padding-right:40px}}h2.heading.right .title{margin-left:3rem}@media screen and (max-width:639px){h2.heading.right .title{margin-left:1.5rem}}h2.heading.right .subtitle{text-align:right}h2.heading.center{display:block;font-size:5.4rem;text-align:center;width:100%}@media screen and (max-width:959px){h2.heading.center{font-size:4.2rem}}@media screen and (max-width:639px){h2.heading.center{font-size:3.6rem}}p{font-size:1.6rem;line-height:2;margin-bottom:1.6rem}a:link{color:#456aff}a:visited{color:#fd868c}.font-accent{font-family:Gloock,serif}img{width:100%}.accent-color{color:red}.inner{margin:0 auto;max-width:1080px}.single-page{padding:120px 0 60px}.single-page-header{padding:40px 20px}.single-page-header .main-title-area{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;position:relative}.single-page-header .main-title-area .subtitle{font-family:Gloock,serif;font-size:4.2rem;position:absolute;top:0}@media screen and (max-width:959px){.single-page-header .main-title-area .subtitle{font-size:3.6rem}}@media screen and (max-width:639px){.single-page-header .main-title-area .subtitle{font-size:3rem}}.single-page-header .main-title-area .lines{height:60px;margin:40px 20px 0 0;overflow:hidden;padding-top:20px;position:relative;width:800px}.single-page-header .main-title-area .lines .line1{border-bottom:1px solid #fff;bottom:0;height:40px;position:absolute;width:260px}@media screen and (max-width:959px){.single-page-header .main-title-area .lines .line1{width:160px}}@media screen and (max-width:639px){.single-page-header .main-title-area .lines .line1{width:40px}}.single-page-header .main-title-area .lines .line2{border-right:1px solid #fff;bottom:-10px;height:58px;left:279px;position:absolute;transform:rotate(45deg)}@media screen and (max-width:959px){.single-page-header .main-title-area .lines .line2{left:179px}}@media screen and (max-width:639px){.single-page-header .main-title-area .lines .line2{left:59px}}.single-page-header .main-title-area .lines .line3{border-bottom:1px solid #fff;height:40px;left:300px;position:absolute;top:0;width:800px}@media screen and (max-width:959px){.single-page-header .main-title-area .lines .line3{left:200px}}@media screen and (max-width:639px){.single-page-header .main-title-area .lines .line3{left:80px}}.single-page-header .main-title-area .page-title{margin-top:40px}.single-page-header .page-title{flex-shrink:0;font-size:4.8rem;font-weight:700;text-align:center}@media screen and (max-width:959px){.single-page-header .page-title{font-size:3.8rem}}@media screen and (max-width:639px){.single-page-header .page-title{font-size:2.8rem}}.header{font-family:Gloock,serif;position:fixed;width:100%;z-index:10;z-index:1000}.header .global-nav{display:grid;overflow:hidden;padding:0 42px 0 0;transition-duration:.5s}@media screen and (max-width:959px){.header .global-nav{background:#00000080;border:1px solid #fff;height:48px;padding:0;position:fixed;right:20px;top:20px;width:48px}.header .global-nav.open{height:360px;width:180px}}.header .global-nav.open .sp-menu-button{height:60px;width:60px}.header .global-nav.open ul{opacity:1}.header .global-nav .sp-menu-button{cursor:pointer;display:none;height:48px;position:fixed;right:20px;top:20px;transition-duration:.5s;width:48px;z-index:1}@media screen and (max-width:959px){.header .global-nav .sp-menu-button{display:block}}.header .global-nav .sp-menu-button .menu-icon__cheeckbox{-webkit-touch-callout:none;cursor:pointer;display:block;height:100%;opacity:0;position:relative;position:absolute;width:100%;z-index:2}.header .global-nav .sp-menu-button div{bottom:0;height:12px;left:0;margin:auto;position:absolute;right:0;top:0;width:22px}.header .global-nav .sp-menu-button span{background-color:#fff;display:block;height:2px;position:absolute;transition:all .2s cubic-bezier(.1,.82,.76,.965);width:100%}.header .global-nav .sp-menu-button span:first-of-type{top:0}.header .global-nav .sp-menu-button span:last-of-type{bottom:0}.header .global-nav .sp-menu-button .menu-icon__cheeckbox:checked+div span:first-of-type,.header .global-nav .sp-menu-button.active span:first-of-type{top:5px;transform:rotate(45deg)}.header .global-nav .sp-menu-button .menu-icon__cheeckbox:checked+div span:last-of-type,.header .global-nav .sp-menu-button.active span:last-of-type{bottom:5px;transform:rotate(-45deg)}.header .global-nav .sp-menu-button.active:hover span:first-of-type,.header .global-nav .sp-menu-button.active:hover span:last-of-type,.header .global-nav .sp-menu-button:hover .menu-icon__cheeckbox:checked+div span:first-of-type,.header .global-nav .sp-menu-button:hover .menu-icon__cheeckbox:checked+div span:last-of-type{width:22px}.header .global-nav ul{align-items:center;display:flex;flex-wrap:nowrap;list-style:none;transition-duration:.5s}@media screen and (max-width:959px){.header .global-nav ul{display:block;opacity:0}}.header .global-nav ul li{display:block;flex-shrink:0;margin-left:2.4rem;padding:3.6rem 0}@media screen and (max-width:959px){.header .global-nav ul li{font-size:1.6rem;line-height:60px;margin-left:1.8rem;opacity:0;padding:0;transition-duration:.3s}.header .global-nav ul li.show{opacity:1}}.header .global-nav ul li a{color:#fff;position:relative;text-decoration:none;transition-duration:.4s}.header .global-nav ul li a:after{background:red;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition-duration:.4s;width:0}.header .global-nav ul li a:hover{color:red}.header .global-nav ul li a:hover:after{width:100%}.header .global-nav ul:before{border-bottom:1px solid #fff;content:"";top:30px;width:100%}.footer{background:#eee;color:#333;font-size:1.4rem;padding:60px 40px;text-align:center}.footer .organizer-logo{margin:20px auto 40px;max-width:180px;width:60%}.footer .social-links{margin-bottom:20px;text-align:center}.footer .social-links .icon{display:inline-block;height:24px;margin:0 1rem;width:24px}.footer .social-links .icon:hover{opacity:.5}.footer .social-links .icon svg{height:24px;width:24px}.footer .row{margin-bottom:.8rem}.footer .row span{display:inline-block}@media screen and (max-width:959px){.footer .row span{display:block;margin-bottom:1.2rem}}.footer .row span a{color:#333;text-decoration:underline;text-decoration-color:#666;text-decoration-style:dotted}.footer .row span:after{content:"|";padding:0 1.2rem}@media screen and (max-width:959px){.footer .row span:after{display:none}}.footer .row span:last-child:after{content:""}.glossary-popup{align-items:center;animation:fadeInBackground .5s forwards;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.glossary-popup.closing{animation:fadeOutBackground .5s forwards}.glossary-popup .bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;height:100%;left:0;position:absolute;top:0;width:100%}.glossary-popup .content{animation:zoomInContent .5s .5s forwards;border:1px solid #fff;max-width:720px;padding:40px;position:relative;transform:scale(0);width:90%;z-index:1001}@media screen and (max-width:959px){.glossary-popup .content{padding:20px}}.glossary-popup .content.closing{animation:zoomOutContent .5s forwards}.glossary-popup .content h2.label{background:#fff;box-sizing:border-box;color:#a11010;font-size:2.6rem;font-weight:700;height:60px;left:0;line-height:55px;padding:0 0 5px 4rem;position:absolute;top:0;width:180px}.glossary-popup .content h2.label:after{border-right:60px solid #0000;border-top:60px solid #fff;content:"";left:180px;position:absolute}.glossary-popup .content .glossary-header{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin-bottom:40px}@media screen and (max-width:959px){.glossary-popup .content .glossary-header{gap:20px;grid-template-columns:1fr}}.glossary-popup .content .glossary-header h3.title{border-bottom:1px solid #fff;font-size:2.4rem;font-weight:700;margin-top:80px;padding:2rem 0}.glossary-popup .content .glossary-header h3.title .subtitle{display:block;font-size:1.8rem;margin-top:1rem}.glossary-popup .content .glossary-header .gloassary-image{max-height:160px;overflow:hidden}.glossary-popup .content .gloassary-desc{font-size:1.5rem}.glossary-term{color:#a11010;cursor:pointer;position:relative;text-decoration:none}.glossary-term:after{background:#a11010;color:#fff;content:"?";font-family:Gloock,serif;font-size:10px;height:16px;line-height:16px;position:absolute;right:-12px;text-align:center;top:-18px;width:16px}@media screen and (max-width:639px){.glossary-term:after{border-radius:5px;display:inline-block;font-size:8px;height:10px;line-height:11px;margin-right:6px;position:relative;right:-3px;top:0;width:10px}}.glossary-term:before{border-right:4px solid #0000;border-top:6px solid #a11010;content:"";position:absolute;right:0;top:-2px}@media screen and (max-width:639px){.glossary-term:before{display:none}}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}@keyframes zoomInContent{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOutContent{0%{transform:scale(1)}to{transform:scale(0)}}.not-found{font-family:Gloock,serif;font-size:6rem;padding:20px;text-align:center}.not-found .glitch{position:absolute;z-index:1}.not-found .glitch:after,.not-found .glitch:before{content:"404";left:0;position:absolute;z-index:-1}.not-found .glitch:before{animation:slide-right .15s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 66%,0 66%);color:blue}.not-found .glitch:after{animation:slide-left .2s ease-in-out infinite;clip-path:polygon(0 33%,100% 33%,100% 100%,0 100%);color:red}@keyframes slide-left{to{transform:translateX(2px)}}@keyframes slide-right{to{transform:translateX(-2px)}}.not-found .offset{animation:offset 2s ease infinite;background:#000;color:#fff;position:absolute;transform:translateX(-2px);z-index:2}@keyframes offset{0%,to{clip-path:polygon(0 0,100% 0,100% 15%,0 15%)}50%{clip-path:polygon(0 85%,100% 85%,100% 100%,0 100%)}}.bgm-select{position:absolute}.hero{background:#000;padding-bottom:56.25%;position:relative;width:100%}.hero h1.logo{left:50%;margin:0;max-width:640px;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);width:50%;z-index:3}.hero .video-box video{z-index:1}.hero .video-box video,.hero:before{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.hero:before{background:#0009;content:"";z-index:2}.story{background:#000;height:100vh;min-height:640px;position:relative}@media screen and (max-width:639px){.story{height:auto}}.story .story-desc{box-sizing:border-box;left:50%;position:absolute;text-align:center;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);width:calc(100% - 240px)}@media screen and (max-width:959px){.story .story-desc{width:calc(100% - 180px)}}@media screen and (max-width:639px){.story .story-desc{left:0;padding:0 20px 40px;position:relative;top:0;transform:none;width:calc(100% - 60px);width:100%}}.story .story-desc p{margin-bottom:2.4rem}.story .outline-typo{-webkit-text-stroke:.5px red}@media screen and (max-width:639px){.story .outline-typo{display:none}}.characters{background:#d0d0d0;background:linear-gradient(31deg,#d0d0d0,#9f9f9f);height:100vh;max-height:1440px;overflow:hidden;position:relative}@media screen and (max-width:959px){.characters{max-height:1200px}}@media screen and (max-width:639px){.characters{max-height:960px}}.characters .heading{z-index:1}.characters:after{background:#000;background:linear-gradient(31deg,#00000059,#0000003d);content:"";filter:blur(5px);height:60%;opacity:.2;position:absolute;top:-30%;transform:rotate(12deg);width:120%;z-index:0}.characters .outline-typo{-webkit-text-stroke:.5px #fff}.movie{background:#000;overflow:hidden}.movie .video-box{margin:0 auto 40px;max-width:880px;position:relative}.movie .video-box .youtube-container{height:0;padding-bottom:56.25%;width:100%}.movie .video-box .youtube-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.credit{background:#000;padding-bottom:60px;text-align:center}.credit ul.credits{font-size:1.8rem}@media screen and (max-width:959px){.credit ul.credits{font-size:1.6rem}}.credit ul.credits li{margin-bottom:1.2rem}.credit ul.credits li a{color:#fff;text-decoration:underline;text-decoration-color:#666;text-decoration-style:dotted}.outline-typo{-webkit-text-fill-color:#0000;bottom:0;font-size:5.4rem;height:80px;margin:auto 0;position:absolute;top:0}@media screen and (max-width:959px){.outline-typo{opacity:.5}}.outline-typo.left{left:0;transform:rotate(-90deg)}.outline-typo.right{right:0;transform:rotate(90deg)}.loading{background:#000;height:100%;position:fixed;width:100%}.loading-effect{animation:pulse 1s infinite}.entrance{align-items:center;background:#000;display:flex;flex-direction:column;font-family:Gloock,serif;font-size:2.4rem;height:100%;justify-content:center;position:fixed;text-align:center;width:100%}.entrance .row{display:block;line-height:48px}.entrance button{background:none;border:none;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:2.4rem;transition-duration:.5s}.entrance button:hover{transform:skew(5deg,5deg)}.entrance button.bgm-button{color:#666;width:60px}.entrance button.bgm-button.on{color:red}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes EndingTypoFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ending-message .typo{margin:0 auto;max-width:880px;width:80%}@media screen and (max-width:959px){.ending-message .typo{width:100%}}.ending-message .typo img{margin-bottom:42vh;margin-top:35vh}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-in-bottom{animation:fadeInBottom 1s ease-out forwards}.card-container{height:1px;position:relative;width:100%}.chara-card{background:#fff;box-shadow:6px 6px 15px 0 #00000026;color:#666;height:54vw;left:0;margin:0 auto;max-height:590px;max-width:960px;overflow:hidden;padding:0 2.5rem 2.5rem;position:absolute;right:0;top:70px;transition:transform 2s,z-index 2s;width:90%}@media screen and (max-width:959px){.chara-card{height:75vw;max-height:560px}}@media screen and (max-width:639px){.chara-card{height:60vh;max-height:540px;padding:0 1.5rem 1.5rem;top:0}}@media screen and (min-width:1480px)and (max-height:1200px){.chara-card{height:50vh;top:0}}.chara-card .left{float:left;height:calc(100% - 100px);max-width:360px;position:absolute;top:0;width:38%}@media screen and (max-width:639px){.chara-card .left{box-sizing:border-box;clear:both;float:none;height:36%;max-height:200px;width:30%}}.chara-card .left .image{border:20px solid #fff;box-shadow:0 5px 15px 0 #00000029;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}@media screen and (max-width:959px){.chara-card .left .image{border:12px solid #fff}}@media screen and (max-width:639px){.chara-card .left .image{border:none}}.chara-card .left .image img{height:90%;left:50%;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);width:auto}.chara-card .left .image:before{background:linear-gradient(57deg,#000000b3,#000000e6);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.chara-card .left .color-label{height:20px;margin-bottom:24px;position:relative;width:100%}.chara-card .left .color-label:before{background:#fff;content:"";height:100%;position:absolute;right:60px;top:0;width:5px}.chara-card .left .color-label:after{background:#fff;content:"";height:100%;position:absolute;right:32px;top:0;width:5px}.chara-card .right{margin-left:calc(38% + 40px)}@media screen and (max-width:639px){.chara-card .right{margin-left:calc(29% + 25px)}}.chara-card .right .card-title{border-bottom:8px solid #666;font-size:2.6rem;font-weight:700;padding:1rem 0 .2rem}@media screen and (max-width:959px){.chara-card .right .card-title{border-bottom:6px solid #666;font-size:2.2rem}}@media screen and (max-width:639px){.chara-card .right .card-title{border-bottom:2px solid #666;font-size:1rem}}.chara-card .right .overview{clear:both;overflow:hidden;width:100%}.chara-card .right .overview .overview-item{border-bottom:1px solid #666;display:inline-block;line-height:25px;margin:.3rem;padding-bottom:.5rem}@media screen and (max-width:639px){.chara-card .right .overview .overview-item{line-height:1;margin:.2rem}}.chara-card .right .overview .label{display:inline-block;font-size:1.2rem;margin-right:.5rem}@media screen and (max-width:959px){.chara-card .right .overview .label{font-size:1rem}}@media screen and (max-width:639px){.chara-card .right .overview .label{font-size:.8rem}}.chara-card .right .overview .field{display:inline-block}.chara-card .right .overview .field .furigana{display:block;font-size:1.3rem}@media screen and (max-width:639px){.chara-card .right .overview .field .furigana{font-size:.8rem}}@media screen and (max-width:959px){.chara-card .right .overview .field{font-size:1rem}}@media screen and (max-width:639px){.chara-card .right .overview .field{font-size:.8rem}}.chara-card .right .overview .value{display:inline-block;font-size:1.8rem;font-weight:700}@media screen and (max-width:959px){.chara-card .right .overview .value{font-size:1.6rem}}@media screen and (max-width:639px){.chara-card .right .overview .value{font-size:1.3rem}}.chara-card .right .overview h3.name{font-size:2.8rem}@media screen and (max-width:959px){.chara-card .right .overview h3.name{font-size:2.4rem}}@media screen and (max-width:639px){.chara-card .right .overview h3.name{font-size:1.6rem}}.chara-card .right .longtext-container{position:relative}.chara-card .right .longtext-container.organization{padding-right:160px}@media screen and (max-width:639px){.chara-card .right .longtext-container.organization{padding:0}}.chara-card .right .longtext-container h3.title{font-size:2rem;font-weight:700;margin:1.8rem 0 1rem}@media screen and (max-width:959px){.chara-card .right .longtext-container h3.title{font-size:1.8rem}}@media screen and (max-width:639px){.chara-card .right .longtext-container h3.title{font-size:1.4rem;margin:1.2rem 0 .5rem}}.chara-card .right .longtext-container p{font-size:1.5rem}@media screen and (max-width:959px){.chara-card .right .longtext-container p{font-size:1.4rem;line-height:1.8}}@media screen and (max-width:639px){.chara-card .right .longtext-container p{font-size:2.5vw;line-height:5vw}}.chara-card .right .longtext-container .organization-logo{position:absolute;right:0;top:0;width:150px}@media screen and (max-width:639px){.chara-card .right .longtext-container .organization-logo{display:none}}.chara-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);margin-left:auto;margin-right:auto;margin-top:clamp(600px,60vh,880px);max-width:960px;padding:40px}@media screen and (max-width:959px){.chara-list{gap:16px;margin-top:clamp(540px,65vh,720px)}}@media screen and (max-width:639px){.chara-list{gap:8px;margin-top:clamp(180px,64vh,680px);padding:20px}}@media screen and (min-width:1480px)and (max-height:1200px){.chara-list{margin-top:570px}}.chara-list .item{border:10px solid #fff;box-shadow:0 5px 15px 0 #00000029;box-sizing:border-box;cursor:pointer;overflow:hidden;padding-bottom:140%;position:relative;z-index:2}@media screen and (max-width:959px){.chara-list .item{border:8px solid #fff}}@media screen and (max-width:639px){.chara-list .item{border:3px solid #fff}}.chara-list .item img{left:50%;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);width:100%}.chara-list .item:before{background:linear-gradient(57deg,#000000b3,#000000e6);z-index:0}.chara-list .item.selected:after,.chara-list .item:before{content:"";height:100%;position:absolute;right:0;top:0;width:100%}.chara-list .item.selected:after{background-color:#0000004d;background-image:repeating-linear-gradient(135deg,#0000,#0000 5px,#333 0,#333 8px);background-size:initial}.chara-list .item.selected img,.chara-list .item:hover img{width:110%}.chara-list .item .hyouji{bottom:0;color:#fff;font-size:2.5rem;height:80px;left:0;margin:auto;position:absolute;right:0;top:0;width:24px;writing-mode:vertical-rl;z-index:2}@media screen and (max-width:639px){.chara-list .item .hyouji{font-size:1.2rem;height:36px;width:12px}}.products-page{padding:20px}.products-grid{grid-gap:40px 20px;display:grid;gap:40px 20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.product-card{text-align:center}.product-card .product-image{height:auto;max-width:100%;overflow:hidden;padding-bottom:100%;position:relative}.product-card .product-image img{left:50%;margin:0;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);width:100%}.product-card .product-image.out-of-stock:after{align-items:center;background-color:#0000004d;background-image:repeating-linear-gradient(135deg,#0000,#0000 5px,#a11010 0,#a11010 7px);background-size:initial;color:#000;content:"完売";display:flex;font-size:6rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.product-card .product-desc{margin:20px 0 0}.product-card .product-desc .product-title{border-bottom:1px solid #fff;font-size:1.75rem;line-height:1.5;padding:0 0 1rem;text-align:left}.product-card .product-desc .product-price{border-bottom:1px solid #fff;font-size:2.2rem;line-height:48px;text-align:right}.product-card .product-desc .product-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;width:100%}@media screen and (max-width:639px){.product-card .product-desc .product-buttons{gap:10px}}.product-card .product-desc .product-buttons .product-button{background-color:#fff;border:1px solid #666;border-radius:6px;color:#000;display:block;line-height:36px;text-decoration:none;width:100%}.product-card .product-desc .product-buttons .product-button:hover{opacity:.8}.fc-only-subtitle{align-items:center;display:flex;font-size:2.8rem;font-weight:700;margin:20px 0;position:relative;text-align:center}@media screen and (max-width:959px){.fc-only-subtitle{font-size:2.4rem}}@media screen and (max-width:639px){.fc-only-subtitle{font-size:2.2rem}}.fc-only-subtitle:after,.fc-only-subtitle:before{background-image:repeating-linear-gradient(135deg,#0000,#0000 10px,#fff 0,#fff 20px);background-size:initial;content:"";flex-grow:1;height:20px}.fc-only-subtitle:before{margin-right:2rem}.fc-only-subtitle:after{margin-left:2rem}.fc-content{padding:20px;text-align:center}.fc-content .aikotoba-desc,.fc-content .overview{font-size:2rem}.fc-content .goto-membership-button{border:1px solid #fff;border-radius:8px;color:#fff;display:inline-block;font-weight:700;line-height:40px;margin-bottom:40px;padding:1rem 2.4rem;text-decoration:none}@media screen and (max-width:639px){.fc-content .goto-membership-button{padding:12px 0;width:100%}}.fc-content .goto-membership-button span{padding:0 .2rem}@media screen and (max-width:959px){.fc-content .goto-membership-button span{display:block;font-size:1.4rem;line-height:30px}}.fc-content .aikotoba-input{background:none;border:1px solid #fff;border-radius:8px;color:#fff;font-size:2.4rem;line-height:48px;line-height:40px;padding:1rem 2.4rem;text-align:center;width:200px}.news-list a{color:#fff;text-decoration:none}.news-list .news-card{height:150px;margin:20px 0;overflow:hidden;padding:20px}@media screen and (max-width:959px){.news-list .news-card{height:80px}}.news-list .news-card .news-date{float:left;font-family:Gloock,serif;font-size:6rem;height:150px;line-height:1.2;text-align:center;width:120px}@media screen and (max-width:959px){.news-list .news-card .news-date{font-size:3.2rem;height:80px;width:80px}}@media screen and (max-width:639px){.news-list .news-card .news-date{width:60px}}.news-list .news-card .news-date span{display:block}.news-list .news-card .news-thumbnail{float:left;height:150px;margin-left:10px;overflow:hidden;position:relative;width:240px}@media screen and (max-width:959px){.news-list .news-card .news-thumbnail{height:80px;width:150px}}@media screen and (max-width:639px){.news-list .news-card .news-thumbnail{width:140px}}.news-list .news-card .news-thumbnail img{height:auto;left:50%;margin:0;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);width:100%}.news-list .news-card .news-meta{margin-left:396px}@media screen and (max-width:959px){.news-list .news-card .news-meta{margin-left:266px}}@media screen and (max-width:639px){.news-list .news-card .news-meta{margin-left:230px}}.news-list .news-card .news-meta .news-title{font-size:2.3rem;font-weight:700;line-height:1.5;margin-bottom:.8rem}@media screen and (max-width:959px){.news-list .news-card .news-meta .news-title{font-size:2.1rem}}@media screen and (max-width:639px){.news-list .news-card .news-meta .news-title{font-size:1.6rem}}.news-list .news-card .news-meta .news-excerpt{font-size:1.5rem;line-height:1.5}@media screen and (max-width:639px){.news-list .news-card .news-meta .news-excerpt{display:none}}.news-detail{min-height:100vh;padding:20px 20px 80px}.news-detail header{margin-top:120px}.news-detail header h1{font-size:2.8rem;font-weight:700;line-height:1.5}.news-detail .news-thumbnail{margin:0 0 20px}.news-detail .news-content{line-height:1.5}.news-detail .news-content h2{font-size:2.2rem;font-weight:700;margin:2rem 0 0;padding:1.6rem 0 1rem}.news-detail .news-content h3{font-size:1.8rem;font-weight:700;margin:2rem 0 0;padding:1.6rem 0 1rem}.news-detail .news-content ul{list-style:disc;margin:0 0 0 24px}.news-detail .news-content table{width:100%}.news-detail .news-content table tbody tr{border-bottom:1px solid #666}.news-detail .news-content table tbody tr td{padding:.8rem;vertical-align:middle}.news-detail .news-content table tbody tr td p{margin:0}.news-detail .news-content img{height:auto;width:100%}