[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: 0.45s; transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: 0.55s; transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: 0.65s; transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: 0.85s; transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: 0.95s; transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=short-fade] { opacity: 0; visibility: hidden; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; } [data-aos=short-fade].aos-animate { opacity: 1; visibility: visible; } @media screen and (min-width: 760px), print { .collapsible li:not(:last-child) { margin-bottom: 4px; } } @media screen and (max-width: 759.98px) { .collapsible li:not(:last-child) { margin-bottom: 3px; } } .collapsible-header { box-sizing: border-box; display: -webkit-box; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; background-color: #f2f2f2; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; position: relative; } .collapsible-header:focus { outline: 0; } @media screen and (min-width: 980px), print { .collapsible-header { border: 1.5px solid #f2f2f2; -webkit-transition: background-color 150ms linear, border-color 150ms linear; transition: background-color 150ms linear, border-color 150ms linear; } } @media screen and (min-width: 760px), print { .collapsible-header { padding: 16px 0 16px; } } @media screen and (max-width: 759.98px) { .collapsible-header { padding: 20px 0 20px; border-left: 5px solid #d9d9d9; -webkit-transition: border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } } .collapsible-header .collapsible-header-iconQ { text-align: center; width: 87px; } .collapsible-header .collapsible-header-iconQ svg { width: 42px; height: 42px; fill: #8c8c8c; -webkit-transition: fill 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: fill 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen and (max-width: 759.98px) { .collapsible-header .collapsible-header-iconQ { display: none; } } .collapsible-header .collapsible-header-text { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; box-sizing: border-box; font-weight: 700; } @media screen and (min-width: 760px), print { .collapsible-header .collapsible-header-text { min-height: 69px; width: calc(100% - 87px); padding-right: 108px; padding-left: 27px; background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4 1px, transparent 1px, transparent 3px); background-image: linear-gradient(to bottom, #b4b4b4, #b4b4b4 1px, transparent 1px, transparent 3px); background-repeat: repeat-y; background-position: left top; background-size: 1px 4px; } } @media screen and (max-width: 759.98px) { .collapsible-header .collapsible-header-text { padding-left: 15px; width: 100%; padding-right: 53px; } } .collapsible-header .collapsible-header-text p { display: inline-block; -webkit-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen and (min-width: 760px), print { .collapsible-header .collapsible-header-text p { font-size: 16px; line-height: 1.6; margin-top: -0.39em; margin-bottom: -0.21em; } } @media screen and (max-width: 759.98px) { .collapsible-header .collapsible-header-text p { font-size: 12px; line-height: 1.6; margin-top: -0.39em; margin-bottom: -0.21em; } } @media screen and (min-width: 980px), print { .collapsible-header:hover .collapsible-header-iconQ svg { fill: #e60012; } .collapsible-header:hover .collapsible-header-text p { color: #e60012; } } .collapsible-header .collapsible-header-sidenav { background-color: #fc081a; border-radius: 50%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen and (min-width: 760px), print { .collapsible-header .collapsible-header-sidenav { width: 20px; height: 20px; right: 28px; } } @media screen and (max-width: 759.98px) { .collapsible-header .collapsible-header-sidenav { width: 4.41vw; height: 4.41vw; right: 16px; } } @media screen and (min-width: 760px), print { .collapsible-header .collapsible-header-sidenav svg { width: 50%; height: 50%; } } @media screen and (max-width: 759.98px) { .collapsible-header .collapsible-header-sidenav svg { width: 2.54vw; height: 2.54vw; } } .collapsible-header .collapsible-header-sidenav svg path { -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .collapsible-header .collapsible-header-sidenav svg .open { opacity: 1; } .collapsible-header .collapsible-header-sidenav svg .close { opacity: 0; } @media screen and (max-width: 759.98px) { .active .collapsible-header { border-color: #e60012; } } .active .collapsible-header .collapsible-header-iconQ svg { fill: #fc081a !important; } .active .collapsible-header .collapsible-header-sidenav { background-color: #b4b4b4; } .active .collapsible-header .collapsible-header-sidenav svg .open { opacity: 0; } .active .collapsible-header .collapsible-header-sidenav svg .close { opacity: 1; } .collapsible-body { display: none; box-sizing: border-box; } @media screen and (max-width: 759.98px) { .collapsible-body { border-left: 5px solid transparent; } } .collapsible-body .collapsible-header-iconA { text-align: center; width: 87px; } .collapsible-body .collapsible-header-iconA svg { width: 39px; height: 40px; fill: #8c8c8c; -webkit-transition: fill 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: fill 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen and (max-width: 759.98px) { .collapsible-body .collapsible-header-iconA { display: none; } } .collapsible-body .collapsible-body-text { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; box-sizing: border-box; } @media screen and (min-width: 760px), print { .collapsible-body .collapsible-body-text { width: calc(100% - 87px); padding-right: 27px; padding-left: 27px; background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4 1px, transparent 1px, transparent 3px); background-image: linear-gradient(to bottom, #b4b4b4, #b4b4b4 1px, transparent 1px, transparent 3px); background-repeat: repeat-y; background-position: left top; background-size: 1px 4px; min-height: 69px; } } @media screen and (max-width: 759.98px) { .collapsible-body .collapsible-body-text { padding-left: 15px; width: 100%; padding-right: 16px; min-height: 74px; } } @media screen and (min-width: 760px), print { .collapsible-body .collapsible-body-text p { font-size: 16px; line-height: 1.6; margin-top: -0.39em; margin-bottom: -0.21em; padding-bottom: 10px; } } @media screen and (max-width: 759.98px) { .collapsible-body .collapsible-body-text p { font-size: 12px; line-height: 1.6; margin-top: -0.39em; margin-bottom: -0.21em; padding-bottom: 1.34vw; } } .collapsible-body .collapsible-body-text .caution { color: #8c8c8c; } @media screen and (min-width: 760px), print { .collapsible-body .collapsible-body-text .caution { font-size: 12px; padding-left: 7px; text-indent: -7px; } } @media screen and (max-width: 759.98px) { .collapsible-body .collapsible-body-text .caution { font-size: 3.2vw; line-height: 5.87vw; padding-left: 1.6vw; text-indent: -1.6vw; } } .collapsible-body .collapsible-body-text .caution a.iconlink { text-decoration: underline; -webkit-transition: color 150ms linear; transition: color 150ms linear; } .collapsible-body .collapsible-body-text .caution a.iconlink:before { content: ""; display: inline-block; } @media screen and (min-width: 760px), print { .collapsible-body .collapsible-body-text .caution a.iconlink:before { width: 12px; height: 12px; margin-left: 5px; margin-right: 5px; } } @media screen and (max-width: 759.98px) { .collapsible-body .collapsible-body-text .caution a.iconlink:before { width: 3.2vw; height: 3.2vw; margin-left: 1.34vw; margin-right: 1.34vw; } } html[data-device="desktop"] .collapsible-body .collapsible-body-text .caution a.iconlink:hover { color: #e60012; } @media screen and (min-width: 760px), print { .collapsible-body .collapsible-body-text p:not(:last-of-type) + .nc3-a-button { margin-bottom: 8px; } } @media screen and (max-width: 759.98px) { .collapsible-body .collapsible-body-text p:not(:last-of-type) + .nc3-a-button { margin-bottom: 1.34vw; } } .collapsible-body-text-inner { margin-top: 2.14vw; } .collapsible-body-inner { line-height: 1.5; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; position: relative; } @media screen and (min-width: 760px), print { .collapsible-body-inner { padding: 16px 0 12px; } } @media screen and (max-width: 759.98px) { .collapsible-body-inner { padding: 20px 0 28px; } } .collapsible-body.animating { will-change: height, padding; -webkit-transition: height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding-top 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding-bottom 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding-top 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding-bottom 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .hardSwitch-connect { position: relative; } @media screen and (min-width: 980px), print { .hardSwitch-connect { overflow: hidden; padding-bottom: 120px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect { overflow: hidden; padding-bottom: 100px; } .hardSwitch-connect.type-lite { padding-bottom: 66px; } } @media screen and (max-width: 759.98px) { .hardSwitch-connect { padding-bottom: 18vw; overflow: hidden; } } .hardSwitch-connect .hardSwitch-iconlink .nc3-a-icon svg { fill: #8c8c8c !important; } .hardSwitch-connect.hardSwitch-connect--feature .hardSwitch-iconlink .nc3-a-icon svg { fill: #e60012 !important; } @media screen and (min-width: 980px), print { .hardSwitch-connectInner { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; padding: 0px 74px; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connectInner { display: block; } } .hardSwitch-connect__pic { position: relative; } .hardSwitch-connect__pic:before { content: ''; display: block; } @media screen and (min-width: 980px), print { .hardSwitch-connect__pic { width: calc(100% - 521px); max-width: 779px; } } @media screen and (max-width: 759.98px) { .hardSwitch-connect__pic { width: 94.4vw; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connect__pic { width: calc(100% - 70px); max-width: unset; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__pic { width: calc(100% - 43px); } } @media screen and (min-width: 980px), print { .hardSwitch-connect__pic:before { padding-bottom: 92.43%; } } @media screen and (max-width: 979.98px) { .hardSwitch-connect__pic:before { padding-bottom: 88.99%; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connect__pic:before { padding-bottom: calc(484 / 862 * 100%); } } .hardSwitch-connect__pic .hardSwitch-connect__pic-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: opacity 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } .hardSwitch-connect__pic .hardSwitch-connect__pic-item.is-active { opacity: 1; } .hardSwitch-connect__content { position: relative; z-index: 10; } @media screen and (min-width: 980px), print { .hardSwitch-connect__content { width: 468px; } } @media screen and (max-width: 979.98px) { .hardSwitch-connect__content { padding: 0 5.6vw; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connect__content { padding-right: 0; width: auto; } } .hardSwitch-connect__content__head { background-color: #e60012; } @media screen and (min-width: 980px), print { .hardSwitch-connect__content__head { position: relative; width: calc(100% + 170px); margin-left: -170px; margin-top: 45px; margin-bottom: 42px; padding: 28px 0; } } @media screen and (max-width: 759.98px) { .hardSwitch-connect__content__head { width: 94.67vw; margin-right: -5.6vw; margin-top: -7.2vw; padding: 4.27vw 0; margin-bottom: 6.14vw; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connect__content__head { margin: -104px 0 40px auto; padding: 38px 116px 40px 38px; width: 468px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__content__head { padding: 25px 136px 26px 42px; margin-top: -46px; width: 440px; } } .hardSwitch-connect__content__head:after { content: ""; display: block; position: absolute; top: 0; left: 100%; height: 100%; background-color: #e60012; width: calc(max(calc((100vw - (1440px - 148px)) / 2), 74px)); } .hardSwitch-connect.type-lite .hardSwitch-connect__content__head { background-color: #646464; } .hardSwitch-connect.type-lite .hardSwitch-connect__content__head:after { background-color: #646464; } .hardSwitch-connect.type-switch .hardSwitch-connect__content__head { background-color: #e60012; } .hardSwitch-connect.type-switch .hardSwitch-connect__content__head:after { background-color: #e60012; } .hardSwitch-connect__content__head__pic { margin: 0 auto; background-size: contain !important; background-repeat: no-repeat; background-position: left; } @media screen and (min-width: 980px), print { .hardSwitch-connect__content__head__pic { width: 86.37%; } } @media screen and (max-width: 979.98px) { .hardSwitch-connect__content__head__pic { width: 82.8vw; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connect__content__head__pic { width: auto; } } .hardSwitch-connect__content__head__pic:before { content: ''; display: block; } @media screen and (min-width: 980px), print { .hardSwitch-connect__content__head__pic:before { padding-bottom: 17.43%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__content__head__pic:before { padding-bottom: 30px; } } @media screen and (max-width: 759.98px) { .hardSwitch-connect__content__head__pic:before { padding-bottom: 18.04%; } } @media screen and (min-width: 1181px) and (max-width: 1365px) { .hardSwitch-connect__content__item { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; } } @media screen and (min-width: 980px), print { .hardSwitch-connect__content__item:not(:last-child) { margin-bottom: 48px; } } @media screen and (max-width: 759.98px) { .hardSwitch-connect__content__item:not(:last-child) { margin-bottom: 8vw; } } @media screen and (min-width: 760px) and (max-width: 1365px) { .hardSwitch-connect__content__item:not(:last-child) { margin-bottom: 52px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__content__item:not(:last-child) { margin-bottom: 45px; } } .hardSwitch-connect__content__ttl { font-weight: bold; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; } .hardSwitch-connect__content__ttl:before { content: ""; display: inline-block; background-color: #e60012; } @media screen and (min-width: 980px), print { .hardSwitch-connect__content__ttl { font-size: 22px; margin-bottom: 32px; line-height: 1; } .hardSwitch-connect__content__ttl:before { width: 8px; margin-right: 14px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__content__ttl { font-size: 16px; margin-top: -0.65em; margin-bottom: -0.35em; margin-bottom: 22px; line-height: 1.1; } .hardSwitch-connect__content__ttl:before { width: 5px; margin-right: 10px; } } @media screen and (max-width: 759.98px) { .hardSwitch-connect__content__ttl { font-size: 18px; line-height: 1; margin-top: 0em; margin-bottom: 0em; margin-bottom: 24px; } .hardSwitch-connect__content__ttl:before { width: 5px; margin-right: 10px; } } @media screen and (min-width: 1179px) and (max-width: 1365px) { .hardSwitch-connect__content__ttl { -webkit-box-flex: 0; flex: 0 0 auto; width: 16em; } } .type-lite .hardSwitch-connect__content__ttl:before { background-color: #646464; } .type-switch .hardSwitch-connect__content__ttl:before { background-color: #e60012; } @media screen and (min-width: 980px), print { .hardSwitch-connect__content__text { padding-right: 62px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__content__text { padding-right: 43px; text-align: justify; font-size: 12px; margin-top: -0.65em; margin-bottom: -0.35em; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-connect__content__text .hardSwitch-iconlink .nc3-a-icon { height: 10px; vertical-align: -0.07em; } } .local-feature { overflow: hidden; } .local-feature__inner { box-sizing: border-box; } @media screen and (min-width: 760px), print { .local-feature__inner { margin-bottom: 20px; } .local-feature--online .local-feature__inner { margin-top: 130px; margin-bottom: 130px; padding: 0 0 0 47px; } } @media screen and (max-width: 759.98px) { .local-feature--online .local-feature__inner { margin-bottom: 42px; padding: 0 5.6vw; } } @media screen and (min-width: 760px), print { .local-feature__inner + .local-feature__inner { padding: 0 47px; margin-bottom: 40px; } } @media screen and (max-width: 759.98px) { .local-feature__inner + .local-feature__inner { margin-top: 25px; } } .local-feature__title__body { font-weight: 600; } @media screen and (min-width: 980px), print { .local-feature__title__body { font-size: 24px; line-height: 1.3; margin-top: -0.195em; margin-bottom: -0.105em; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-feature__title__body { font-size: 16px; line-height: 1.4; margin-top: -0.26em; margin-bottom: -0.14em; letter-spacing: 0.05em; margin: auto; } } @media screen and (max-width: 759.98px) { .local-feature__title__body { font-size: 20px; line-height: 1.3; margin-top: -0.195em; margin-bottom: -0.105em; } } .local-feature-pic-sp { margin-right: -5.6vw; } @media screen and (min-width: 760px), print { .local-feature-pic-sp { display: none; } } .local-feature-pic-sp img { display: block; width: 100%; } .local-feature--online .local-feature-pic-sp { position: relative; width: 71.74vw; margin: 0 auto 18px; } .type-lite .local-feature-pic-sp { width: 48.54vw; } @media screen and (min-width: 760px), print { .local-feature__list-wp { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .local-feature--online .local-feature__list-wp { -webkit-box-align: center; align-items: center; } } @media screen and (max-width: 979.98px) { .local-feature__list-wp { margin-top: 12.67vw; } .local-feature--online .local-feature__list-wp { margin-top: 0; } } @media screen and (min-width: 760px), print { .local-feature-pic-pc { position: relative; width: 51.24%; } .local-feature-pic-pc:before { content: ''; display: block; } .local-feature-pic-pc img { position: absolute; top: 0; left: 0; width: 100%; } } @media screen and (max-width: 759.98px) { .local-feature-pic-pc { display: none; } } .local-feature-pic-switcher { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .local-feature-pic-switcher div { height: 100%; } @media screen and (min-width: 760px), print { .local-feature--online .type-feature .local-feature-pic-pc { width: 79.65%; } .local-feature--online .type-feature .local-feature-pic-pc img { position: absolute; width: 114.58%; } .local-feature--online .type-feature .local-feature-pic-pc:before { padding-bottom: 46.31%; } } @media screen and (min-width: 980px), print { .local-feature__list { width: 47.14%; } .local-feature--online .local-feature__list { width: 40.15%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-feature__list { width: 100%; } .local-feature--online .local-feature__list { width: 40.15%; } } @media screen and (min-width: 980px), print { .local-feature__listItem { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .local-feature__listItem:not(:last-child) { margin-bottom: 33px; } } @media screen and (max-width: 979.98px) { .local-feature__listItem:not(:last-child) { margin-bottom: 4.8vw; } } .local-feature--online .local-feature__listItem { position: relative; } @media screen and (min-width: 760px), print { .local-feature--online .local-feature__listItem { padding-left: 30px; } .local-feature--online .local-feature__listItem:before { background-color: #e60012; content: ""; display: block; position: absolute; width: 7px; top: 8px; left: 0; bottom: 3px; } } @media screen and (max-width: 759.98px) { .local-feature--online .local-feature__listItem { margin-bottom: 0; } } .local-feature__image { text-align: center; font-size: 0; } .local-feature__image img { width: 100%; max-width: 100%; } @media screen and (min-width: 980px), print { .local-feature__image { width: 98px; } } @media screen and (max-width: 979.98px) { .local-feature__image { display: none; } } @media screen and (min-width: 980px), print { .local-feature__content { margin-left: 26px; width: 78.14%; } .local-feature--online .local-feature__content { margin-left: 0; width: 100%; } } .local-feature__list-title { font-size: 16px; color: #8c8c8c; border-bottom: 1px solid #e6e6e6; line-height: 1.2; font-weight: 700; } @media screen and (min-width: 980px), print { .local-feature__list-title { margin-bottom: 31px; padding-bottom: 13px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-feature__list-title { margin-bottom: 31px; padding-bottom: 13px; font-size: 14px; } } @media screen and (max-width: 759.98px) { .local-feature__list-title { margin-bottom: 20px; padding-bottom: 15px; font-size: 14px; } } .local-feature__title--small > p, .local-feature__title--small > h3 { font-weight: bold; } @media screen and (min-width: 760px), print { .local-feature__title--small > p, .local-feature__title--small > h3 { font-size: 18px; line-height: 32px; } .local-feature--online .local-feature__title--small > p, .local-feature--online .local-feature__title--small > h3 { font-size: 28px; line-height: 1.4; margin-bottom: 24px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-feature__title--small { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; margin-bottom: 10px; } } @media screen and (max-width: 759.98px) { .local-feature__title--small { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; margin-bottom: 2.67vw; } .local-feature__title--small > p, .local-feature__title--small > h3 { font-size: 14px; } .local-feature--online .local-feature__title--small { -webkit-box-pack: center; justify-content: center; } } @media screen and (min-width: 980px), print { .local-feature__title--small__image { display: none; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-feature__title--small__image { font-size: 0; width: 38px; margin-right: 11px; } .local-feature__title--small__image img { width: 100%; } } @media screen and (max-width: 759.98px) { .local-feature__title--small__image { font-size: 0; width: 44px; margin-right: 2.67vw; } .local-feature__title--small__image img { width: 100%; } } .local-feature--title--switch { color: #e60012; } .local-feature--title--red { color: #e60012; } .local-feature--title--blue { color: #1372ff; } .local-feature--title--yellow { color: #ff9f00; } @media screen and (min-width: 760px), print { .local-feature__text--small > p { font-size: 14px; line-height: 1.8; } .local-feature--online .local-feature__text--small > p { font-size: 16px; } } @media screen and (max-width: 759.98px) { .local-feature__text--small > p { font-size: 12px; } } .local-galleryPhoto { overflow: hidden; } @media screen and (min-width: 980px), print { .local-galleryPhoto { margin-bottom: 4px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-galleryPhoto { margin-bottom: 4px; } } @media screen and (max-width: 759.98px) { .local-galleryPhoto { margin-bottom: 4px; } } .hardSwitch-hero__outer { position: relative; box-sizing: border-box; z-index: 110; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outer { height: 45.34vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outer { height: 112.54vw; box-sizing: content-box; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-hero__outer.type-lite { padding-bottom: 35.6vw; } } @media screen and (max-width: 759.98px) { html[data-browser="game"] .hardSwitch-hero__outer { height: 375px; min-height: 375px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-hero__outer.type-lite { padding-bottom: calc(0px + 19vw); } } @media screen and (max-width: 759.98px) { .hardSwitch-hero__outer.type-lite { padding-bottom: calc(0px + 15vw); } } .hardSwitch-hero { position: relative; height: 100%; } .hardSwitch-hero__pics { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; } @media screen and (min-width: 760px), print { .hardSwitch-hero__pics { height: 101%; } } @media screen and (min-width: 980px), print { .hardSwitch-hero__pics { border: 12px solid #fff; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__pics { height: 112.54vw; border: 1.07vw solid #fff; border-bottom-width: 0vw; } } .hardSwitch-hero__pics-logo { position: absolute; top: 6px; left: 6px; z-index: 20; } @media screen and (min-width: 980px), print { .hardSwitch-hero__pics-logo { display: none; } } .hardSwitch-hero__pics-logo img { width: 18.67vw; } .hardSwitch-hero__pics .icon-new { position: absolute; top: 0; left: 0; z-index: 20; } @media screen and (max-width: 979.98px) { .hardSwitch-hero__pics .icon-new { display: none; } } .hardSwitch-hero__loader { position: absolute; width: 100%; height: 100%; z-index: 8; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media screen and (min-width: 980px), print { .hardSwitch-hero__loader .nc3-a-loader { margin-top: -1.96vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__loader .nc3-a-loader { margin-top: -5.6vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__movie-pc { display: none; } } @media screen and (min-width: 980px), print { .hardSwitch-hero__movie-sp { display: none; } } .hardSwitch-hero__movie { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .hardSwitch-hero__movie video { position: absolute; left: 0; top: 0; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; } .hardSwitch-hero__pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center top !important; opacity: 0; z-index: 10; } .hardSwitch-hero__pic:first-child { z-index: 1; } .hardSwitch-hero__pic.js-show { opacity: 1; } .hardSwitch-hero__pic.js-overlap { z-index: 2; } @media screen and (min-width: 980px), print { .hardSwitch-hero__pic { -webkit-transition: opacity 800ms linear, -webkit-transform 6000ms linear; transition: opacity 800ms linear, -webkit-transform 6000ms linear; transition: transform 6000ms linear, opacity 800ms linear; transition: transform 6000ms linear, opacity 800ms linear, -webkit-transform 6000ms linear; } .hardSwitch-hero__pic.js-zooming { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__pic { width: 97.87vw; height: 110.67vw; -webkit-transition: opacity 800ms linear, -webkit-transform 6000ms linear; transition: opacity 800ms linear, -webkit-transform 6000ms linear; transition: transform 6000ms linear, opacity 800ms linear; transition: transform 6000ms linear, opacity 800ms linear, -webkit-transform 6000ms linear; } .hardSwitch-hero__pic.js-zooming { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__pic.slide-none { width: 100%; height: 100%; } } html[data-browser="game"] .hardSwitch-hero__pic { display: none; -webkit-transition: none !important; transition: none !important; } .hardSwitch-hero__pic.js-zooming-only { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); -webkit-transition: -webkit-transform 5000ms linear; transition: -webkit-transform 5000ms linear; transition: transform 5000ms linear; transition: transform 5000ms linear, -webkit-transform 5000ms linear; } .hardSwitch-hero__outline { position: absolute; z-index: 30; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline { padding: 0 20px; width: calc(100% - 5.06vw); right: 2.53vw; box-sizing: border-box; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline { top: calc(100% - 8vw); right: 1.07vw; left: 1.07vw; } } @media screen and (min-width: 980px), print { .hardSwitch-hero__model { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__model { left: 0; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media screen and (min-width: 760px), print { .type-switch .hardSwitch-hero__model { border-bottom: 2px solid #fff; } } @media screen and (min-width: 980px), print { .type-switch .hardSwitch-hero__model { height: 9vw; } } @media screen and (max-width: 979.98px) { .type-switch .hardSwitch-hero__model { position: relative; margin: 0 3.34vw; height: 22vw; border-bottom: 1px solid #fff; } } @media screen and (min-width: 760px), print { .type-lite .hardSwitch-hero__model { -webkit-box-align: start; align-items: flex-start; } } @media screen and (min-width: 980px), print { .type-lite .hardSwitch-hero__model { height: 8.7vw; } } @media screen and (max-width: 979.98px) { .type-lite .hardSwitch-hero__model { bottom: -11.33vw; height: 20vw; } } @media screen and (max-width: 759.98px) { .type-lite .hardSwitch-hero__model { margin: 0 3.34vw; border-bottom: 1px solid #e6e6e6; } } .hardSwitch-hero__model-wp { position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-hero__model-wp { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .hardSwitch-hero__model-wp:before { content: ''; display: block; padding-bottom: 70.05%; } .hardSwitch-hero__model-wp img { width: 100%; } .hardSwitch-hero__model-wp .hardSwitch-hero__model-pic { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; pointer-events: none; } .hardSwitch-hero__model-wp .hardSwitch-hero__model-shadow { position: absolute; top: 0; left: 0; width: 100%; display: none; pointer-events: none; } @supports (mix-blend-mode: multiply) { .hardSwitch-hero__model-wp .hardSwitch-hero__model-shadow { mix-blend-mode: multiply; display: block; } } .hardSwitch-hero__description-wp { position: relative; box-sizing: border-box; } @media screen and (min-width: 980px), print { .hardSwitch-hero__description-wp { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-sub { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; } .type-switch .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-sub { bottom: 4.8vw; right: 0; } @media screen and (max-width: 979.98px) { .type-switch .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-sub { display: block; position: absolute; } } @media screen and (max-width: 979.98px) { .type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-sub { padding-top: 1.667vw; } } .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { font-weight: 700; } @media screen and (min-width: 980px), print { .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { font-size: 12px; letter-spacing: 1px; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { font-size: 2.4vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { font-size: 2.4vw; } } .type-switch .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { color: #fff; } @media screen and (max-width: 979.98px) { .type-switch .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { padding-bottom: 5.5vw; } } .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-status { box-sizing: border-box; color: #fff; border: 1px solid #fff; border-radius: 2px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media screen and (min-width: 980px), print { .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-status { font-size: 12px; line-height: 1; height: 18px; margin-left: 14px; padding: 0 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-status { font-size: 2.4vw; line-height: 1; height: 4.6vw; width: 13.5vw; margin-left: auto; white-space: nowrap; } } .hardSwitch-hero__outline.type-switch { background-color: #e60012; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-switch { bottom: -4.2vw; padding-right: 1.9vw; } } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-switch .hardSwitch-hero__description-wp { width: 34vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-switch .hardSwitch-hero__description-wp { width: 100%; padding: 0 0 4.8vw; } } .hardSwitch-hero__outline.type-switch .hardSwitch-hero__model-wp { position: relative; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-switch .hardSwitch-hero__model-wp { margin-top: -3.5vw; margin-left: -20px; width: 34vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-switch .hardSwitch-hero__model-wp { position: absolute; top: 0; left: 0; width: 53.6vw; margin-top: -16.26vw; margin-left: -5.14vw; } } .hardSwitch-hero__outline.type-switch .hardSwitch-hero__description-hard-name { font-size: 0; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-switch .hardSwitch-hero__description-hard-name { margin-bottom: 1vw; width: calc(458 / 1354 * 88.2vw); } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-switch .hardSwitch-hero__description-hard-name { width: 67.54vw; } } .hardSwitch-hero__outline.type-switch .hardSwitch-hero__description-hard-name img { width: 100%; } .hardSwitch-hero__outline.type-lite { background-color: #fff; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-lite { bottom: -4.5vw; padding-right: 1.9vw; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__model { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; padding-bottom: 2px; } } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp { margin-top: 1.5vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp { float: right; padding: 0 0 2.2vw; } } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-price { color: #3c3c3c; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-dedicated-pic { width: 8vw; margin-left: 12px; } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-dedicated-pic:before { content: ''; display: block; padding-bottom: 20.8%; } } @media screen and (min-width: 1425px), print { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-dedicated-pic { width: 91px !important; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-dedicated-pic { width: 16.67vw; margin-left: 2.67vw; } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-wp .hardSwitch-hero__description-hard-dedicated-pic:before { content: ''; display: block; padding-bottom: 20.8%; } } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__model-wp { position: relative; } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__model-wp:before { content: ''; display: block; padding-bottom: 56.75%; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__model-wp { margin-top: -4.5vw; margin-left: 0.4vw; width: 20.3vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__model-wp { position: absolute; top: 0; left: 0; width: 36.54vw; margin-top: -3.33vw; margin-left: 2.24vw; } } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-hard-name { font-size: 0; } @media screen and (min-width: 980px), print { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-hard-name { margin-bottom: 0.86vw; width: 24.6vw; } } @media screen and (max-width: 979.98px) { .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-hard-name { margin-left: auto; width: 53.6vw; } } .hardSwitch-hero__outline.type-lite .hardSwitch-hero__description-hard-name img { width: 100%; } @-webkit-keyframes heroPicAnimation { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-46.66vw); transform: translateX(-46.66vw); } } @keyframes heroPicAnimation { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-46.66vw); transform: translateX(-46.66vw); } } @media screen and (min-width: 980px), print { .local-lineupInner { padding: 0px 74px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineupInner { padding: 0px 5.6vw; } } @media screen and (min-width: 760px), print { .local-lineup__head { margin-bottom: 84px; } } @media screen and (max-width: 759.98px) { .local-lineup__head { margin-bottom: 9.34vw; } } .local-lineup__navList { flex-wrap: wrap; font-size: 0; -webkit-box-pack: normal; justify-content: normal; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; } @media screen and (min-width: 980px), print { .local-lineup__navList { margin-right: -2.27%; margin-left: -2.27%; } } .local-lineup__listItem { display: inline-block; box-sizing: border-box; width: 28.7%; } @media screen and (min-width: 980px), print { .local-lineup__listItem { padding-bottom: 52px; margin-right: 2.27%; margin-left: 2.27%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup__listItem { width: calc(33.3333333% - 32px * 2 / 3); padding-bottom: 35px; } .local-lineup__listItem:not(:nth-child(3n)) { margin-right: 32px; } } @media screen and (max-width: 759.98px) { .local-lineup__listItem { position: relative; width: 100%; } .local-lineup__listItem:before { content: ""; display: block; height: 2px; width: calc(100% - 11.2vw); position: absolute; top: 0; left: 5.6vw; background-image: url("../img/line-dot.png"); background-size: 4px 1px; background-repeat: repeat-x; background-position: bottom; } .local-lineup__listItem:last-child:after { content: ""; display: block; height: 2px; width: calc(100% - 11.2vw); position: absolute; bottom: 0; left: 5.6vw; background-image: url("../img/line-dot.png"); background-size: 4px 1px; background-repeat: repeat-x; background-position: bottom; } } .local-lineup-softCard { position: relative; line-height: 1; } .local-lineup-softCard > .local-lineup-softCard-link, .local-lineup-softCard > a { cursor: pointer; display: block; } @media screen and (min-width: 760px), print { .local-lineup-softCard > .local-lineup-softCard-link, .local-lineup-softCard > a { padding-bottom: 20px; position: relative; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard > .local-lineup-softCard-link, .local-lineup-softCard > a { box-sizing: border-box; padding: 10px 0 31px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard .local-lineup-softCard__labels { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 0 5.6vw; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard .local-lineup-softCard-contents { margin-bottom: -6px; padding-top: 21px; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard .local-lineup-softCard__labels + .local-lineup-softCard-contents { padding-top: 14px; } } @media screen and (min-width: 760px), print { .local-lineup-softCard .nc3-h-new { height: 72px; margin-bottom: -72px; } } .local-lineup-softCard .nc3-h-new.ringfit { height: 72px; margin-bottom: -72px; top: -100px; } @media screen and (max-width: 759.98px) { .local-lineup-softCard .nc3-h-new.ringfit { top: 0px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard .local-lineup-softCard__new { width: 47px; height: 16px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard .local-lineup-softCard__new:before { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0 0 1px; width: 100%; height: 100%; content: "NEW"; font-size: 10px; font-weight: bold; color: #fff; background-color: #e60012; } } @media screen and (min-width: 760px), print { .local-lineup-softCard__packageBanner { width: 100%; margin-top: 4px; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } .local-lineup-softCard__packageBanner:before { content: ''; display: block; padding-bottom: 19.93%; } .local-lineup-softCard__packageBanner:hover { opacity: 0.7; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__packageBanner { width: 39.47vw; margin-top: 1.07vw; } .local-lineup-softCard__packageBanner:before { content: ''; display: block; padding-bottom: 19.94%; } } .local-lineup-softCard__hardList { margin: 12px 0 0; padding-bottom: 5px; } [data-theme='switch'] .local-lineup-softCard__hardList { border-color: #e60012; } [data-theme='3ds'] .local-lineup-softCard__hardList { border-color: #ce181e; } [data-theme='wiiu'] .local-lineup-softCard__hardList { border-color: #0096c8; } .nc3-c-softCard--ceroMark .local-lineup-softCard__hardList { border-color: #737373; } @media screen and (min-width: 760px), print { .local-lineup-softCard__hardList { padding-left: 10px; border-left: solid 5px #e60012; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__hardList { padding-bottom: 3px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__hardList { margin: 0 0 0; } } .local-lineup__hardName { line-height: 1; letter-spacing: 2px; } @media screen and (min-width: 760px) and (max-width: 979.98px) { [data-theme='lite'] .local-lineup__hardName { white-space: nowrap; } } .local-lineup__hardName:before { display: block; font-size: 12px; line-height: 1; font-weight: bold; } [data-theme='switch'] .local-lineup__hardName:before { content: 'Nintendo Switch'; } [data-theme='lite'] .local-lineup__hardName:before { content: 'Nintendo Switch Lite'; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup__hardName:before { font-size: 10px; letter-spacing: 0.14em; } } @media screen and (max-width: 759.98px) { .local-lineup__hardName:before { font-size: 2.4vw; } } .local-lineup-softCard__heightbase { border-top: solid 1px transparent; } @media screen and (min-width: 760px), print { [data-theme="lite"] .local-lineup-softCard__heightbase { -webkit-transform: translateX(-2px); transform: translateX(-2px); } } @media screen and (max-width: 759.98px) { [data-theme="lite"] .local-lineup-softCard__heightbase { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } .local-lineup-softCard__main { padding-bottom: 23px; } @media screen and (max-width: 759.98px) { .local-lineup-softCard__main { padding-bottom: 11px; } } .local-lineup-softCard__name { font-weight: bold; position: relative; font-weight: bold; padding-left: 14px; } @media screen and (min-width: 760px), print { .local-lineup-softCard__name { padding-left: 13px; font-size: 16px; margin-top: -0.2em; margin-bottom: -0.2em; padding-top: 4px; line-height: 1.4; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__name { font-size: 12px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__name { font-size: 12px; line-height: 1.4; margin-top: -0.2em; margin-bottom: -0.2em; padding-left: 0; } } .local-lineup-softCard__name::before { background-color: #e60012; content: ""; display: block; position: absolute; top: 1px; bottom: 2px; left: 0; } @media screen and (min-width: 760px), print { .local-lineup-softCard__name::before { width: 5px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__name::before { display: none; } } .local-lineup-softCard__thumb { position: relative; display: block; -webkit-transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1); } html[data-browser="ie"] .local-lineup-softCard__thumb { overflow: hidden; } @media screen and (min-width: 980px), print { .local-lineup-softCard__thumb:before { content: ''; display: block; padding-bottom: 73.05%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__thumb:before { content: ''; display: block; padding-bottom: 73.05%; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__thumb { width: 39.21vw; } } @media screen and (min-width: 980px), print { [data-theme='lite'] .local-lineup-softCard__thumb { margin-bottom: -6px; } } @media screen and (min-width: 760px), print { [data-theme='lite'] .local-lineup-softCard__thumb:before { content: ''; display: block; padding-bottom: 62.97%; } } @media screen and (min-width: 980px), print { .local-lineup-softCard-link:hover .local-lineup-softCard__thumb, a:hover .local-lineup-softCard__thumb { opacity: 0.7; } } .local-lineup-softCard__thumbImage { background-size: contain; background-repeat: no-repeat; } @media screen and (min-width: 760px), print { .local-lineup-softCard__thumbImage { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; margin-left: -4.29%; } } .local-lineup-softCard__thumbImage:before { content: ''; display: block; padding-bottom: 59.4%; } @media screen and (max-width: 759.98px) { .local-lineup-softCard__thumbImage { margin-top: 0.54vw; margin-left: -1.33vw; } .local-lineup-softCard__thumbImage.dragonquest { width: 103.5%; } } [data-theme='lite'] .local-lineup-softCard__thumbImage:before { content: ''; display: block; padding-bottom: 53.88%; } @media screen and (min-width: 980px), print { [data-theme='lite'] .local-lineup-softCard__thumbImage { width: 99%; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-left: -53%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { [data-theme='lite'] .local-lineup-softCard__thumbImage { width: 119%; margin-left: -8.66%; } } @media screen and (max-width: 759.98px) { [data-theme='lite'] .local-lineup-softCard__thumbImage { position: relative; } } @media screen and (min-width: 980px), print { .local-lineup__listItem--new [data-theme='lite'] .local-lineup-softCard__thumbImage { width: 120%; margin-top: -11.3%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup__listItem--new [data-theme='lite'] .local-lineup-softCard__thumbImage { width: 144%; margin-left: 4.2%; margin-top: -14%; } } @media screen and (max-width: 759.98px) { .local-lineup__listItem--new [data-theme='lite'] .local-lineup-softCard__thumbImage { width: 125%; margin-top: -3%; } } .local-lineup-softCard__thumbImage.ringfit { background-size: contain; background-repeat: no-repeat; } @media screen and (min-width: 760px), print { .local-lineup-softCard__thumbImage.ringfit { position: absolute; top: -20%; left: 67%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 136%; margin-left: -4.29%; } } .local-lineup-softCard__thumbImage.ringfit:before { content: ''; display: block; padding-bottom: 60.96%; } @media screen and (max-width: 759.98px) { .local-lineup-softCard__thumbImage.ringfit { margin-top: 0.54vw; margin-left: -1.33vw; margin-right: -14.66vw; } .local-lineup-softCard__thumbImage.ringfit.dragonquest { width: 109%; } } [data-theme='lite'] .local-lineup-softCard__thumbImage.ringfit:before { content: ''; display: block; padding-bottom: 53.88%; } @media screen and (min-width: 760px), print { [data-theme='lite'] .local-lineup-softCard__thumbImage.ringfit { width: 116%; margin-left: -8.66%; } } .local-lineup-softCard__link { -webkit-transition: color 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 150ms cubic-bezier(0.165, 0.84, 0.44, 1); } [data-theme="lite"] .local-lineup-softCard__link { margin-left: 1.96vw; } @media screen and (min-width: 980px), print { [data-theme="lite"] .local-lineup-softCard__link { margin-left: 0; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__link { width: 53.34vw; padding-right: 5.47vw; } } .nc3-c-softCard__sub { color: inherit; } @media screen and (min-width: 980px), print { [data-theme="lite"] .nc3-c-softCard__sub { padding-top: 18px; margin-top: -0.4em; margin-bottom: -0.4em; } } .local-lineup-softCard-link:hover .local-lineup-softCard__link, a:hover .local-lineup-softCard__link { color: #e60012; } .local-lineup-softCard-link:hover .local-lineup-softCard__noticeLink { color: #3c3c3c !important; } @media screen and (min-width: 760px), print { .local-lineup-softCard__notice { text-align: center; } } .local-lineup-softCard__notice .local-lineup-softCard__noticeText { font-weight: 700; color: #f00; } @media screen and (min-width: 760px), print { .local-lineup-softCard__notice .local-lineup-softCard__noticeText { font-size: 13px; letter-spacing: 0; line-height: 1.471; margin-bottom: 8px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__notice .local-lineup-softCard__noticeText { font-size: 10px; margin-bottom: 10px; } } .local-lineup-softCard__notice .local-lineup-softCard__noticeLink { vertical-align: middle; font-weight: 700; display: inline-block; } @media screen and (min-width: 760px), print { .local-lineup-softCard__notice .local-lineup-softCard__noticeLink { font-size: 12px; line-height: 1; margin-bottom: 13px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__notice .local-lineup-softCard__noticeLink { display: none; } } .local-lineup-softCard__notice .local-lineup-softCard__noticeLink .icon { display: inline-block; width: 9px; height: 9px; margin-right: 6px; font-size: 0; line-height: 0; } .local-lineup-softCard__notice .local-lineup-softCard__noticeLink .icon svg { -webkit-transition: fill 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: fill 150ms cubic-bezier(0.165, 0.84, 0.44, 1); display: inline-block; width: 9px; height: 9px; fill: #e60012; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .local-lineup-softCard__notice .local-lineup-softCard__noticeLink:hover { color: #f00 !important; } .local-lineup-softCard__enclosure { font-size: 12px; color: #e60012; line-height: 27px; text-align: center; box-sizing: border-box; } @media screen and (min-width: 760px), print { .local-lineup-softCard__enclosure { border: 1px solid #e60012; font-weight: 700; margin-top: 4px; margin-bottom: 20px; height: 27px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__enclosure { font-size: 10px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__enclosure { color: #e60012; padding: 0 8px; line-height: 17px; font-size: 9px; font-weight: bold; z-index: 10; } } @media screen and (min-width: 980px), print { [data-theme="lite"] .local-lineup-softCard__enclosure { height: 30px; margin-bottom: 24px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__enclosure:first-child { padding-left: 0; } } .local-lineup-softCard { font-size: 12px; position: relative; } .local-lineup-softCard__dateAndPrice { font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; line-height: 1.5; } @media screen and (min-width: 760px), print { .local-lineup-softCard__dateAndPrice { font-size: 12px; margin-top: -0.4em; margin-bottom: -0.4em; padding-bottom: 15px; min-height: 12px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__dateAndPrice { font-size: 8px; margin-top: -0.65em; margin-bottom: -0.35em; min-height: 10px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__dateAndPrice { font-size: 10px; padding-bottom: 6px; min-height: 10px; } } .local-lineup-softCard__dateAndPrice .date { font-size: 16px; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__dateAndPrice .date { font-size: 13px; margin-right: 3px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__dateAndPrice .date { font-size: 3.2vw; } } .local-lineup-softCard__dateAndPrice .day { font-size: 14px; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__dateAndPrice .day { font-size: 8px; margin-top: -0.65em; margin-bottom: -0.35em; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__dateAndPrice .day { font-size: 3.2vw; } } .local-lineup-softCard__dateAndPrice .price { font-size: 16px; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__dateAndPrice .price { font-size: 12px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__dateAndPrice .price { font-size: 11px; } } .local-lineup-softCard__set { vertical-align: middle; font-weight: 700; } @media screen and (min-width: 760px), print { .local-lineup-softCard__set { font-size: 12px; line-height: 1; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__set { font-size: 10px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__set { display: none; } } .local-lineup-softCard__set .icon { display: inline-block; width: 9px; height: 9px; margin-right: 6px; font-size: 0; line-height: 0; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup-softCard__set .icon { position: relative; top: 1px; } } .local-lineup-softCard__set .icon svg { -webkit-transition: fill 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: fill 150ms cubic-bezier(0.165, 0.84, 0.44, 1); display: inline-block; width: 9px; height: 9px; fill: #8c8c8c; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .local-lineup-softCard-link:hover .local-lineup-softCard__set .icon svg, a:hover .local-lineup-softCard__set .icon svg { fill: #e60012; } .local-lineup-softCard-link:hover .local-lineup-softCard__set, a:hover .local-lineup-softCard__set { color: #e60012; } .local-lineup-softCard__caution { color: #8c8c8c; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } @media screen and (min-width: 760px), print { .local-lineup-softCard__caution { font-size: 12px; line-height: 1.667; margin-top: 18px; } .local-lineup-softCard__caution span { display: inline-block; padding-left: 7px; text-indent: -7px; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__caution { font-size: 2.67vw; line-height: 1.5; padding: 0 5.6vw; } .local-lineup-softCard__caution span { display: inline-block; padding-left: 2.14vw; text-indent: -2.13vw; } } @media screen and (min-width: 760px), print { .local-lineup-softCard__icon { display: none; } } @media screen and (max-width: 759.98px) { .local-lineup-softCard__icon { display: inline-block; width: 3.47vw; height: 3.47vw; position: absolute; top: 50%; right: 6vw; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .local-lineup-softCard__icon .nc3-a-icon svg { fill: #e60012; } .local-lineup__see_more-wp { text-align: center; } @media screen and (min-width: 980px), print { .local-lineup__see_more-wp { margin-top: 0; padding-bottom: 140px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup__see_more-wp { margin-top: 0; padding-bottom: 98px; } } @media screen and (max-width: 759.98px) { .local-lineup__see_more-wp { margin-top: 5.34vw; padding-bottom: 18.67vw; padding: 0px 5.6vw 18vw; } } @media screen and (min-width: 980px), print { .nc3-l-innerWidth--lineupLite .local-lineup__see_more-wp { padding: 0 20px 140px; } } @media screen and (min-width: 760px), print { .local-lineup__see_textlink { display: none; } } @media screen and (max-width: 759.98px) { .local-lineup__see_textlink { margin-top: 16px; } } .local-lineup__see_more { color: #e60012; background-color: #fff; border-color: #d9d9d9; display: block; border-style: solid; box-sizing: border-box; line-height: normal; cursor: pointer; -webkit-transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; } @media screen and (min-width: 760px), print { .local-lineup__see_more { padding: 20px 24px; border-radius: 2px; border-width: 2px; } } @media screen and (max-width: 759.98px) { .local-lineup__see_more { padding: 12px 20px; border-radius: 1.5px; border-width: 2px; } } .local-lineup__see_more div { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; } .local-lineup__see_more div div { display: block; } .local-lineup__see_more span { color: #3c3c3c; font-weight: bold; display: block; -webkit-transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; } @media screen and (min-width: 760px), print { .local-lineup__see_more span { font-size: 14px; line-height: 1; margin-top: 0em; margin-bottom: 0em; } } @media screen and (max-width: 759.98px) { .local-lineup__see_more span { font-size: 12px; line-height: 1; margin-top: 0em; margin-bottom: 0em; } } .local-lineup__see_more span span { display: inline; } @media screen and (min-width: 760px), print { .local-lineup__see_more .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 15px; } .local-lineup__see_more .nc3-a-icon:not(:last-child) { margin-right: 7px; } html[data-browser="game"] .local-lineup__see_more .nc3-a-icon:not(:last-child) { margin-right: 6px; } .local-lineup__see_more .nc3-a-icon:not(:first-child) { margin-left: 7px; } html[data-browser="game"] .local-lineup__see_more .nc3-a-icon:not(:first-child) { margin-left: 6px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup__see_more .nc3-a-icon { margin-top: -1px; } } @media screen and (max-width: 759.98px) { .local-lineup__see_more .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 13px; } .local-lineup__see_more .nc3-a-icon:not(:last-child) { margin-right: 6px; } html[data-browser="game"] .local-lineup__see_more .nc3-a-icon:not(:last-child) { margin-right: 6px; } .local-lineup__see_more .nc3-a-icon:not(:first-child) { margin-left: 6px; } html[data-browser="game"] .local-lineup__see_more .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .local-lineup__see_more .nc3-a-icon svg { fill: currentColor; } @media screen and (min-width: 980px), print { .local-lineup__see_more br + .nc3-a-icon:not(.nc3-h-hide--pc) { margin-left: 0; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .local-lineup__see_more br + .nc3-a-icon:not(.nc3-h-hide--tab) { margin-left: 0; } } @media screen and (max-width: 759.98px) { .local-lineup__see_more br + .nc3-a-icon:not(.nc3-h-hide--sp) { margin-left: 0; } } .local-lineup__see_more:hover, a:hover .local-lineup__see_more { -webkit-transition: border-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), color 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: border-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), color 150ms cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #fff; border-color: currentColor; } .local-lineup__see_more:hover span, a:hover .local-lineup__see_more span { color: currentColor; -webkit-transition: border-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), color 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: border-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 150ms cubic-bezier(0.165, 0.84, 0.44, 1), color 150ms cubic-bezier(0.165, 0.84, 0.44, 1); } .local-lineup__see_more:hover .nc3-a-icon svg, a:hover .local-lineup__see_more .nc3-a-icon svg { fill: currentColor; } .hardSwitch-menu { position: relative; background-color: #e60012; } @media screen and (min-width: 980px), print { .hardSwitch-menu { border-bottom: 2px solid #fff; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu { border-bottom: 2px solid #fff; } } .hardSwitch-menu__inner { box-sizing: border-box; max-width: 1425px; margin: 0 auto; } @media screen and (min-width: 980px), print { .hardSwitch-menu__inner { padding: 0 3.37vw 3.86vw; } } @media screen and (min-width: 1425px), print { .hardSwitch-menu__inner { padding: 0 48px 55px !important; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu__inner { padding: 0 3.13vw 3.59vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu__inner { padding: 0 3.74vw 11.47vw; } } .hardSwitch-menu--hardware { position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardware { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; } } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 21.06vw; } } @media screen and (min-width: 1440px), print { .hardSwitch-menu--hardware-header { width: 300px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-header { position: absolute; top: 2.93vw; left: 0; height: 100%; z-index: 10; } .hardSwitch-menu--hardware-header:before { content: ""; display: block; width: 0.14vw; height: calc(100% - 2.93vw); position: absolute; top: 0; left: 3.52vw; background-color: #fff; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-header { position: absolute; top: 6vw; left: 0; height: 100%; z-index: 10; } .hardSwitch-menu--hardware-header:before { content: ""; display: block; width: 0.27vw; height: calc(100% - 6vw); position: absolute; top: 0; left: 7.2vw; background-color: #fff; } } .hardSwitch-menu--hardwareTtl { font-size: 0; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardwareTtl { margin-top: 2.95vw; margin-bottom: 1.69vw; } } @media screen and (min-width: 1440px), print { .hardSwitch-menu--hardwareTtl { margin-bottom: 24px; margin-top: 42px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardwareTtl { margin-bottom: 1.44vw; width: 5.34vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardwareTtl { width: 10.94vw; } } .hardSwitch-menu--hardwareTtl img { width: 100%; } .hardSwitch-menu--hardware-header__a-button { color: rgba(0,0,0,0); background-color: currentColor; border-color: #fff; display: block; border-width: 1px; position: relative; z-index: 20; box-sizing: border-box; border-radius: 0; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-header__a-button { padding: 0.71vw 0; width: 18.81vw; } } @media screen and (min-width: 1440px), print { .hardSwitch-menu--hardware-header__a-button { padding: 10px 0; width: 268px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-header__a-button { padding: 1.05vw 0; width: 36.85vw; margin: 4.17vw auto 0; -webkit-transform: translateX(2.48vw); transform: translateX(2.48vw); } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-header__a-button { width: 75.47vw; padding: 2.67vw 0; margin: 0 auto; } } .hardSwitch-menu--hardware-header__a-button > div { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .hardSwitch-menu--hardware-header__a-button:before { box-sizing: border-box; content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #fff; pointer-events: none; opacity: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardware-header__a-button .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 1.06vw; width: 1.06vw; height: 1.06vw; } } @media screen and (min-width: 1440px), print { .hardSwitch-menu--hardware-header__a-button .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 15px; width: 15px; height: 15px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-header__a-button .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 0.98vw; width: 0.98vw; height: 0.98vw; } } .hardSwitch-menu--hardware-header__a-button span { color: #fff; line-height: 1.5; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-header__a-button span { font-size: 1.13vw; } } @media screen and (min-width: 1440px), print { .hardSwitch-menu--hardware-header__a-button span { font-size: 16px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-header__a-button span { font-size: 14px; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-header__a-button span { font-size: 2.67vw; } } .hardSwitch-menu--hardware-header__a-button:hover, a:hover .hardSwitch-menu--hardware-header__a-button { background-color: rgba(0,0,0,0); border-color: #fff; } .hardSwitch-menu--hardware-header__a-button:hover:before, a:hover .hardSwitch-menu--hardware-header__a-button:before { opacity: 1; } .hardSwitch-menu--hardware-header__a-button:hover span, a:hover .hardSwitch-menu--hardware-header__a-button span { color: #fff; } .hardSwitch-menu--hardware-header__a-button:hover .nc3-a-icon svg, a:hover .hardSwitch-menu--hardware-header__a-button .nc3-a-icon svg { fill: #fff; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardwareItem-wp { margin-left: 4vw; } } @media screen and (min-width: 1440px), print { .hardSwitch-menu--hardwareItem-wp { margin-left: 57px; } } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardwareItem-wp .hardSwitch-menu--hardwareItems { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardwareItem-wp { padding-left: 6.78vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardwareItem-wp { padding-left: 13.87vw; } } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardwareItem.hardware-oled { -webkit-box-ordinal-group: 3; order: 2; } } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardwareItem.hardware-had { -webkit-box-ordinal-group: 2; order: 1; } } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardwareItem.hardware-lite { -webkit-box-ordinal-group: 4; order: 3; } } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardwareItem-inner { overflow: hidden; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardwareItem-inner { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } } .hardSwitch-menu--hardwareItem-heading-content { font-size: 0; } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardwareItem-heading-content { width: 38.94vw; } } .hardSwitch-menu--hardwareItem-heading-copy img { width: 100%; } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardwareItem-heading-copy { margin: 0 auto; position: relative; z-index: 10; } } @media screen and (min-width: 980px), print { .hardware-oled .hardSwitch-menu--hardwareItem-heading-copy { margin-top: -2.03vw; width: 14.04vw; } } @media screen and (min-width: 1440px), print { .hardware-oled .hardSwitch-menu--hardwareItem-heading-copy { margin-top: -29px; width: 200px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardware-oled .hardSwitch-menu--hardwareItem-heading-copy { margin-top: -2.08vw; width: 13.94vw; } } @media screen and (max-width: 759.98px) { .hardware-oled .hardSwitch-menu--hardwareItem-heading-copy { width: 28.54vw; } } @media screen and (min-width: 980px), print { .hardware-had .hardSwitch-menu--hardwareItem-heading-copy { width: 14.04vw; } } @media screen and (min-width: 1440px), print { .hardware-had .hardSwitch-menu--hardwareItem-heading-copy { width: 200px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardware-had .hardSwitch-menu--hardwareItem-heading-copy { width: 13.94vw; } } @media screen and (max-width: 759.98px) { .hardware-had .hardSwitch-menu--hardwareItem-heading-copy { width: 28.54vw; } } @media screen and (min-width: 980px), print { .hardware-lite .hardSwitch-menu--hardwareItem-heading-copy { width: 17.97vw; } } @media screen and (min-width: 1440px), print { .hardware-lite .hardSwitch-menu--hardwareItem-heading-copy { width: 256px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardware-lite .hardSwitch-menu--hardwareItem-heading-copy { width: 17.91vw; } } @media screen and (max-width: 759.98px) { .hardware-lite .hardSwitch-menu--hardwareItem-heading-copy { width: 36.67vw; } } .hardSwitch-menu--hardwareItem-pic-wp { font-size: 0; position: relative; -webkit-transition: -webkit-transform 0.15s ease-out; transition: -webkit-transform 0.15s ease-out; transition: transform 0.15s ease-out; transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardwareItem-pic-wp { width: 37.74vw; } } .hardSwitch-menu--hardwareItem-pic { position: relative; z-index: 10; } .hardSwitch-menu--hardwareItem-pic img { width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hardSwitch-menu--hardwareItem-pic_shadow { position: absolute; top: 0; left: 0; background-color: #e60012; } .hardSwitch-menu--hardwareItem-pic_shadow img { width: 100%; mix-blend-mode: multiply; } @media screen and (min-width: 980px), print { html[data-device="desktop"] .hardSwitch-menu--hardwareItem a:hover .hardSwitch-menu--hardwareItem-pic-wp { -webkit-transform: scale(1.02); transform: scale(1.02); } } .hardSwitch-menu--hardware-details { position: relative; box-sizing: border-box; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-details { padding: 0 48px; max-width: 1425px; margin: 0 auto; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-details { padding: 0 3.52vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-details { padding: 0 5.6vw; border-bottom: 4px solid #fff; } } .hardSwitch-menu--hardware-details__inner { position: relative; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-details__inner { padding: 26px 17px 26px 15px; } .hardSwitch-menu--hardware-details__inner:before { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 1px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-details__inner { padding: 1.7vw 1.11vw 1.7vw 0.98vw; } .hardSwitch-menu--hardware-details__inner:before { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 1px; } } @media screen and (min-width: 760px), print { .hardSwitch-menu--hardware-details__inner { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; box-sizing: border-box; } } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-detailsList { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-detailsList-item + .hardSwitch-menu--hardware-detailsList-item { margin-left: 56px; } } .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink { color: #fff; } .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink div > span { color: #fff; font-weight: bold; display: block; -webkit-box-flex: 0; flex: 0 0 1; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink div > span { font-size: 14px; line-height: 1.4; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink div > span { font-size: 12px; line-height: 1.4; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink div > span { font-size: 12px; line-height: 1.4; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink > div { -webkit-box-pack: center; justify-content: center; } } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 12px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 11px; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 12px; width: 12px; height: 16px; position: absolute; right: 1.6vw; } .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon:not(:last-child) { margin-right: 8px; } html[data-browser="game"] .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon:not(:first-child) { margin-left: 8px; } html[data-browser="game"] .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink .nc3-a-icon svg { fill: currentColor; } @media screen and (max-width: 759.98px) { .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink { display: block; padding: 6.4vw 0; position: relative; } .hardSwitch-menu--hardware-detailsList-item .nc3-a-textLink:before { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 1px; } } .hardSwitch-menu__detailLink { color: #fff; display: inline-block; line-height: normal; } @media screen and (max-width: 759.98px) { .hardSwitch-menu__detailLink { display: block; padding: 6.4vw 0; position: relative; } .hardSwitch-menu__detailLink:before { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 1px; } } .hardSwitch-menu__detailLink > div { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 759.98px) { .hardSwitch-menu__detailLink > div { -webkit-box-pack: center; justify-content: center; } } .hardSwitch-menu__detailLink span { font-weight: bold; display: block; -webkit-box-flex: 0; flex: 0 0 1; } @media screen and (min-width: 980px), print { .hardSwitch-menu__detailLink span { font-size: 18px; line-height: 1.4; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu__detailLink span { font-size: 16px; line-height: 1.4; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu__detailLink span { font-size: 12px; line-height: 1.4; } } .hardSwitch-menu__detailLink span span { display: inline; } @media screen and (min-width: 980px), print { .hardSwitch-menu__detailLink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 14px; width: 14px; height: 17px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu__detailLink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 14px; width: 14px; height: 16px; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu__detailLink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 12px; width: 12px; height: 16px; position: absolute; right: 1.6vw; } .hardSwitch-menu__detailLink .nc3-a-icon:not(:last-child) { margin-right: 8px; } html[data-browser="game"] .hardSwitch-menu__detailLink .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-menu__detailLink .nc3-a-icon:not(:first-child) { margin-left: 8px; } html[data-browser="game"] .hardSwitch-menu__detailLink .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .hardSwitch-menu__detailLink .nc3-a-icon svg { fill: currentColor; } @media screen and (min-width: 980px), print { .hardSwitch-menu__detailLink .nc3-a-icon:not(:last-child) { margin-right: 8px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu__detailLink .nc3-a-icon:not(:last-child) { margin-right: 0.53vw; } } .hardSwitch-menu--hardware-detailsList-item a { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } html[data-device="desktop"] .hardSwitch-menu--hardware-detailsList-item a:hover { opacity: 0.7; } .hardSwitch-menu--hardware-detailsList-title { font-weight: 700; -webkit-transition: color 150ms linear; transition: color 150ms linear; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-detailsList-title { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .hardSwitch-menu--hardware-detailsList-title:after { display: inline-block; font-size: 10px; color: #e60012; font-weight: bold; margin-left: 26px; } } @media screen and (max-width: 979.98px) { .hardSwitch-menu--hardware-detailsList-title { font-size: 4.27vw; } } .hardSwitch-menu--hardware-detailsList-title-en { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } @media screen and (min-width: 980px), print { .hardSwitch-menu--hardware-detailsList-title-en { margin-left: 12px; } } @media screen and (max-width: 979.98px) { .hardSwitch-menu--hardware-detailsList-title-en:before { display: inline-block; font-size: 2.4vw; color: #e60012; font-weight: bold; margin-right: 4.27vw; } } .hardSwitch-menu-service { box-sizing: border-box; } @media screen and (min-width: 760px), print { .hardSwitch-menu-service { background-color: #e60012; padding: 28px 48px; max-width: 1425px; margin: 0 auto; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service { background-color: #e60012; padding: 28px 3.52vw; max-width: 1425px; margin: 0 auto; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service { background-color: #efefef; padding: 3.74vw; border-bottom: 4px solid #fff; } } .hardSwitch-menu-service__inner { position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-menu-service__inner { box-sizing: border-box; } .hardSwitch-menu-service__inner:before { content: ""; background-color: #fff; position: absolute; top: -28px; left: 0; width: 100%; height: 1px; } } .hardSwitch-menu-service-list { background-color: #fff; } @media screen and (min-width: 760px), print { .hardSwitch-menu-service-list { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list { background-color: #fff; padding: 3.74vw 0 0; } } @media screen and (min-width: 980px), print { .hardSwitch-menu-service-list li { width: 50%; } .hardSwitch-menu-service-list li > a { box-sizing: border-box; width: 100%; display: block; } .hardSwitch-menu-service-list li:first-child > a { padding: 16px 8px 20px 16px; } .hardSwitch-menu-service-list li:last-child > a { padding: 16px 16px 20px 8px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service-list li { width: 50%; } .hardSwitch-menu-service-list li > a { box-sizing: border-box; width: 100%; display: block; } .hardSwitch-menu-service-list li:first-child > a { padding: 0.14vw 1.05vw 1.96vw 2.09vw; } .hardSwitch-menu-service-list li:last-child > a { padding: 0 2.09vw 1.96vw 1.05vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list li > a { display: block; padding: 0 3.74vw; } .hardSwitch-menu-service-list li:not(:last-child) { border-bottom: 2px solid #efefef; margin-bottom: 1.34vw; } } .hardSwitch-menu-service-list-btn-online { background-repeat: no-repeat; } @media screen and (min-width: 980px), print { .hardSwitch-menu-service-list-btn-online { width: 100%; margin-top: -3.9%; } .hardSwitch-menu-service-list-btn-online:before { content: ''; display: block; padding-bottom: 23.6%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service-list-btn-online { width: 100%; margin-top: 0; background-size: contain; } .hardSwitch-menu-service-list-btn-online:before { content: ''; display: block; padding-bottom: 23.84%; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list-btn-online { width: 100%; margin-top: -2.13vw; } .hardSwitch-menu-service-list-btn-online:before { content: ''; display: block; padding-bottom: 26.26%; } } .hardSwitch-menu-service-list-btn-watching { background-repeat: no-repeat; } @media screen and (min-width: 980px), print { .hardSwitch-menu-service-list-btn-watching { width: 100%; margin-top: -4.53%; } .hardSwitch-menu-service-list-btn-watching:before { content: ''; display: block; padding-bottom: 24.22%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service-list-btn-watching { width: 100%; background-size: contain; } .hardSwitch-menu-service-list-btn-watching:before { content: ''; display: block; padding-bottom: 23.88%; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list-btn-watching { width: 100%; } .hardSwitch-menu-service-list-btn-watching:before { content: ''; display: block; padding-bottom: 26.81%; } } @media screen and (min-width: 980px), print { .hardSwitch-menu-service-list-foot { padding: 20px 60px 0 7px; position: relative; } .hardSwitch-menu-service-list-foot .nc3-a-icon { width: 16px; height: 16px; position: absolute; top: 50%; right: 12px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: 10px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service-list-foot { padding: 2.02vw 0 0; position: relative; } .hardSwitch-menu-service-list-foot .nc3-a-icon { display: block; width: 1.57vw; height: 1.57vw; position: absolute; top: 50%; right: 0.59vw; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list-foot { padding: 2.54vw 1.34vw 4vw; position: relative; } .hardSwitch-menu-service-list-foot .nc3-a-icon { display: block; width: 3.2vw; height: 3.2vw; position: absolute; top: 50%; right: 1.34vw; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .hardSwitch-menu-service-list-foot .nc3-a-icon svg { fill: #e60012; } .hardSwitch-menu-service-list-title { font-weight: 700; line-height: 1; } @media screen and (min-width: 980px), print { .hardSwitch-menu-service-list-title { font-size: 22px; margin-bottom: 10px; letter-spacing: 1px; -webkit-transition: color 150ms linear; transition: color 150ms linear; } .hardSwitch-menu-service-list-title.title-online { border-left: 6px solid #e60012; padding-left: 13px; } .hardSwitch-menu-service-list-title.title-parentalcontrols { border-left: 6px solid #ff773a; padding-left: 13px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service-list-title { font-size: 1.83vw; margin-bottom: 1.63vw; } .hardSwitch-menu-service-list-title.title-online { border-left: 4px solid #e60012; padding-left: 1.44vw; margin-left: 0.66vw; } .hardSwitch-menu-service-list-title.title-parentalcontrols { border-left: 4px solid #ff773a; padding-left: 1.44vw; margin-left: 0.66vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list-title { font-size: 4vw; margin-bottom: 2.67vw; } .hardSwitch-menu-service-list-title.title-online { border-left: 4px solid #e60012; padding-left: 2.27vw; } .hardSwitch-menu-service-list-title.title-parentalcontrols { border-left: 4px solid #ff773a; padding-left: 2.27vw; } } html[data-device="desktop"] .hardSwitch-menu-service-list-item a:hover .hardSwitch-menu-service-list-title.title-online { color: #e60012; } html[data-device="desktop"] .hardSwitch-menu-service-list-item a:hover .hardSwitch-menu-service-list-title.title-parentalcontrols { color: #ff773a; } .hardSwitch-menu-service-list-text { color: #8c8c8c; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } @media screen and (min-width: 980px), print { .hardSwitch-menu-service-list-text { font-size: 14px; line-height: 1.8; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-menu-service-list-text { font-size: 1.4vw; line-height: 1.583; padding-right: 4.04vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-menu-service-list-text { font-size: 3.2vw; line-height: 1.583; padding-right: 8.27vw; } } .hardSwitch-movie-thumbs { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; max-width: 1038px; padding: 20px 0; margin: 0 auto; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumbs { border-bottom: 2px solid #e6e6e6; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap { max-width: 1136px; } .hardSwitch-movie-thumbs--nowrap img { max-width: 100%; } } .hardSwitch-movie-thumbs__title { position: relative; width: 12.524084778420038%; } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumbs__title { width: 11.443661971830986%; } } .hardSwitch-movie-thumbs__inner { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; width: calc(909% / 1038 * 100); margin-top: -20px; } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumbs__inner { width: 95.11883802816901%; flex-wrap: nowrap; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumbs__inner { flex-wrap: nowrap; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--single .hardSwitch-movie-thumbs__inner { width: 26.936619718309856%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumbs__inner { -webkit-box-pack: center; justify-content: center; width: 100%; margin-left: -4.624277456647398%; } } @media screen and (max-width: 759.98px) { .hardSwitch-movie-thumbs__inner { margin-top: -12px; width: 100%; } } .hardSwitch-movie-thumb { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; width: 44.554455445544555%; margin-left: 5.28052805280528%; margin-top: 20px; } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumb { cursor: pointer; } .hardSwitch-movie-thumb:hover .hardSwitch-movie-thumb__image::after { opacity: 1; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumb { width: 31.79317931793179%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media screen and (max-width: 759.98px) { .hardSwitch-movie-thumb { margin-top: 12px; width: 100%; } .type-family .hardSwitch-movie-thumb { margin-left: 0; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb { width: calc((100% - 96px) / 3); margin-left: 48px; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--single .hardSwitch-movie-thumb { width: 302px; margin-left: 48px; } } .hardSwitch-movie-thumb__image { width: 36.54320987654321%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: top left; } .hardSwitch-movie-thumb__image:before { content: ''; display: block; padding-bottom: 54.2972972972973%; } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb__image { margin-right: 28px; width: 148px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumb__image { width: 100%; } } .hardSwitch-movie-thumb__image::after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.45); -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; opacity: 0; } .hardSwitch-movie-thumb__texts { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-transform: translateY(0.25em); transform: translateY(0.25em); width: 56.54320987654321%; margin-left: 6.91358024691358%; -webkit-box-align: center; align-items: center; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumb__texts { -webkit-box-pack: justify; justify-content: space-between; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb__texts { line-height: 1; -webkit-transform: none; transform: none; width: auto; margin-left: 0; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; } } @media screen and (max-width: 759.98px) { .type-family .hardSwitch-movie-thumb__texts { margin-left: 3.45679012345679%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-movie-thumb__texts { margin-left: 0; margin-top: 10px; -webkit-box-align: start; align-items: flex-start; width: 100%; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb__text { height: 18px; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb__text img { height: 100%; width: auto; } } @media screen and (max-width: 759.98px) { .type-family .hardSwitch-movie-thumb__text { width: 70%; } .type-family .hardSwitch-movie-thumb__text img { width: 100%; } } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb__text--twoLine { height: 40px; } } .hardSwitch-movie-thumb__new-label { -webkit-transform: translateY(-0.25em); transform: translateY(-0.25em); position: relative; width: 26.200873362445414%; margin-left: 7.860262008733625%; background-image: url("../img/hardSwitch-movie-new-label--switch.svg"); background-size: 100% 100%; background-position: center center; } .hardSwitch-movie-thumb__new-label:before { content: ''; display: block; padding-bottom: 38.333333333333336%; } @media screen and (min-width: 980px), print { .hardSwitch-movie-thumbs--nowrap .hardSwitch-movie-thumb__new-label { -webkit-transform: none; transform: none; margin-left: 0; margin-top: 6px; width: 60px; } } .type-lite .hardSwitch-movie-thumb__new-label { background-image: url("../img/hardSwitch-movie-new-label--lite.svg"); } .type-family .hardSwitch-movie-thumb__new-label { background-image: url("../img/hardSwitch-movie-new-label--family.svg"); } @media screen and (max-width: 759.98px) { .hardSwitch-movie-thumb__new-label { width: calc(40% / 229 * 100); } } @media screen and (min-width: 980px), print { .hardSwitch-nav__wrap.is-stickyInactive { position: relative; } } @media screen and (min-width: 980px), print { .hardSwitch-nav__wrap.is-stickyActive #hardSwitch-nav { position: relative; } } .js-nav_transformPoint_wp, .hardSwitch-nav, .hardSwitch-nav__logo, .hardSwitch-nav__logo a, .hardSwitch-nav__menu, .hardSwitch-nav__menu svg { -webkit-transition: all 200ms linear; transition: all 200ms linear; will-change: width; } @media screen and (min-width: 980px), print { .hardSwitch-nav__wrap.is-stickyActive .hardSwitch-nav-sticky__inner { height: auto; } } .is-fixed .hardSwitch-nav-sticky__inner { position: fixed; } .is-upper .hardSwitch-nav-sticky__inner { position: absolute; } .js-nav_transformContents { position: relative; } @media screen and (min-width: 980px), print { .js-nav_transformContents { width: 100%; } } .hardSwitch-nav { box-sizing: border-box; position: absolute !important; right: 0; top: 0; height: 100%; z-index: 997; pointer-events: none; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-nav { top: 118px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav { top: 105px; } } .hardSwitch-nav-sticky__inner { right: 0; } @media screen and (min-width: 980px), print { .hardSwitch-nav-sticky__inner { width: 124px !important; border-left: 1px solid transparent; height: 500px; -webkit-transition: background-color 0s linear 0s, width 200ms linear 0s, border-left 0s linear 0s, -webkit-transform 200ms linear 330ms; transition: background-color 0s linear 0s, width 200ms linear 0s, border-left 0s linear 0s, -webkit-transform 200ms linear 330ms; transition: background-color 0s linear 0s, width 200ms linear 0s, border-left 0s linear 0s, transform 200ms linear 330ms; transition: background-color 0s linear 0s, width 200ms linear 0s, border-left 0s linear 0s, transform 200ms linear 330ms, -webkit-transform 200ms linear 330ms; pointer-events: none; height: 100%; background-color: rgba(255,255,255,0); -webkit-transform: translateX(0); transform: translateX(0); overflow: hidden; } } @media screen and (min-width: 980px), print { .hardSwitch-nav-contents { border: 12px solid transparent; border-bottom: 7px solid transparent; border-right: 13px solid transparent; } } @media screen and (min-width: 980px), print { .hardSwitch-nav__logo { position: relative; display: block; box-sizing: border-box; padding-bottom: 6px; margin-bottom: 6px; } .hardSwitch-nav__logo:before { content: ""; display: block; width: calc(100% + 24px); height: 1px; position: absolute; bottom: 0; left: -12px; background-color: rgba(230,230,230,0); -webkit-transition: background-color 0s linear 0s; transition: background-color 0s linear 0s; } .hardSwitch-nav__logo a { pointer-events: auto; display: block; background-color: #e60012; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100px; height: 100px; background-image: url("../img/hardSwitch-nav__logo.svg"); background-repeat: no-repeat; background-size: 100% auto; } } @media screen and (max-width: 979.98px) { .hardSwitch-nav__logo { display: none; } } @media screen and (min-width: 980px), print { .status-nottop .hardSwitch-nav__logo { margin-bottom: 0; } } @media screen and (min-width: 980px), print { .online-service-top .hardSwitch-nav__logo { margin-bottom: 0; } } .hardSwitch-nav__menu { font-size: 0; } @media screen and (min-width: 980px), print { .hardSwitch-nav__menu { color: #fff; text-align: center; padding: 9px; height: 10px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; position: relative; pointer-events: auto; } .hardSwitch-nav__menu:before { content: ""; display: block; width: calc(100% + 24px); height: 1px; position: absolute; bottom: 0; left: -12px; background-color: rgba(230,230,230,0); -webkit-transition: background-color 0s linear 0s; transition: background-color 0s linear 0s; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-nav__menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: auto; padding: 2.48vw 2.74vw; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav__menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: auto; padding: 3.87vw 3.47vw; } } .hardSwitch-nav__menu svg { display: inline-block; height: 100%; } @media screen and (min-width: 980px), print { .hardSwitch-nav__menu svg.hardSwitch-nav__menu-pc { fill: #fff; } } @media screen and (max-width: 979.98px) { .hardSwitch-nav__menu svg.hardSwitch-nav__menu-pc { display: none; } } @media screen and (min-width: 980px), print { .hardSwitch-nav__menu svg.hardSwitch-nav__menu-sp { display: none; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-nav__menu svg.hardSwitch-nav__menu-sp { fill: #fff; width: 3.85vw; height: 3.85vw; position: relative; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav__menu svg.hardSwitch-nav__menu-sp { fill: #fff; width: 6.4vw; height: 6.14vw; position: relative; } } @media screen and (min-width: 980px), print { .hardSwitch-nav__menu:hover svg.hardSwitch-nav__menu-pc { fill: #e60012 !important; } } .skin--isDark .hardSwitch-nav__menu svg.hardSwitch-nav__menu-sp { fill: #000; } .skin--isDark .js-nav_transformPoint_wp .hardSwitch-nav__menu svg.hardSwitch-nav__menu-pc { fill: #000; } .skin--isDark .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav__menu svg.hardSwitch-nav__menu-pc, .skin--isDark .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-nav__menu svg.hardSwitch-nav__menu-pc { fill: #b4b4b4; } @media screen and (min-width: 980px), print { .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav-sticky__inner { border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #fff; pointer-events: auto; -webkit-transition: background-color 200ms linear 0s, width 200ms linear 0s, border-left 200ms linear 200ms, -webkit-transform 200ms linear 330ms; transition: background-color 200ms linear 0s, width 200ms linear 0s, border-left 200ms linear 200ms, -webkit-transform 200ms linear 330ms; transition: background-color 200ms linear 0s, width 200ms linear 0s, border-left 200ms linear 200ms, transform 200ms linear 330ms; transition: background-color 200ms linear 0s, width 200ms linear 0s, border-left 200ms linear 200ms, transform 200ms linear 330ms, -webkit-transform 200ms linear 330ms; } } @media screen and (min-width: 980px), print { .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-nav__logo:before, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav__logo:before { background-color: #e6e6e6; -webkit-transition: background-color 200ms linear 200ms; transition: background-color 200ms linear 200ms; } } @media screen and (min-width: 980px), print { .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-nav__menu svg, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav__menu svg { fill: #b4b4b4; } .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-nav__menu:before, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav__menu:before { background-color: #e6e6e6; -webkit-transition: background-color 200ms linear 200ms; transition: background-color 200ms linear 200ms; } } .hardSwitch-nav--feature .hardSwitch-nav-sticky__inner, .hardSwitch-nav--lite .hardSwitch-nav-sticky__inner, .hardSwitch-nav--oled .hardSwitch-nav-sticky__inner, .hardSwitch-nav--compare .hardSwitch-nav-sticky__inner, .hardSwitch-nav--accessories .hardSwitch-nav-sticky__inner, .hardSwitch-nav--onlineservice .hardSwitch-nav-sticky__inner, .hardSwitch-nav--parentalcontrols .hardSwitch-nav-sticky__inner { border: none !important; background: none !important; } @media screen and (min-width: 980px), print { .hardSwitch-nav--feature .hardSwitch-nav-sticky__inner, .hardSwitch-nav--lite .hardSwitch-nav-sticky__inner, .hardSwitch-nav--oled .hardSwitch-nav-sticky__inner, .hardSwitch-nav--compare .hardSwitch-nav-sticky__inner, .hardSwitch-nav--accessories .hardSwitch-nav-sticky__inner, .hardSwitch-nav--onlineservice .hardSwitch-nav-sticky__inner, .hardSwitch-nav--parentalcontrols .hardSwitch-nav-sticky__inner { width: 116px !important; } } @media screen and (min-width: 980px), print { .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--feature .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--lite .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--oled .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--compare .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--accessories .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--onlineservice .hardSwitch-nav-sticky__inner, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-nav--parentalcontrols .hardSwitch-nav-sticky__inner { width: 116px !important; } } .hardSwitch-nav--feature .hardSwitch-nav-contents, .hardSwitch-nav--lite .hardSwitch-nav-contents, .hardSwitch-nav--oled .hardSwitch-nav-contents, .hardSwitch-nav--compare .hardSwitch-nav-contents, .hardSwitch-nav--accessories .hardSwitch-nav-contents, .hardSwitch-nav--onlineservice .hardSwitch-nav-contents, .hardSwitch-nav--parentalcontrols .hardSwitch-nav-contents { border-width: 8px; } .hardSwitch-nav--feature .hardSwitch-nav__logo:before, .hardSwitch-nav--lite .hardSwitch-nav__logo:before, .hardSwitch-nav--oled .hardSwitch-nav__logo:before, .hardSwitch-nav--compare .hardSwitch-nav__logo:before, .hardSwitch-nav--accessories .hardSwitch-nav__logo:before, .hardSwitch-nav--onlineservice .hardSwitch-nav__logo:before, .hardSwitch-nav--parentalcontrols .hardSwitch-nav__logo:before { content: none; } .hardSwitch-nav--feature .hardSwitch-nav__menu:before, .hardSwitch-nav--lite .hardSwitch-nav__menu:before, .hardSwitch-nav--oled .hardSwitch-nav__menu:before, .hardSwitch-nav--compare .hardSwitch-nav__menu:before, .hardSwitch-nav--accessories .hardSwitch-nav__menu:before, .hardSwitch-nav--onlineservice .hardSwitch-nav__menu:before, .hardSwitch-nav--parentalcontrols .hardSwitch-nav__menu:before { content: none; } .hardSwitch-nav--feature .hardSwitch-nav__menu-pc, .hardSwitch-nav--lite .hardSwitch-nav__menu-pc, .hardSwitch-nav--oled .hardSwitch-nav__menu-pc, .hardSwitch-nav--compare .hardSwitch-nav__menu-pc, .hardSwitch-nav--accessories .hardSwitch-nav__menu-pc, .hardSwitch-nav--onlineservice .hardSwitch-nav__menu-pc, .hardSwitch-nav--parentalcontrols .hardSwitch-nav__menu-pc { fill: #fff !important; } .skin--isDark .hardSwitch-nav--feature .hardSwitch-nav__menu-pc, .skin--isDark .hardSwitch-nav--lite .hardSwitch-nav__menu-pc, .skin--isDark .hardSwitch-nav--oled .hardSwitch-nav__menu-pc, .skin--isDark .hardSwitch-nav--compare .hardSwitch-nav__menu-pc, .skin--isDark .hardSwitch-nav--accessories .hardSwitch-nav__menu-pc, .skin--isDark .hardSwitch-nav--onlineservice .hardSwitch-nav__menu-pc, .skin--isDark .hardSwitch-nav--parentalcontrols .hardSwitch-nav__menu-pc { fill: #000 !important; } .hardSwitch-nav--feature .hardSwitch-scrollPageNav, .hardSwitch-nav--lite .hardSwitch-scrollPageNav, .hardSwitch-nav--oled .hardSwitch-scrollPageNav, .hardSwitch-nav--compare .hardSwitch-scrollPageNav, .hardSwitch-nav--accessories .hardSwitch-scrollPageNav, .hardSwitch-nav--onlineservice .hardSwitch-scrollPageNav, .hardSwitch-nav--parentalcontrols .hardSwitch-scrollPageNav { display: none; } .hardSwitch-nav--onlineservice .hardSwitch-nav__menu-pc { fill: #fff !important; } .skin--initial-isDark .hardSwitch-nav--onlineservice .hardSwitch-nav__menu-pc { fill: #000 !important; } .skin--initial-isDark .online-service-top .hardSwitch-nav--onlineservice .hardSwitch-nav__menu-pc { fill: #fff !important; } .skin--isDark .hardSwitch-nav--onlineservice .hardSwitch-nav__menu-pc { fill: #000 !important; } .hardSwitch-nav--accessories .hardSwitch-nav__menu-pc, .hardSwitch-nav--parentalcontrols .hardSwitch-nav__menu-pc { fill: #000 !important; } @media screen and (min-width: 980px), print { .hardSwitch-nav--feature .hardSwitch-nav__logo a, .hardSwitch-nav--oled .hardSwitch-nav__logo a { -webkit-transition: height 200ms linear 0.2s, opacity 200ms linear 0.53ms; transition: height 200ms linear 0.2s, opacity 200ms linear 0.53ms; } } @media screen and (min-width: 980px), print { .js-nav_transformPoint_wp:not(.js-stickyActive) .hardSwitch-nav--feature .hardSwitch-nav__logo a, .js-nav_transformPoint_wp:not(.js-stickyActive) .hardSwitch-nav--oled .hardSwitch-nav__logo a { height: 0; opacity: 0; -webkit-transition: height 200ms linear, opacity 200ms linear; transition: height 200ms linear, opacity 200ms linear; } } @media screen and (min-width: 980px), print { .js-menuActive .hardSwitch-nav-OpenMenu .hardSwitch-scrollPageNav__item > span { visibility: visible; opacity: 1; } } .hardSwitch-nav-OpenMenu .hardSwitch-scrollPageNav { opacity: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } .hardSwitch-nav-OpenMenu .hardSwitch-scrollPageNav { opacity: 1; visibility: visible; position: relative; right: 270px; top: 160px; z-index: 10; min-height: 650px; } .hardSwitch-nav-OpenMenu .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title { opacity: 1; } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu .hardSwitch-scrollPageNav { display: none; } } .hardSwitch-nav-OpenMenu .hardSwitch-scrollPageNav__inner:after { content: ""; display: block; width: 1px; height: calc(100% + 154px); position: absolute; top: -154px; left: 5px; } .hardSwitch-nav-OpenMenu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99999; opacity: 0; visibility: hidden; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hardSwitch-nav-OpenMenu > .nc3-js-modal__close { position: absolute; top: 12px; right: 12px; width: 71px; height: 71px; background-color: #fff; z-index: 100; } .hardSwitch-nav-OpenMenu > .nc3-js-modal__close svg { fill: #e60012; } .hardSwitch-nav-OpenMenu .nc3-js-modal__closeSP { background-color: #fff !important; } @supports ((-webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)) or (clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%))) { .hardSwitch-nav-OpenMenu { opacity: 1; visibility: visible; will-change: clip-path; -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); -webkit-transition: -webkit-clip-path 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: -webkit-clip-path 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: clip-path 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: clip-path 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-clip-path 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } } @supports (not ((-webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)) or (clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)))) { .hardSwitch-nav-OpenMenu { opacity: 0; visibility: hidden; -webkit-transition: opacity 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, visibility 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: opacity 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, visibility 220ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } } .js-menuActive .hardSwitch-nav-OpenMenu { display: block; pointer-events: auto; opacity: 1; visibility: visible; } @supports ((-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) { .js-menuActive .hardSwitch-nav-OpenMenu { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @supports (not ((-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)))) { .js-menuActive .hardSwitch-nav-OpenMenu { opacity: 1; visibility: visible; } } .hardSwitch-nav-OpenMenu-inner { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; -webkit-transition: opacity 220ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 110ms; transition: opacity 220ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 110ms; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-inner { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; } } .js-menuActive .hardSwitch-nav-OpenMenu-inner { opacity: 1; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-contents { width: 100%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-nav-OpenMenu-contents { width: 100%; } } .hardSwitch-nav-OpenMenu-list-wp { margin: 0 auto; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-wp { box-sizing: border-box; max-width: 830px; padding: 82px 40px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-wp { padding: 0 3.74vw 63px; } } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item { border-top: 1px solid #e6e6e6; } .hardSwitch-nav-OpenMenu-list-item:last-child { border-bottom: 1px solid #e6e6e6; } } .hardSwitch-nav-OpenMenu-list-item.border-bottom { border-bottom: 1px solid #e6e6e6; } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item { position: relative; border-bottom: 1px solid #e6e6e6; } .hardSwitch-nav-OpenMenu-list-item:last-child { border-bottom: 1px solid #e6e6e6; } } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.type-parent { margin-bottom: 5px; } } .hardSwitch-nav-OpenMenu-pic-wp { position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-pic-wp { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: calc(100% - 67px); -webkit-box-pack: justify; justify-content: space-between; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-pic-wp { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; width: calc(100% - 30px); } } .hardSwitch-nav-OpenMenu-list-item__inner.is-current { background-color: #f2f2f2; } .hardSwitch-nav-OpenMenu-list-item-link.is-current { background-color: #f2f2f2; color: #e60012; pointer-events: none; } .hardSwitch-nav-OpenMenu-list-item-link { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item-link { padding-left: 21px; height: 77px; margin: 5px 0; overflow: hidden; -webkit-transition: background-color 150ms linear, color 150ms linear; transition: background-color 150ms linear, color 150ms linear; background-color: transparent; } .hardSwitch-nav-OpenMenu-list-item-link:hover .hardSwitch-nav-OpenMenu-list-text { color: #e60012; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item-link { height: 20vw; padding-left: 3.34vw; } } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { width: 13px; height: 13px; margin-right: 1.06vw; } } @media screen and (min-width: 1425px), print { .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { margin-right: 15px; width: 13px; height: 13px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { width: 2.94vw; height: 2.94vw; margin-right: 2vw; } } .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon svg { fill: #e60012; } @media screen and (min-width: 760px), print { .type-large > .hardSwitch-nav-OpenMenu-list-item-link { height: 131px; margin: 5px 0; } } @media screen and (max-width: 759.98px) { .type-large > .hardSwitch-nav-OpenMenu-list-item-link { height: 34.4vw; margin: 2.14vw 0; } } @media screen and (min-width: 760px), print { .type-large > .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { width: 13px; height: 13px; margin-right: 1.06vw; } } @media screen and (min-width: 1425px), print { .type-large > .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { margin-right: 15px; } } @media screen and (max-width: 759.98px) { .type-large > .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { width: 3.74vw; height: 3.74vw; } } .type-sub > .hardSwitch-nav-OpenMenu-list-item-link { height: auto; padding-left: 0; -webkit-box-align: start; align-items: flex-start; } @media screen and (min-width: 760px), print { .type-sub > .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { width: 11px; height: 11px; margin-right: 10px; margin-top: 8px; } } @media screen and (max-width: 759.98px) { .type-sub > .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon { width: 2.67vw; height: 2.67vw; margin-right: 2.27vw; margin-top: 0.94vw; } } .type-sub > .hardSwitch-nav-OpenMenu-list-item-link .nc3-a-icon svg { fill: #8c8c8c; } @media screen and (min-width: 760px), print { .type-parent > .hardSwitch-nav-OpenMenu-list-item-link { height: 85px; margin-bottom: 0; } } @media screen and (max-width: 759.98px) { .type-parent > .hardSwitch-nav-OpenMenu-list-item-link { height: 18.67vw; } } .hardSwitch-nav-OpenMenu-list-text { white-space: nowrap; font-weight: 600; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-text { font-size: 18px; } .hardSwitch-nav-OpenMenu-list-text.en { letter-spacing: 3px; } .type-large .hardSwitch-nav-OpenMenu-list-text { font-weight: 600; letter-spacing: 3px; font-size: 18px; } .type-sub .hardSwitch-nav-OpenMenu-list-text { font-size: 14px; line-height: 1.625; } } @media screen and (min-width: 1425px), print { .type-large .hardSwitch-nav-OpenMenu-list-text { font-size: 18px !important; letter-spacing: 3px !important; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-text { font-size: 4vw; } .hardSwitch-nav-OpenMenu-list-text.en { letter-spacing: 0.54vw; } .type-large .hardSwitch-nav-OpenMenu-list-text { font-weight: 600; font-size: 3.74vw; letter-spacing: 0.54vw; line-height: 1; position: relative; z-index: 100; } .type-sub .hardSwitch-nav-OpenMenu-list-text { font-size: 3.47vw; line-height: 1.46; } } .hardSwitch-nav-OpenMenu-pic01:before { content: ''; display: block; padding-bottom: 33.94%; } .hardSwitch-nav-OpenMenu-pic01 img { position: absolute; top: 0; left: 0; width: 100%; } .hardSwitch-nav-OpenMenu-pic01 .pic01 { z-index: 10; } .hardSwitch-nav-OpenMenu-pic01 .pic01-02 { mix-blend-mode: multiply; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-pic01 { width: 210px; position: relative; right: -28px; top: 1px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-pic01 { position: relative; width: 46.67vw; right: 0.54vw; top: 2.67vw; margin-bottom: 6.67vw; } } .hardSwitch-nav-OpenMenu-pic02 { position: relative; } .hardSwitch-nav-OpenMenu-pic02:before { content: ''; display: block; padding-bottom: 53.04%; } .hardSwitch-nav-OpenMenu-pic02 img { position: absolute; top: 0; left: 0; width: 100%; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-pic02 { margin-right: 21px; width: 106px; top: 6px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-pic02 { width: 24vw; right: 1.87vw; top: 5.6vw; margin-bottom: 11.47vw; } } .hardSwitch-nav-OpenMenu-pic03:before { content: ''; display: block; padding-bottom: 57.15%; } .hardSwitch-nav-OpenMenu-pic03 img { position: absolute; top: -14px; left: 0; width: 110%; } .hardSwitch-nav-OpenMenu-pic03 .pic03 { z-index: 10; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-pic03 { width: 186px; position: relative; right: -8px; top: 20px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-pic03 { position: relative; width: 41.87vw; right: 2.67vw; top: 2.14vw; margin-bottom: -0.26vw; } } .hardSwitch-nav-OpenMenu-list-button-wp { text-align: center; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-button-wp { padding-top: 47px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-button-wp { box-sizing: border-box; padding-top: 8vw; padding-bottom: 8vw; border-bottom: 4px solid #e6e6e6; } } .hardSwitch-nav-OpenMenu-list-item.block-nso { position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.block-nso { border-top: 5px solid #e6e6e6; margin-top: 90px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item.block-nso { border-top: 4px solid #e6e6e6; margin-top: 8vw; } } .hardSwitch-nav-OpenMenu-list-item.block-nso .icon-nso { font-size: 0; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.block-nso .icon-nso { position: absolute; top: 30px; right: 21px; width: 113px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item.block-nso .icon-nso { position: absolute; top: 6.14vw; left: 50%; margin-left: -13.6vw; width: 30vw; } } .hardSwitch-nav-OpenMenu-list-item.block-nso .icon-nso img { width: 100%; } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-item__inner { padding-bottom: 40px; } } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-item__inner > .hardSwitch-nav-OpenMenu-list-item-link { height: 87px; margin-bottom: 0; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-item__inner > .hardSwitch-nav-OpenMenu-list-item-link { height: 30.94vw; padding-right: 4vw; position: relative; margin-bottom: 6.14vw; } .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-item__inner > .hardSwitch-nav-OpenMenu-list-item-link:before { position: absolute; bottom: 0; right: 0; content: ""; display: block; height: 1px; width: 100%; background: -webkit-repeating-linear-gradient(left, #999 0, #999 1px, transparent 0px, transparent 4px); background: repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0px, transparent 4px); z-index: 10; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-item__inner > .hardSwitch-nav-OpenMenu-list-item-link .hardSwitch-nav-OpenMenu-list-text.en { text-align: center; width: 100%; font-size: 4vw; margin-top: 13.87vw; } } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-sub { padding-left: 47px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-sub { padding-left: 3.34vw; } } @media screen and (min-width: 760px), print { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-sub-list-item { margin-bottom: 20px; } } @media screen and (max-width: 759.98px) { .hardSwitch-nav-OpenMenu-list-item.block-nso .hardSwitch-nav-OpenMenu-list-sub-list-item { padding-bottom: 4.8vw; } } .hardSwitch-nav-OpenMenu .nc3-a-buttonClose { background-color: #f3f3f3; } .hardSwitch-nav-OpenMenu .nc3-a-buttonClose span { color: #3c3c3c; } .hardSwitch-nav-OpenMenu .nc3-a-buttonClose .nc3-a-icon { border-right: solid 1px #3c3c3c; } .hardSwitch-nav-OpenMenu .nc3-a-buttonClose .nc3-a-icon svg { fill: #3c3c3c; } .hardSwitch-scrollPageNav { position: relative; visibility: hidden; height: calc(100% - 160px); -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear; background-color: #fff; } @media screen and (max-width: 979.98px) { .hardSwitch-scrollPageNav { display: none; } } .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav__inner { height: 100%; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: relative; } .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title { position: absolute; } @media screen and (min-width: 980px), print { .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title { top: 15px; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title .hardSwitch-scrollPageNav-title-pic { background-repeat: no-repeat; } } @media screen and (max-width: 979.98px) { .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title { opacity: 0; -webkit-transition: opacity 0.23s linear; transition: opacity 0.23s linear; top: 73.34vw; right: 1.07vw; } .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title img { width: 1.6vw; } } .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title-pic { background-position: center top; background-size: contain; } @media screen and (min-width: 980px), print { .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title-pic { height: 100%; width: 32px; } } @media screen and (min-width: 980px), print { .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title.hardSwitch-scrollPageNav-title--compare .hardSwitch-scrollPageNav-title-pic, .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title.hardSwitch-scrollPageNav-title--accessories .hardSwitch-scrollPageNav-title-pic { width: 62px; } } .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-scrollPageNav, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-scrollPageNav { visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; -webkit-transition: all 200ms linear 200ms; transition: all 200ms linear 200ms; } .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-scrollPageNav .hardSwitch-scrollPageNav-title { opacity: 1; } @media screen and (max-width: 979.98px) { .js-nav_transformPoint_wp.js-stickyMinimum .hardSwitch-scrollPageNav, .js-nav_transformPoint_wp.js-stickyActive .hardSwitch-scrollPageNav { display: none; } } .hardSwitch-scrollPageNav__item { -webkit-box-flex: 1; flex-grow: 1; cursor: pointer; position: relative; width: 16px; margin-bottom: 2px; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; } .hardSwitch-scrollPageNav__item:before { background-color: #e6e6e6; content: ''; position: absolute; top: 0px; right: 6px; bottom: 0px; left: 6px; } .hardSwitch-scrollPageNav__item:after { content: ''; position: absolute; top: 0px; right: 6px; bottom: 0px; left: 6px; background-color: #d00105; } .hardSwitch-scrollPageNav__item > span { display: block; white-space: nowrap; padding-left: 30px; line-height: 1.714; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); visibility: hidden; opacity: 0; -webkit-transition: opacity 150ms linear, visibility 0s linear 150ms; transition: opacity 150ms linear, visibility 0s linear 150ms; } .hardSwitch-scrollPageNav__item:hover > span { color: #d00105; } .hardSwitch-scrollPageNav__item:after { opacity: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } .hardSwitch-scrollPageNav__item.is-active:after { opacity: 1; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } .local-box__contentUnit { position: relative; } @media screen and (min-width: 760px), print { .local-box__contentUnit { padding: 0 0 0 30px; margin-bottom: 40px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit { padding: 0 0 0 20px; margin-bottom: 25px; } } .local-box__contentUnit:before { content: ""; position: absolute; bottom: 0; left: 0; width: 6px; height: 100%; background: #e60012; } @media screen and (min-width: 760px), print { .local-box__contentUnit:before { height: calc(100% - 0.5rem); } } @media screen and (max-width: 759.98px) { .local-box__contentUnit:before { left: 0px; width: 4px; } } .local-box__contentUnit:last-child { margin-bottom: 0; } @media screen and (min-width: 760px), print { .local-box__contentUnit p { margin-bottom: 5px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit p { margin-bottom: 1.34vw; font-size: 12px; line-height: 22px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit .nc3-a-button { padding: 8px 18px 9px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit .nc3-a-button span { font-size: 10px; line-height: 1; margin-top: 0em; margin-bottom: 0em; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit .nc3-a-button .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 8px; width: 8px; height: 11px; } .local-box__contentUnit .nc3-a-button .nc3-a-icon:not(:last-child) { margin-right: 5px; } html[data-browser="game"] .local-box__contentUnit .nc3-a-button .nc3-a-icon:not(:last-child) { margin-right: 6px; } .local-box__contentUnit .nc3-a-button .nc3-a-icon:not(:first-child) { margin-left: 5px; } html[data-browser="game"] .local-box__contentUnit .nc3-a-button .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .local-box__contentUnit .nc3-a-button .nc3-a-icon svg { -webkit-transform: none; transform: none; } .local-box__contentUnit .local-box__contentUnit-ttl { font-weight: 700; } @media screen and (min-width: 760px), print { .local-box__contentUnit .local-box__contentUnit-ttl { font-size: 18px; margin-bottom: 5px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit .local-box__contentUnit-ttl { font-size: 4.27vw; margin-bottom: 1.34vw; } } .local-box__contentUnit .local-box__contentUnit-caution { color: #8c8c8c; } @media screen and (min-width: 760px), print { .local-box__contentUnit .local-box__contentUnit-caution { font-size: 12px; padding-left: 7px; text-indent: -7px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit .local-box__contentUnit-caution { font-size: 3.2vw; line-height: 5.87vw; padding-left: 1.6vw; text-indent: -1.6vw; } } .local-box__contentUnit .local-box__contentUnit-caution a.iconlink { text-decoration: underline; -webkit-transition: color 150ms linear; transition: color 150ms linear; } .local-box__contentUnit .local-box__contentUnit-caution a.iconlink:before { content: ""; display: inline-block; } @media screen and (min-width: 760px), print { .local-box__contentUnit .local-box__contentUnit-caution a.iconlink:before { width: 12px; height: 12px; margin-left: 5px; margin-right: 5px; } } @media screen and (max-width: 759.98px) { .local-box__contentUnit .local-box__contentUnit-caution a.iconlink:before { width: 3.2vw; height: 3.2vw; margin-left: 1.34vw; margin-right: 1.34vw; } } .local-box__contentUnitBtn { margin-top: 13px; } @media screen and (max-width: 759.98px) { .local-box__contentUnitBtn { margin-top: 1.34vw; } } .hardSwitch-software { position: relative; overflow: hidden; background-position: center; } @media screen and (min-width: 760px), print { .hardSwitch-software { background-size: 1372px 410px; } } @media screen and (max-width: 759.98px) { .hardSwitch-software { background-size: 375px 225px; } } @media screen and (min-width: 760px), print { html[data-browser="game"] .hardSwitch-software { background-image: none !important; padding-top: 25%; } } @media screen and (max-width: 759.98px) { html[data-browser="game"] .hardSwitch-software { padding-top: 33%; } } .hardSwitch-software:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } html:not([data-browser="game"]) .hardSwitch-software:before { background: rgba(0,0,0,0.8); } html[data-browser="game"] .hardSwitch-software__size { display: none; } @media screen and (min-width: 980px), print { .hardSwitch-software__size { position: relative; max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding-right: 40px; padding-left: 40px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__size { position: relative; padding-right: 40px; padding-left: 40px; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__size { position: relative; padding-right: 21px; padding-left: 21px; } } @media screen and (min-width: 980px), print { .hardSwitch-software__size:before { content: ''; display: block; padding-bottom: 36.607142857142854%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__size:before { content: ''; display: block; padding-bottom: 36.607142857142854%; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__size:before { content: ''; display: block; padding-bottom: 67.56756756756756%; } } .hardSwitch-software__linkbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .hardSwitch-software__titleArea { position: relative; } @media screen and (min-width: 980px), print { .hardSwitch-software__titleArea { max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding-right: 40px; padding-left: 40px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__titleArea { padding-right: 40px; padding-left: 40px; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__titleArea { padding-right: 21px; padding-left: 21px; } } html[data-browser="game"] .hardSwitch-software__titleArea { padding: 0; height: 100%; } @media screen and (min-width: 760px), print { .hardSwitch-software__textWrap { padding-top: calc((33 / 1120) * 100%); padding-bottom: calc((34 / 1120) * 100%); } } @media screen and (max-width: 759.98px) { .hardSwitch-software__textWrap { display: -webkit-box; display: flex; -webkit-box-align: baseline; align-items: baseline; -webkit-box-pack: justify; justify-content: space-between; padding-top: calc((39 / 666) * 100%); padding-bottom: calc((46 / 666) * 100%); } } @media screen and (min-width: 760px), print { html[data-browser="game"] .hardSwitch-software__textWrap { padding: 0; } } @media screen and (max-width: 759.98px) { html[data-browser="game"] .hardSwitch-software__textWrap { padding: 0; } } html[data-browser="game"] .hardSwitch-software__textWrap { height: 100%; position: relative; } .hardSwitch-software__textWrap img { width: 100%; } @media screen and (min-width: 760px), print { .hardSwitch-software__title { width: calc((289.5 / 1120) * 100%); position: relative; z-index: 101; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__title { display: inline-block; vertical-align: bottom; width: calc((135.5 / 333) * 100%); font-size: 0; } } html[data-browser="game"] .hardSwitch-software__title { display: none; } @media screen and (min-width: 760px), print { html[data-browser="game"] .hardSwitch-software__title { width: 128px; height: 126px; left: 19.35%; } } @media screen and (max-width: 759.98px) { html[data-browser="game"] .hardSwitch-software__title { display: none; } } @media screen and (max-width: 374.98px) { html[data-browser="game"] .hardSwitch-software__title { left: 12px; } } html[data-browser="game"] .hardSwitch-software__title img { display: none; } html[data-browser="game"] .hardSwitch-software__subTitle { display: none; } .hardSwitch-software__subTitle { text-align: right; line-height: 1; letter-spacing: 0.1em; font-weight: bold; color: #fff; } @media screen and (min-width: 760px), print { .hardSwitch-software__subTitle { position: absolute; width: calc((225 / 1120) * 100%); bottom: calc((429 / 1120) * 100%); right: 40px; } } @media screen and (min-width: 980px), print { .hardSwitch-software__subTitle { font-size: 15px; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__subTitle { display: inline-block; vertical-align: bottom; padding-left: 12px; padding-bottom: 4px; font-size: 8px; } } @media screen and (min-width: 375px) and (max-width: 759.98px) { .hardSwitch-software__subTitle { padding-left: 14px; padding-bottom: 5px; } } @media screen and (max-width: 374.98px) { .hardSwitch-software__subTitle { margin-right: -4px; padding-left: 7px; padding-bottom: 2px; } } .hardSwitch-software__slide { width: 100%; } html[data-browser="game"] .hardSwitch-software__slide { display: none; } html[data-browser="game"] .hardSwitch-software__slide { visibility: visible; } html[data-browser="game"] .hardSwitch-software__slideContainer { width: 808px; } .hardSwitch-software__slideItem { background-repeat: no-repeat; background-size: contain; background-position: center; line-height: 0; overflow: hidden; } html[data-browser="game"] .hardSwitch-software__slideItem { position: relative; float: left; width: 192px; } html[data-browser="game"] .hardSwitch-software__slideItem:nth-child(n+5) { display: none; } @media screen and (min-width: 980px), print { .hardSwitch-software__slideItem { max-width: 340px; width: calc((340 / 1120) * 100%); margin-right: 28px; border-radius: 4px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__slideItem { width: calc((180 / 768) * 100%); margin-right: 21px; border-radius: 4px; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__slideItem { width: calc((170 / 375) * 100%); margin-right: 14px; border-radius: 2px; } } .hardSwitch-software__slideItem:before { content: ''; display: block; padding-bottom: calc((190 / 340) * 100%); } .hardSwitch-software a:hover .hardSwitch-software__bt { opacity: 0.7; -webkit-transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1); } html[data-browser="game"] .hardSwitch-software__bt { position: absolute; background: url("../img/07-software/soft_bt--game.png") no-repeat center; background-size: contain; width: 215px; height: 40px; top: 50%; right: 0; left: 0; line-height: 0; text-align: center; opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } html[data-browser="game"] .hardSwitch-software__bt img { display: none; } .hardSwitch-software__bt { line-height: 0; text-align: center; opacity: 1; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } @media screen and (min-width: 980px), print { .hardSwitch-software__bt { max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding-right: 40px; padding-left: 40px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__bt { padding-right: 40px; padding-left: 40px; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__bt { padding-right: 21px; padding-left: 21px; } } @media screen and (max-width: 759.98px) { html[data-browser="game"] .hardSwitch-software__bt { margin: auto; } } html[data-browser="game"] .hardSwitch-software__bt-inner { display: none; } @media screen and (min-width: 1200px), print { .hardSwitch-software__bt-inner { padding-top: calc((29 / 1120) * 100%); padding-bottom: calc((35 / 1120) * 100%); } } @media screen and (min-width: 980px) and (max-width: 1199.98px) { .hardSwitch-software__bt-inner { padding-top: calc((24 / 1120) * 100%); padding-bottom: calc((24 / 1120) * 100%); } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__bt-inner { padding-top: calc((21 / 688) * 100%); padding-bottom: calc((23 / 688) * 100%); } } @media screen and (max-width: 759.98px) { .hardSwitch-software__bt-inner { padding-top: calc((40 / 666) * 100%); padding-bottom: calc((43 / 666) * 100%); } } @media screen and (min-width: 760px) and (max-width: 979.98px) { html[data-browser="game"] .hardSwitch-software__bt { right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media screen and (min-width: 980px), print { .hardSwitch-software__bt-inner img { width: 16.964285714285715%; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-software__bt-inner img { width: 24.418604651162788%; } } @media screen and (max-width: 759.98px) { .hardSwitch-software__bt-inner img { width: 34.53453453453454%; } } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top-wp { position: relative; width: 100%; margin: 0 auto; } @media screen and (min-width: 760px) and (max-width: 979.98px) { .gallery-top-wp { height: 42vw; } } @media screen and (max-width: 759.98px) { .gallery-top-wp { height: 75vw; } } @media screen and (min-width: 980px), print { .gallery-top-wp .local-galleryPhoto-title { display: none; } } @media screen and (max-width: 979.98px) { .gallery-top-wp .local-galleryPhoto-title { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: #fff; color: #8c8c8c; font-size: 2.67vw; height: 4.54vw; padding: 0 1.6vw; line-height: 1; font-weight: 700; position: absolute; bottom: 3.74vw; left: 0; z-index: 10; } } .gallery-top-wp .local-galleryPhoto-title .name { color: #e60012; } .gallery-top { z-index: -1; } .gallery-top .swiper-pagination { box-sizing: border-box; bottom: 0; font-size: 0; height: 12px; padding-top: 5px; } @media screen and (min-width: 980px), print { .gallery-top .swiper-pagination { display: none; } } .gallery-top .swiper-pagination .swiper-pagination-bullet { -webkit-transition: background-color 150ms linear; transition: background-color 150ms linear; background-color: #d9d9d9; width: 12.8vw; height: 3px; opacity: 1; margin: 0 1px; border-radius: 0; } .gallery-top .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background-color: #e60012; } .gallery-top .swiper-slide-item { width: 100%; } @media screen and (min-width: 980px), print { .gallery-top .swiper-slide-item:before { content: ''; display: block; padding-bottom: 42.81vw; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .gallery-top .swiper-slide-item { background-size: contain; } } @media screen and (max-width: 979.98px) { .gallery-top .swiper-slide-item:before { content: ''; display: block; padding-bottom: 100vw; } } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .hardSwitch-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .nc3-a-text .hardSwitch-iconlink, .nc3-a-caption .hardSwitch-iconlink, .nc3-a-list .hardSwitch-iconlink { text-decoration: underline; } .nc3-a-text .hardSwitch-iconlink:hover, .nc3-a-caption .hardSwitch-iconlink:hover, .nc3-a-list .hardSwitch-iconlink:hover { -webkit-transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; opacity: 1; } .hardSwitch-iconlink .nc3-a-icon { display: inline-block; vertical-align: -0.11em; } @media screen and (min-width: 760px), print { .hardSwitch-iconlink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 12px; width: 12px; height: 16px; } .hardSwitch-iconlink .nc3-a-icon:not(:last-child) { margin-right: 8px; } html[data-browser="game"] .hardSwitch-iconlink .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-iconlink .nc3-a-icon:not(:first-child) { margin-left: 8px; } html[data-browser="game"] .hardSwitch-iconlink .nc3-a-icon:not(:first-child) { margin-left: 6px; } } @media screen and (max-width: 759.98px) { .hardSwitch-iconlink .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 12px; } .hardSwitch-iconlink .nc3-a-icon:not(:last-child) { margin-right: 7px; } html[data-browser="game"] .hardSwitch-iconlink .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-iconlink .nc3-a-icon:not(:first-child) { margin-left: 7px; } html[data-browser="game"] .hardSwitch-iconlink .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .hardSwitch-iconlink .nc3-a-icon svg { fill: #e60012; } .hardSwitch-iconlink .nc3-a-icon:not(:last-child) { margin-right: 0.2em; } .hardSwitch-iconlink span { display: inline; } .hardSwitch-iconlink:hover { color: #e60012; } @media screen and (min-width: 760px), print { .hardSwitch-iconlink--small { font-size: 14px; margin-top: -0.65em; margin-bottom: -0.35em; } } @media screen and (max-width: 759.98px) { .hardSwitch-iconlink--small { font-size: 12px; margin-top: -0.65em; margin-bottom: -0.35em; } } .hardSwitch-iconlink--small .nc3-a-icon { vertical-align: -0.1em; } @media screen and (min-width: 760px), print { .hardSwitch-iconlink--small .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 12px; } .hardSwitch-iconlink--small .nc3-a-icon:not(:last-child) { margin-right: 7px; } html[data-browser="game"] .hardSwitch-iconlink--small .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-iconlink--small .nc3-a-icon:not(:first-child) { margin-left: 7px; } html[data-browser="game"] .hardSwitch-iconlink--small .nc3-a-icon:not(:first-child) { margin-left: 6px; } } @media screen and (max-width: 759.98px) { .hardSwitch-iconlink--small .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 11px; } .hardSwitch-iconlink--small .nc3-a-icon:not(:last-child) { margin-right: 6px; } html[data-browser="game"] .hardSwitch-iconlink--small .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-iconlink--small .nc3-a-icon:not(:first-child) { margin-left: 6px; } html[data-browser="game"] .hardSwitch-iconlink--small .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .hardSwitch-iconlink--xSmall .nc3-a-icon { vertical-align: -0.1em; } @media screen and (min-width: 760px), print { .hardSwitch-iconlink--xSmall .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 10px; width: 10px; height: 11px; } .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:last-child) { margin-right: 6px; } html[data-browser="game"] .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:first-child) { margin-left: 6px; } html[data-browser="game"] .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:first-child) { margin-left: 6px; } } @media screen and (max-width: 759.98px) { .hardSwitch-iconlink--xSmall .nc3-a-icon { -webkit-box-flex: 0; flex: 0 0 8px; width: 8px; height: 9px; } .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:last-child) { margin-right: 5px; } html[data-browser="game"] .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:last-child) { margin-right: 6px; } .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:first-child) { margin-left: 5px; } html[data-browser="game"] .hardSwitch-iconlink--xSmall .nc3-a-icon:not(:first-child) { margin-left: 6px; } } .hardSwitch-iconlink--green .nc3-a-icon svg { fill: #00b2b3; } .hardSwitch-iconlink--bold { text-decoration: none !important; color: #3c3c3c !important; } .hardSwitch-iconlink--bold span { font-weight: bold; -webkit-transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear; } .hardSwitch-iconlink--bold:hover span { color: #e60012; } @media screen and (max-width: 759.98px) { .hardSwitch-title-wrapper { position: relative; padding-left: 70px; } } @media screen and (max-width: 759.98px) { .hardSwitch-title-wrapper .nc3-c-anchorLinkTabs { padding-top: 18px; } } .hardSwitch-title { position: relative; background-color: #e60012; } @media screen and (min-width: 980px), print { .hardSwitch-title { padding-bottom: 32px; } .hardSwitch-title a { cursor: pointer; } } @media screen and (max-width: 759.98px) { .hardSwitch-title { background-color: #3c3c3c; } } .hardSwitch-title--parentalcontrols { min-height: auto !important; } .hardSwitch-title--parentalcontrols > div:not(:first-child) { height: auto !important; } .hardSwitch-title__hero--pc { width: 100%; max-width: none; padding-left: 24px; box-sizing: border-box; position: relative; } @media screen and (min-width: 760px), print { .hardSwitch-title--specs { background: url("../img/bg-specs.jpg") no-repeat center top, #e60012; } } @media screen and (min-width: 760px), print { .hardSwitch-title--lineup { background: url("../img/bg-lineup.jpg") no-repeat center top, #e60012; } } @media screen and (min-width: 760px), print { .hardSwitch-title--accessories { background: url("../img/bg-accessories.jpg") no-repeat center top, #e60012; } } .hardSwitch-title__title { text-align: left; padding: 32px 0 0 19px; border-left: solid 6px #fff; } .hardSwitch-title__title--jp { color: #fff; font-size: 36px; margin-top: -0.4em; margin-bottom: -0.4em; font-weight: bold; letter-spacing: 0.05em; } .hardSwitch-title__title--en { color: #fff; font-size: 16px; margin-top: -0.4em; margin-bottom: -0.4em; font-weight: bold; margin-left: 2px; padding-top: 9px; } .hardSwitch-title__logo--pc { position: absolute; top: 0; right: 0; z-index: 999; } .hardSwitch-title__logo--pc span { display: inline-block; overflow: hidden; white-space: nowrap; text-indent: 100%; width: 78px; height: 78px; background-position: center; background-repeat: no-repeat; background-image: url("../img/switch-white.svg"); background-size: 56px auto; } .hardSwitch-title--parentalcontrols .hardSwitch-title__logo--pc span { background-color: #e60012; } .hardSwitch-title__logo--sp { position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: #e60012; margin-right: 7px; } .hardSwitch-title__logo--sp span { display: inline-block; overflow: hidden; white-space: nowrap; text-indent: 100%; width: 46px; height: 46px; margin: 12px; background: url("../img/switch-white.svg") no-repeat center top; background-size: 100% auto; } .hardSwitch-title__logo--tab { text-align: right; padding: 0 0 40px; } .hardSwitch-title__logo--tab span { display: inline-block; overflow: hidden; white-space: nowrap; text-indent: 100%; width: 78px; height: 78px; background: #e60012 url("../img/switch-white.svg") no-repeat center; background-size: 56px auto; } .hardSwitch-title__listWrap { background: #343434; zoom: 1; } .hardSwitch-title__listWrap:after { content: ""; display: block; clear: both; } @media screen and (min-width: 980px), print { .hardSwitch-title__listWrap { padding: 0 8px 0 22px; } } @media screen and (max-width: 759.98px) { .hardSwitch-title__listWrap { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-left: 70px; position: relative; } } @media screen and (min-width: 980px), print { .hardSwitch-title__list { float: left; line-height: 40px; } } @media screen and (max-width: 979.98px) { .hardSwitch-title__list { display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-title__list { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 759.98px) { .hardSwitch-title__list { width: 750px; } html.alps-os-android .hardSwitch-title__list { width: 734px; } } .hardSwitch-title__item { color: #fff; white-space: nowrap; display: inline-block; vertical-align: middle; font-size: 0; letter-spacing: -0.5em; margin-right: 14px; } @media screen and (min-width: 980px), print { .hardSwitch-title__item:first-of-type { margin-left: -8px; } } .hardSwitch-title__item:first-of-type a { letter-spacing: 0.25em; } @media screen and (max-width: 979.98px) { .hardSwitch-title__item { white-space: nowrap; } .hardSwitch-title__item:first-of-type { margin-left: 14px; } .hardSwitch-title__item:nth-last-child(2) { margin-right: 7px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-title__item { margin-right: 7px; } } @media screen and (max-width: 759.98px) { .hardSwitch-title__item { margin-right: 14px; } } .hardSwitch-title__item a { position: relative; display: block; font-size: 13px; letter-spacing: normal; font-weight: bold; line-height: 44px; padding: 0 10px; overflow: hidden; } @media screen and (max-width: 979.98px) { .hardSwitch-title__item a { padding: 0 7px; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-title__item a { font-size: 12px; line-height: 49px; } } @media screen and (max-width: 759.98px) { .hardSwitch-title__item a { font-size: 11px; letter-spacing: 0.05em; line-height: 40px; } } .hardSwitch-title__item a:after { content: ''; position: absolute; right: 0; left: 0; bottom: -1px; height: 5px; background-color: #fff; -webkit-transition: 150ms linear; transition: 150ms linear; -webkit-transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0); } @media screen and (max-width: 759.98px) { .hardSwitch-title__item a:after { bottom: 0; height: 3px; } } @media screen and (min-width: 980px), print { .hardSwitch-title__item a:hover:after { -webkit-transition: 150ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: 150ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .hardSwitch-title__item:first-child a { letter-spacing: 0.25em; } @media screen and (min-width: 980px), print { .hardSwitch-title__link { float: right; line-height: 40px; color: #fff; } } @media screen and (max-width: 979.98px) { .hardSwitch-title__link { background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4 1px, transparent 1px, transparent 3px); background-image: linear-gradient(to bottom, #b4b4b4, #b4b4b4 1px, transparent 1px, transparent 3px); background-repeat: repeat-y; background-position: left top; background-size: 1px 4px; } } .hardSwitch-title__link a { font-weight: bold; background-image: url("../../../hardware/switch/img/arrow.svg"); background-repeat: no-repeat; padding-left: 15px; } @media screen and (min-width: 980px), print { .hardSwitch-title__link a { background-position: 0 1px; font-size: 13px; padding-bottom: 0.5px; background-size: 12px 12px; } } @media screen and (max-width: 979.98px) { .hardSwitch-title__link a { margin: -8px auto; padding-right: 0; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-title__link a { background-position: 2px center; background-size: 10px 10px; } } @media screen and (max-width: 759.98px) { .hardSwitch-title__link a { background-position: 2px center; background-size: 9px 9px; line-height: 40px; } } .hardSwitch-title__link a:hover { opacity: 0.7; } @media screen and (min-width: 980px), print { .hardSwitch-title__link--pc { background-color: #474747; display: block; line-height: 28px; margin: 7px 0 0; padding: 0 16px 0 12px; } .hardSwitch-title__link--pc a { background-position: left center; background-size: 8px 8px; } } @media screen and (max-width: 979.98px) { .hardSwitch-title__link--pc { display: none; } } @media screen and (min-width: 980px), print { .hardSwitch-title__link--tabSp { display: none; } } @media screen and (max-width: 979.98px) { .hardSwitch-title__link--tabSp { display: block; position: relative; } } @media screen and (min-width: 760px) and (max-width: 979.98px) { .hardSwitch-title__link--tabSp { margin: 8px 21px 8px auto; padding-left: 21px; } } @media screen and (max-width: 759.98px) { .hardSwitch-title__link--tabSp { margin: 8px auto 6px; padding-right: 18px; padding-left: 21px; } } .c-modal__inner { padding: 20px; }