body { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; } body, #brx-content { max-width: 100vw; overflow-x: clip; } .brxe-heading, .brxe-text, .brxe-text-basic { font-feature-settings: "palt" 1; letter-spacing: 0.05em; overflow-wrap: anywhere; } .brx-popup-backdrop { backdrop-filter: blur(6px); transition: all 0.2s; } .text-overflow-rows { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .three-rows { -webkit-line-clamp: 3; } .two-rows { -webkit-line-clamp: 2; } .one-row { -webkit-line-clamp: 1; } .vertical-text { writing-mode: vertical-rl; } .custom-ul ul { list-style: none; padding-left: 0; margin: 0; } .custom-ul li { position: relative; padding-left: 12px; }  .pswp__thumbnail-nav-wrapper { left: 50% !important; transform: translate(-50%, 0); .pswp__thumbnail-nav { transform: none !important; } } .custom-ul li::before { content: ''; display: inline-block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background-color: #000000; border-radius: 5px; } br.sp, br.tb { display: none !important; } @media (width <= 991px) { br.pc { display: none !important; } br.tb { display: block !important; } } @media (width <= 478px) { br.sp { display: block !important; } }  .anim-fade-left { opacity: 0; transform: translateX(60px); transition: opacity 1s ease, transform 1s ease; } .anim-fade-left.is-visible { opacity: 1; transform: translateX(0); } [data-builder-mode] .anim-fade-left { opacity: 1 !important; transform: none !important; }  .anim-fade-right { opacity: 0; transform: translateX(-60px);  transition: opacity 1s ease, transform 1s ease; } .anim-fade-right.is-visible { opacity: 1; transform: translateX(0); } [data-builder-mode] .anim-fade-right { opacity: 1 !important; transform: none !important; }