:root{--canvas:#101c31;--canvas-rose:#172740;--ink:#e9edf6;--muted:#c0c9db;--deep:#c0d0e9;--rose:#adc5ec;--line:#52617a;--serif:'Noto Serif JP',serif}
.hero{background:#101c31}.hero:after{background:linear-gradient(90deg,#15233a 0%,#15233a 23%,transparent 68%)}.hero-photo{object-position:50% 52%}.hero-foot>span,.emotional-note{background:#172740;color:var(--ink)}.button{color:#172740}.button:hover{background:#adc5ec;color:#172740}.story:before{background:radial-gradient(ellipse at 10% 100%,#172740,transparent 60%)}.story-script{color:#32435e}.emotional:after{background:linear-gradient(90deg,#15233a,transparent 68%)}.final:after{background:linear-gradient(90deg,transparent 10%,#15233a 85%)}.emotional img,.final>img{object-position:center 53%}.size-options input:checked+span{background:var(--canvas-rose)}.purchase h2{font-size:36px}.site-header nav{background:#15233acc;padding:0 10px}.detail-image img{transform:scale(1.08)}
@media(max-width:600px){.hero:after{background:linear-gradient(180deg,#15233ae8 0%,#15233ab8 25%,transparent 46%,transparent 65%,#15233aeb 87%,#15233a 100%)}.emotional:after{background:linear-gradient(180deg,#15233aed,transparent 48%)}.final:after{background:linear-gradient(180deg,transparent 8%,#15233a55 30%,#15233af2 58%,#15233a 100%)}.hero-description,.purchase-panel>p:not([class]){font-size:15px}.story h2,.detail-title h2{font-size:22px}.purchase h2{font-size:33px}}