/* 自動生成：backup/20261106_hero_preview/gen_hero_poster.py（手で編集しない） */
@media screen and (min-width: 1065px) {
.hp-fx--1 .hp-scrim { background: linear-gradient(to right, rgb(74 70 66) 0.00%, rgb(77 73 70) 5.43%, rgb(87 83 80) 10.85%, rgb(102 99 96) 16.28%, rgb(121 118 115) 21.70%, rgb(142 139 137) 27.13%, rgb(164 162 161) 32.55%, rgb(187 185 184) 37.98%, rgb(208 207 206) 43.40%, rgb(227 226 226) 48.83%, rgb(242 241 241) 54.25%, rgb(251 251 251) 59.68%, rgb(255 255 255) 65.10%); }
.hp-fx--3 .hp-scrim { background: linear-gradient(to left, rgb(74 70 66) 0.00%, rgb(77 73 70) 5.43%, rgb(87 83 80) 10.85%, rgb(102 99 96) 16.28%, rgb(121 118 115) 21.70%, rgb(142 139 137) 27.13%, rgb(164 162 161) 32.55%, rgb(187 185 184) 37.98%, rgb(208 207 206) 43.40%, rgb(227 226 226) 48.83%, rgb(242 241 241) 54.25%, rgb(251 251 251) 59.68%, rgb(255 255 255) 65.10%); }
.hp-fx--2 .hp-scrim { background: radial-gradient(ellipse 62.0% 58.0% at 50.0% 50.0%, rgb(215 214 214) 0.00%, rgb(216 215 214) 8.33%, rgb(218 217 217) 16.67%, rgb(221 221 220) 25.00%, rgb(226 225 224) 33.33%, rgb(230 230 229) 41.67%, rgb(235 235 234) 50.00%, rgb(240 240 239) 58.33%, rgb(245 244 244) 66.67%, rgb(249 249 249) 75.00%, rgb(252 252 252) 83.33%, rgb(254 254 254) 91.67%, rgb(255 255 255) 100.00%); }
.hp-fx--1 .hp-scrim, .hp-fx--3 .hp-scrim { -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0.771) 0%, rgb(0 0 0 / 0.801) 10%, rgb(0 0 0 / 0.852) 20%, rgb(0 0 0 / 0.918) 30%, rgb(0 0 0 / 0.976) 40%, rgb(0 0 0 / 1.000) 50%, rgb(0 0 0 / 0.976) 60%, rgb(0 0 0 / 0.918) 70%, rgb(0 0 0 / 0.852) 80%, rgb(0 0 0 / 0.801) 90%, rgb(0 0 0 / 0.771) 100%); mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0.771) 0%, rgb(0 0 0 / 0.801) 10%, rgb(0 0 0 / 0.852) 20%, rgb(0 0 0 / 0.918) 30%, rgb(0 0 0 / 0.976) 40%, rgb(0 0 0 / 1.000) 50%, rgb(0 0 0 / 0.976) 60%, rgb(0 0 0 / 0.918) 70%, rgb(0 0 0 / 0.852) 80%, rgb(0 0 0 / 0.801) 90%, rgb(0 0 0 / 0.771) 100%); }
.hp-fx--1 .hp-lift { background: linear-gradient(to right, rgb(255 255 255 / 0.0000) 54.69%, rgb(255 255 255 / 0.0021) 57.62%, rgb(255 255 255 / 0.0078) 60.55%, rgb(255 255 255 / 0.0158) 63.48%, rgb(255 255 255 / 0.0250) 66.41%, rgb(255 255 255 / 0.0342) 69.34%, rgb(255 255 255 / 0.0422) 72.27%, rgb(255 255 255 / 0.0479) 75.20%, rgb(255 255 255 / 0.0500) 78.12%); }
.hp-fx--3 .hp-lift { background: linear-gradient(to left, rgb(255 255 255 / 0.0000) 54.69%, rgb(255 255 255 / 0.0021) 57.62%, rgb(255 255 255 / 0.0078) 60.55%, rgb(255 255 255 / 0.0158) 63.48%, rgb(255 255 255 / 0.0250) 66.41%, rgb(255 255 255 / 0.0342) 69.34%, rgb(255 255 255 / 0.0422) 72.27%, rgb(255 255 255 / 0.0479) 75.20%, rgb(255 255 255 / 0.0500) 78.12%); }
.hp-vignette { background: radial-gradient(ellipse 62% 62% at 50% 50%, rgb(0 0 0 / 0.0000) 0.0%, rgb(0 0 0 / 0.0000) 12.5%, rgb(0 0 0 / 0.0000) 25.0%, rgb(0 0 0 / 0.0000) 37.5%, rgb(0 0 0 / 0.0000) 50.0%, rgb(0 0 0 / 0.0008) 62.5%, rgb(0 0 0 / 0.0197) 75.0%, rgb(0 0 0 / 0.0620) 87.5%, rgb(0 0 0 / 0.1136) 100.0%, rgb(0 0 0 / 0.1400) 112.5%, rgb(0 0 0 / 0.1400) 125.0%); }
}
