/* original.css */ .cmp-accordion__header { margin: 0px; } .cmp-accordion__button { display: block; width: 100%; text-align: left; } .cmp-accordion__panel--hidden { display: none; } .cmp-accordion__panel--expanded { display: block; } .cmp-tabs__tablist { display: flex; flex-wrap: wrap; padding-left: 0px; list-style: none; } .cmp-tabs__tab { box-sizing: border-box; border-bottom: 1px solid transparent; padding: 0.5rem 1rem; cursor: pointer; } .cmp-tabs__tab--active { border-color: inherit; } .cmp-tabs__tabpanel { display: none; } .cmp-tabs__tabpanel--active { display: block; } .cmp-carousel__content { position: relative; } .cmp-carousel__item { display: none; } .cmp-carousel__item--active { display: block; } .cmp-carousel__action { appearance: none; } .cmp-carousel__indicators { display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; padding: 0px; list-style: none; } .cmp-carousel__indicator { position: relative; flex: 0 1 auto; width: 10px; height: 10px; margin: 0px 7px; border-radius: 50%; font-size: 0px; text-indent: -3000px; background-color: rgba(0, 0, 0, 0.5); } .cmp-carousel__indicator--active { background-color: rgba(0, 0, 0, 0.8); } .cmp-image__image { width: 100%; } .cmp-breadcrumb { display: inline-block; list-style: none; padding: 0px; } .cmp-breadcrumb__item { display: inline-block; vertical-align: top; } .cmp-search { position: relative; } .cmp-search__field { position: relative; height: 2rem; } .cmp-search__input { padding-left: 2rem; padding-right: 2rem; height: 100%; width: 100%; } .cmp-search__icon { display: block; position: absolute; left: 0.5rem; top: 0.5rem; background-image: none; background-size: contain; width: 1rem; height: 1rem; pointer-events: none; } .cmp-search__loading-indicator { display: none; position: absolute; top: 0.5rem; left: 0.5rem; border-width: 3px; border-style: solid; border-color: rgb(51, 51, 51) rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; border-radius: 50%; width: 1rem; height: 1rem; animation: 2s linear 0s infinite normal none running cmp-search__loading-indicator-spin; } @keyframes cmp-search__loading-indicator-spin { 100% { transform: rotate(360deg); } } .cmp-search__clear { display: none; margin: 0px; padding: 0px; border: 0px; background: transparent; } .cmp-search__clear-icon { position: absolute; top: 0.5rem; right: 0.5rem; background-image: none; background-size: contain; width: 1rem; height: 1rem; } .cmp-search__results { display: none; overflow-y: auto; min-width: 100%; max-height: 10rem; position: absolute; top: 100%; left: 0px; z-index: 999999; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); } .cmp-search__item { display: block; } .cmp-search__item--is-focused { background-color: rgb(204, 204, 204); } .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } .aem-Grid-newComponent { clear: both; margin: 0px; } .aem-GridColumn { box-sizing: border-box; clear: both; } .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.2857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.5714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.8571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.1429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.4286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.7143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.2857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.5714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.8571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.1429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.4286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.7143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.1111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.2222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.4444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.5556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.7778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.8889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.1111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.2222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.4444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.5556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.7778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.8889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.1818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.2727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.3636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.4545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.5455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.6364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.7273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.8182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.9091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.1818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.2727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.3636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.4545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.5455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.6364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.7273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.8182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.9091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.2857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.5714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.8571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.1429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.4286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.7143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.2857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.5714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.8571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.1429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.4286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.7143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.1111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.2222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.4444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.5556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.7778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.8889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.1111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.2222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.4444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.5556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.7778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.8889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.1818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.2727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.3636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.4545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.5455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.6364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.7273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.8182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.9091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.1818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.2727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.3636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.4545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.5455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.6364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.7273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.8182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.9091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.3333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0px; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.3333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.6667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline { display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none { display: block; float: left; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide { display: none; } @media (max-width: 650px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.2857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.5714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.8571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.1429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.4286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.7143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.2857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.5714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.8571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.1429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.4286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.7143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.1111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.2222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.4444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.5556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.7778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.8889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.1111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.2222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.4444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.5556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.7778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.8889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.1818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.2727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.3636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.4545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.5455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.6364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.7273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.8182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.9091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.1818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.2727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.3636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.4545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.5455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.6364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.7273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.8182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.9091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.2857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.5714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.8571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.1429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.4286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.7143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.2857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.5714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.8571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.1429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.4286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.7143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.1111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.2222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.4444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.5556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.7778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.8889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.1111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.2222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.4444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.5556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.7778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.8889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.1818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.2727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.3636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.4545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.5455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.6364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.7273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.8182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.9091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.1818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.2727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.3636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.4545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.5455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.6364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.7273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.8182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.9091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.3333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0px; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.3333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.6667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline { display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none { display: block; float: left; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide { display: none; } } @media (min-width: 651px) and (max-width: 1200px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.2857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.5714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.8571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.1429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.4286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.7143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.2857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.5714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.8571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.1429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.4286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.7143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.1111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.2222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.4444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.5556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.7778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.8889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.1111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.2222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.4444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.5556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.7778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.8889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.1818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.2727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.3636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.4545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.5455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.6364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.7273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.8182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.9091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.1818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.2727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.3636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.4545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.5455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.6364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.7273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.8182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.9091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.6667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.2857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.5714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.8571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.1429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.4286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.7143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.2857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.5714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.8571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.1429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.4286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.7143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.1111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.2222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.4444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.5556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.7778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.8889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.1111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.2222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.4444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.5556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.7778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.8889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.1818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.2727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.3636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.4545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.5455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.6364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.7273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.8182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.9091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.1818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.2727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.3636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.4545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.5455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.6364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.7273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.8182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.9091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.3333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.3333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.3333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0px; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.3333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.3333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.3333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.6667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline { display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none { display: block; float: left; clear: none !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide { display: none; } } .videobox { position: relative; overflow: hidden; margin: auto; display: block; } .videobox-large { max-width: 1000px; } .videobox-small { max-width: 608px; } .videobox-large > img { width: 1000px; } .videobox-small > img { width: 608px; } @media (max-width: 768px) { .videobox > img { width: 100%; object-fit: cover; } } .videobox > p { position: absolute; top: calc(50% - 60px); left: 50%; transform: translate(-50%, -50%); color: white; font-weight: 500; letter-spacing: 0.2em; } .videobox > a::after { content: "PLAY MOVIE"; font-size: 1rem; font-weight: 500; letter-spacing: 0.2em; color: white; padding-top: 90px; text-align: center; width: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none 50% 50% no-repeat; } @font-face { font-family: HYQiHei-85S; src: none format("truetype"); } @font-face { font-family: icomoon; src: none format("woff"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon !important; } .icon-external-link::before { content: ""; } .icon-facebook::before { content: ""; } .icon-faq::before { content: ""; } .icon-filter::before { content: ""; } .icon-globe::before { content: ""; } .icon-info::before { content: ""; } .icon-instagram::before { content: ""; } .icon-komoot::before { content: ""; } .icon-location::before { content: ""; } .icon-manual::before { content: ""; } .icon-menu-bar::before { content: ""; } .icon-minus::before { content: ""; } .icon-pdf::before { content: ""; } .icon-plus::before { content: ""; } .icon-search::before { content: ""; } .icon-strava::before { content: ""; } .icon-thumbs-down::before { content: ""; } .icon-thumbs-up::before { content: ""; } .icon-tick::before { content: ""; } .icon-twitter::before { content: ""; } .icon-urgent::before { content: ""; } .icon-youtube::before { content: ""; } .icon-zoom-In::before { content: ""; } .icon-zoom-out::before { content: ""; } .icon-arrow-down::before { content: ""; } .icon-arrow-left::before { content: ""; } .icon-arrow-right::before { content: ""; } .icon-arrow-up::before { content: ""; } .icon-bell::before { content: ""; } .icon-bike::before { content: ""; } .icon-cart::before { content: ""; } .icon-close::before { content: ""; } .icon-copyright::before { content: ""; } .icon-email::before { content: ""; } html { line-height: 1; text-size-adjust: 100%; font-size: 62.5%; } @media (min-width: 1600px) { html { font-size: 70%; } } body { margin: 0px; font-size: 1.6em; font-family: Oswald, "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-feature-settings: "palt"; color: rgb(32, 32, 32); } main { display: block; } hr { box-sizing: content-box; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } a:focus { outline: 0px; } abbr[title] { border-bottom: 0px; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, ::before, ::after { box-sizing: border-box; } a { text-decoration: none; color: inherit; cursor: pointer; } button { background-color: transparent; color: inherit; border-width: 0px; padding: 0px; cursor: pointer; } figure { margin: 0px; } ul, ol, dd { margin: 0px; padding: 0px; list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0px; font-size: inherit; font-weight: inherit; } p { margin: 0px; } cite { font-style: normal; } fieldset { border-width: 0px; padding: 0px; margin: 0px; } .fixedsticky { position: sticky; } .fixedsticky-withoutfixedfixed .fixedsticky-off, .fixed-supported .fixedsticky-off { position: static; } .fixedsticky-withoutfixedfixed .fixedsticky-on, .fixed-supported .fixedsticky-on { position: fixed; } .fixedsticky-dummy { display: none; } .fixedsticky-on + .fixedsticky-dummy { display: block; } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0px; padding: 0px; } .slick-list:focus { outline: 0px; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; left: 0px; top: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::before, .slick-track::after { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .l-header { z-index: 999; position: fixed; width: 100%; margin: 0px auto; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); } @media screen and (max-width: 1486px) { .l-header { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .l-header { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media (max-width: 1024px) { .l-main { padding-top: 60px; } } .l-content { width: 100%; max-width: 1366px; margin: 0px auto; } @media screen and (max-width: 1486px) { .l-content { width: 91.2152%; } } @media screen and (max-width: 768px) { .l-content { width: 92%; } } .l-gray-bg { margin-top: 120px; background-color: rgb(247, 247, 247); padding: 5vw 0px !important; } @media screen and (max-width: 768px) { .l-gray-bg { margin-top: 12vw; } } @media (max-width: 768px) { .l-gray-bg { padding: 12vw 0px !important; } } .l-narrow { width: 100%; max-width: 1000px; margin: 0px auto; } @media screen and (max-width: 1087.85px) { .l-narrow { width: 91.2152%; } } @media screen and (max-width: 768px) { .l-narrow { width: 92%; } } .l-footer { width: 100%; margin: 120px auto 0px; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); } @media screen and (max-width: 1486px) { .l-footer { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .l-footer { width: auto; padding-left: 4vw; padding-right: 4vw; } } .article-result { width: 100%; max-width: 1366px; margin: 40px auto 0px; position: relative; } @media screen and (max-width: 1486px) { .article-result { width: 91.2152%; } } @media screen and (max-width: 768px) { .article-result { width: 92%; } } @media screen and (max-width: 768px) { .article-result { margin-top: 6vw; } } .article-result__to-top { position: sticky; top: 140px; z-index: 5; margin-bottom: -36px; } @media (max-width: 768px) { .article-result__to-top { top: 70px; } } .article-result__to-top > a { font-size: 1.3rem; height: 36px; line-height: 36px; display: inline-block; background-color: rgb(247, 247, 247); border-radius: 4px; font-weight: bold; padding-left: 23px; padding-right: 12px; } .article-result__to-top > a::after { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 14px; transform: translate(-50%, -50%) rotate(-180deg); background: none 50% 50% / 5px 8px no-repeat; } @media (max-width: 768px) { .article-result__to-top > a { font-size: 1.1rem; height: 30px; line-height: 30px; border-radius: 0px 4px 4px 0px; } .article-result__to-top > a:not(:first-child) { margin-left: 5px; } } @media (max-width: 768px) { .article-result__to-top { top: 70px; margin-left: -4vw; } } .article-result__keys { position: absolute; top: 0px; right: 0px; font-size: 0px; } @media (max-width: 768px) { .article-result__keys { left: auto; right: 0px; } } .article-result__key { font-size: 1.3rem; height: 36px; line-height: 34px; border-radius: 4px; border: 1px solid rgb(223, 223, 223); padding: 0px 12px; display: inline-block; } .article-result__key:not(:first-child) { margin-left: 10px; } @media (max-width: 768px) { .article-result__key { font-size: 1.1rem; height: 28px; line-height: 26px; } .article-result__key:not(:first-child) { margin-left: 5px; } } .article-result__list { padding-top: 40px; } .article-result__item { margin-top: 40px; display: grid; grid-template-rows: auto auto 1fr; grid-template-columns: calc(25% - 2.25vw) 2.5fr 1fr; } @media screen and (max-width: 768px) { .article-result__item { margin-top: 6vw; } } @media (max-width: 768px) { .article-result__item { display: flex; flex-wrap: wrap; } } .article-result__item:not(:last-child) { border-bottom: 1px solid rgb(223, 223, 223); margin-bottom: 40px; padding-bottom: 40px; } .article-result__img { grid-area: 1 / 1 / 4 / 2; } .article-result__img > a > img { width: 100%; height: auto; vertical-align: top; } @media (max-width: 768px) { .article-result__img { width: 25vw; order: 1; } } .article-result__sub { grid-area: 1 / 2 / 2 / 4; } .article-result__sub > a { padding-left: 3vw; display: flex; justify-content: space-between; } @media (max-width: 768px) { .article-result__sub { order: 5; width: 100%; } .article-result__sub > a { padding-left: 0px; align-items: flex-end; } } .article-result__name > p { font-size: 1.1rem; font-weight: bold; color: rgb(117, 117, 117); position: relative; } .article-result__name > p::after { content: ""; width: 25px; height: 1px; background-color: rgb(32, 32, 32); position: absolute; bottom: -1.5em; left: 0px; } @media (max-width: 768px) { .article-result__name > p::after { display: none; } } .article-result__vol > p { font-size: 1.5rem; font-weight: 500; color: rgb(117, 117, 117); line-height: 1.2; } .article-result__vol > p > span { font-size: 2.7rem; color: rgb(32, 32, 32); } @media (max-width: 768px) { .article-result__vol > p { transform: translateY(0.16em); } .article-result__vol > p br { display: none; } .article-result__vol > p > span { padding-left: 0.1em; } } .article-result__head { grid-area: 2 / 2 / 3 / 3; } .article-result__head > a { width: 100%; display: inline-block; padding-left: 3vw; } @media (max-width: 768px) { .article-result__head { order: 2; flex: 1 1 0%; } .article-result__head > a { padding-left: 3vw; } } .article-result__date, .article__date { font-size: 1.2rem; font-weight: 500; color: rgb(189, 189, 189); margin-bottom: 5px; } .article-result__title { font-family: "Noto Serif JP", serif; font-size: 2.5rem; line-height: 1.3; letter-spacing: 0.05em; margin-bottom: 10px; } @media (max-width: 768px) { .article-result__title { font-size: 1.8rem; } } .article-result__txt { grid-area: 3 / 2 / 4 / 3; font-size: 1.3rem; line-height: 1.5; } .article-result__txt > a { display: inline-block; height: 100%; padding-left: 3vw; } @media (max-width: 768px) { .article-result__txt { width: 100%; order: 3; } .article-result__txt > a { height: auto; padding-left: 0px; padding-top: 10px; } } .article-result__tags { grid-area: 2 / 3 / 4 / 4; text-align: right; font-size: 0px; margin-top: 20px; } @media (max-width: 768px) { .article-result__tags { width: 100%; order: 4; text-align: left; margin-top: 5px; margin-left: -5px; } } .article-result__tag, .article__keyword-item { display: inline-block; margin-left: 5px; margin-top: 5px; } .article-result__tag > a, .article__keyword-item > a, .article__keyword-item > span { display: inline-block; height: 28px; font-size: 1.1rem; padding: 0px 10px; border-radius: 14px; background-color: rgb(32, 32, 32); color: white; letter-spacing: 0.05em; line-height: 28px !important; } @media (max-width: 768px) { .article-result__tag > a, .article__keyword-item > a { height: 26px; font-size: 1rem; line-height: 26px !important; } } .article__keyword-item > span { background-color: rgb(223, 223, 223); color: rgb(0, 0, 0); } .article { position: relative; padding-top: 30px; } @media (max-width: 768px) { .article { padding-top: 20px; } } .article__content { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; position: relative; width: 100%; max-width: 608px; margin: 0px auto; } @media screen and (max-width: 661.411px) { .article__content { width: 91.2152%; } } @media screen and (max-width: 768px) { .article__content { width: 92%; } } .article__content--cover { width: 100%; max-width: 1000px; margin: 0px auto; } @media screen and (max-width: 1087.85px) { .article__content--cover { width: 91.2152%; } } @media screen and (max-width: 768px) { .article__content--cover { width: 92%; } } @media (max-width: 768px) { .article__content--cover { width: 100%; } } .article__content > p { width: 100%; margin: 0px auto 20px; max-width: none; padding-left: calc(50% - 304px); padding-right: calc(50% - 304px); font-size: 1.4rem; line-height: 2.1; } @media screen and (max-width: 661.411px) { .article__content > p { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .article__content > p { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media (max-width: 768px) { .article__content > p { padding: 0px; margin-bottom: 4vw; } } .article__content > p > a { color: rgb(0, 160, 232); text-decoration: underline; } .article__content > a { color: rgb(0, 160, 232); text-decoration: underline; } .article__content > img, .article__content > figure > img { width: 100%; height: auto; } .article__content > figure { margin-bottom: 30px; padding-top: 20px; } @media (max-width: 768px) { .article__content > figure { margin-bottom: 5vw; padding-top: 0vw; } } .article__content > figure > figcaption { font-size: 1.2rem; margin-top: 10px; color: rgb(117, 117, 117); line-height: 1.4; } @media (max-width: 768px) { .article__content > figure > figcaption { margin-left: 4vw; } } .article__content > ul { margin-bottom: 20px; } @media (max-width: 768px) { .article__content > ul { margin-bottom: 4vw; } } .article__content > ul > li { list-style-type: disc; margin-left: 1.5em; } .article__content > ul > li:not(:last-child) { margin-bottom: 10px; } .article__content > ol { margin-bottom: 20px; } @media (max-width: 768px) { .article__content > ol { margin-bottom: 4vw; } } .article__content > ol > li { list-style-type: decimal; margin-left: 1.25em; } .article__content > ol > li:not(:last-child) { margin-bottom: 10px; } .article__content > h1 { font-weight: bold; font-size: 3rem; margin-bottom: 30px; } @media (max-width: 768px) { .article__content > h1 { margin-bottom: 6vw; } } .article__content > h2 { font-weight: bold; font-size: 2.7rem; margin-bottom: 30px; } @media (max-width: 768px) { .article__content > h2 { margin-bottom: 6vw; } } .article__content > h3 { font-weight: bold; font-size: 2.4rem; margin-bottom: 30px; } @media (max-width: 768px) { .article__content > h3 { margin-bottom: 6vw; } } .article__content > h4 { font-weight: bold; font-size: 2.1rem; margin-bottom: 30px; } @media (max-width: 768px) { .article__content > h4 { margin-bottom: 6vw; } } .article__content > h5 { font-weight: bold; font-size: 1.7rem; margin-bottom: 30px; } @media (max-width: 768px) { .article__content > h5 { margin-bottom: 6vw; } } .article__content > h6 { font-weight: bold; font-size: 1.3rem; margin-bottom: 30px; } @media (max-width: 768px) { .article__content > h6 { margin-bottom: 6vw; } } .article__shoulder { width: 100%; max-width: 1366px; margin: 0px auto; position: relative; } @media screen and (max-width: 1486px) { .article__shoulder { width: 91.2152%; } } @media screen and (max-width: 768px) { .article__shoulder { width: 92%; } } @media (max-width: 768px) { .article__shoulder { width: 100%; } } .article__head { width: 100%; max-width: 608px; margin: 0px auto; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media screen and (max-width: 661.411px) { .article__head { width: 91.2152%; } } @media screen and (max-width: 768px) { .article__head { width: 92%; } } .article__head .article__title { margin-top: 10px; } .article__shoulder + .article__head { margin-top: 70px; } @media (max-width: 768px) { .article__shoulder + .article__head { margin-top: 60px; } } .article__date { font-size: 1.3rem; margin-bottom: 0px; } .article__title { width: 100%; margin: 0px auto 20px; max-width: none; padding-left: calc(50% - 304px); padding-right: calc(50% - 304px); font-family: "Noto Serif JP", serif; line-height: 1.4; letter-spacing: 0.05em; font-size: 3rem !important; font-weight: normal !important; } @media screen and (max-width: 661.411px) { .article__title { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .article__title { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media (max-width: 768px) { .article__title { width: 100%; padding: 0px; margin-bottom: 15px; font-size: 2.1rem !important; } } .article__title--serif { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-size: 2.5rem; margin-bottom: 20px; font-weight: bold !important; } @media (max-width: 768px) { .article__title--serif { font-size: 2rem; margin-bottom: 15px; } } .article__video { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; margin-bottom: 30px; } @media (max-width: 768px) { .article__video { margin-bottom: 5vw; } } .article__video > iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .article__to-top { position: sticky; top: 140px; z-index: 5; margin-bottom: -36px; } @media (max-width: 768px) { .article__to-top { top: 70px; margin-left: 0px; margin-bottom: -30px; } } .article__to-top > a { font-size: 1.3rem; height: 36px; line-height: 36px; display: inline-block; background-color: rgb(247, 247, 247); border-radius: 4px; font-weight: bold; padding-left: 23px; padding-right: 12px; } .article__to-top > a::after { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 14px; transform: translate(-50%, -50%) rotate(-180deg); background: none 50% 50% / 5px 8px no-repeat; } @media (max-width: 768px) { .article__to-top > a { font-size: 1.1rem; height: 30px; line-height: 30px; border-radius: 0px 4px 4px 0px; } .article__to-top > a:not(:first-child) { margin-left: 5px; } } .article__vol { position: absolute; top: -30px; right: 0px; padding: 25px 15px 12px; background-color: rgb(32, 32, 32); } @media screen and (max-width: 768px) { .article__vol { top: -20px; padding: 10px 8px 10px 12px; } } .article__vol > p { font-size: 1.4rem; font-weight: 500; color: rgba(255, 255, 255, 0.5); line-height: 1.2; } .article__vol > p > span { font-size: 2.5rem; color: white; } @media screen and (max-width: 768px) { .article__vol > p { font-size: 1.3rem; } .article__vol > p > span { font-size: 2.2rem; } } .article__bottom { display: flex; flex-wrap: wrap; border-top: 1px solid rgb(223, 223, 223); width: 100%; max-width: 1366px; margin: 80px auto 0px; } @media screen and (max-width: 1486px) { .article__bottom { width: 91.2152%; } } @media screen and (max-width: 768px) { .article__bottom { width: 92%; } } @media screen and (max-width: 768px) { .article__bottom { margin-top: 9vw; } } .article__keyword, .article__sns { width: 100%; text-align: center; padding: 60px 0px; border-bottom: 1px solid rgb(223, 223, 223); position: relative; } @media (max-width: 768px) { .article__keyword, .article__sns { width: 100%; padding: 30px 0px; } } .article__keyword > p, .article__sns > p { font-weight: bold; font-size: 1.3rem; margin-bottom: 20px; } .article__sns::before { content: ""; height: calc(100% - 60px); width: 1px; background-color: rgb(223, 223, 223); position: absolute; top: 30px; left: 0px; } @media (max-width: 768px) { .article__sns { margin-top: 0px; margin-bottom: 0px; } .article__sns::before { display: none; height: 1px; width: 100%; top: 0px; left: 0px; } } .article__keyword-list { display: flex; justify-content: center; margin-left: -5px; } .article__sns-list { display: flex; justify-content: center; padding-top: 4px; } .article__sns-item { margin: 0px 10px; } .article__sns-item > a { font-size: 1.3rem; font-weight: 500; color: rgb(117, 117, 117); display: inline-block; position: relative; padding-left: 40px; height: 30px; line-height: 30px; } .article__sns-item > a::before { content: ""; width: 30px; height: 30px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); } .article__sns-item--facebook > a::before { background: none 50% 50% / 30px 30px no-repeat; } .article__sns-item--twitter > a::before { background: none 50% 50% / 30px 30px no-repeat; } .article__nav { width: 100%; display: flex; padding: 60px 0px; position: relative; } @media (max-width: 768px) { .article__nav { padding: 0px; flex-wrap: wrap; } } .article__prev, .article__next { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } .article__prev > a, .article__next > a { display: flex; align-items: center; } .article__prev > a .article__nav-img, .article__next > a .article__nav-img { width: 79px; } .article__prev > a .article__nav-img > img, .article__next > a .article__nav-img > img { width: 100%; height: auto; } @media (max-width: 768px) { .article__prev > a .article__nav-img, .article__next > a .article__nav-img { display: none; } } .article__prev > a > dl, .article__next > a > dl { margin: 0px; } .article__prev > a > dl > dt, .article__next > a > dl > dt { font-weight: bold; font-size: 1.3rem; margin-bottom: 10px; position: relative; } .article__prev > a > dl > dt::before, .article__next > a > dl > dt::before { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; transform: translate(-50%, -50%); } .article__prev > a > dl > dd, .article__next > a > dl > dd { font-size: 1.2rem; line-height: 1.4; } @media (max-width: 768px) { .article__prev, .article__next { order: 1; width: 50%; padding: 10px 0px; margin: 15px 0px; } } .article__prev { margin-right: auto; } .article__prev > a .article__nav-img { margin-right: 15px; } .article__prev > a > dl > dt { padding-left: 12px; } .article__prev > a > dl > dt::before { left: 3px; background: none 50% 50% / 5px 8px no-repeat; transform: translate(-50%, -50%) rotate(-180deg); } @media (max-width: 768px) { .article__prev { padding-right: 15px; } } .article__next { margin-left: auto; } .article__next > a .article__nav-img { margin-left: 15px; } .article__next > a > dl { text-align: right; } .article__next > a > dl > dt { padding-right: 14px; } .article__next > a > dl > dt::before { right: -6px; background: none 50% 50% / 5px 8px no-repeat; } @media (max-width: 768px) { .article__next { border-left: 1px solid rgb(223, 223, 223); padding-left: 15px; display: flex; justify-content: flex-end; } } .article__tolist { width: 120px; text-align: center; margin: 0px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 768px) { .article__tolist { position: relative; top: 0px; left: 0px; transform: translate(0px, 0px); } } .article__tolist > a { display: inline-block; position: relative; padding-top: 23px; font-weight: bold; font-size: 1.2rem; } @media (max-width: 768px) { .article__tolist > a { padding-top: 0px; padding-left: 30px; } } .article__tolist > a::before { content: ""; width: 20px; height: 14px; background: none 50% 50% / 20px 14px no-repeat; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } @media (max-width: 768px) { .article__tolist > a::before { left: 0px; top: 50%; transform: translate(0px, -50%); } } @media (max-width: 768px) { .article__tolist { order: 2; width: 100%; border-top: 1px solid rgb(223, 223, 223); padding: 30px 0px; } } @media (max-width: 768px) { .breadcrumbs { padding-bottom: 20px; } } .breadcrumbs__body { width: 100%; max-width: 1366px; margin: 0px auto; position: relative; display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 1486px) { .breadcrumbs__body { width: 91.2152%; } } @media screen and (max-width: 768px) { .breadcrumbs__body { width: 92%; } } @media (max-width: 768px) { .breadcrumbs__body { width: 100%; flex-direction: column-reverse; } } @media (max-width: 768px) { .breadcrumbs__nav { width: 100%; text-align: left; padding: 20px 4vw; overflow-x: auto; white-space: nowrap; overscroll-behavior-x: contain; touch-action: pan-x; } .breadcrumbs__nav::-webkit-scrollbar { display: none; } } .breadcrumbs__list { font-size: 0px; text-align: left; } .breadcrumbs__item { font-size: 1.1rem; position: relative; display: inline-block; } @media (max-width: 768px) { .breadcrumbs__item { font-size: 1.2rem; } } .breadcrumbs__item:not(:first-child) { margin-left: 8px; padding-left: 18px; } .breadcrumbs__item:not(:first-child)::before { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 0px; transform: translate(0px, -50%); background: none 50% 50% / 4px 8px no-repeat; opacity: 0.2; } .breadcrumbs__pagetop { margin-left: auto; } .breadcrumbs__pagetop > a { display: inline-block; width: 26px; height: 30px; overflow: hidden; text-indent: 100%; white-space: nowrap; position: relative; border-top: 1px solid rgb(255, 255, 255); margin-top: 25px; } @media (max-width: 768px) { .breadcrumbs__pagetop > a { width: 100vw; height: 44px; background-color: rgba(0, 0, 0, 0.25); border-top: 0px; margin-top: 0px; } } .breadcrumbs__pagetop > a::before { content: ""; width: 26px; height: 26px; background: none 60% 50% / 12.8px 25.6px no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); } .breadcrumbs--top { padding-top: 124px; color: rgb(189, 189, 189); } @media (max-width: 1024px) { .breadcrumbs--top { padding-top: 60px; } } @media (max-width: 768px) { .breadcrumbs--top { display: none; } } .breadcrumbs--top .breadcrumbs__nav { padding: 14px 0px; } .breadcrumbs--top .breadcrumbs__item > a { color: rgb(189, 189, 189); } .breadcrumbs--bottom { background-color: rgb(32, 32, 32); color: rgb(117, 117, 117); } .breadcrumbs--bottom .breadcrumbs__item:not(:first-child)::before { background: none 50% 50% / 4px 8px no-repeat; } .breadcrumbs--bottom .breadcrumbs__item > a { color: rgb(117, 117, 117); } .breadcrumbs + .footer { margin-top: 0px; } .main + .breadcrumbs { margin-top: 120px; } @media screen and (max-width: 768px) { .main + .breadcrumbs { margin-top: 12vw; } } .button { position: relative; width: 260px; height: 52px; margin: 40px auto 0px; line-height: 52px; text-align: center; font-weight: bold; font-size: 1.2rem; letter-spacing: 0.2em; background-color: rgb(32, 32, 32); color: white; overflow: hidden; } @media screen and (max-width: 768px) { .button { margin-top: 6vw; } } @media (max-width: 768px) { .button { width: 62vw; max-width: 260px; height: 48px; margin-left: auto; margin-right: auto; line-height: 48px; font-size: 1.1rem; } } .button::after { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; right: 12px; transform: translate(-50%, -50%); background: none 50% 50% / 5px 8px no-repeat; } .button > a, .button > span { display: inline-block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .button > a > span { width: 100%; height: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } .button--white { color: rgb(32, 32, 32); background-color: white; } .button--white::after { background: none 50% 50% / 5px 8px no-repeat; } .button--white .button__clone { color: rgb(32, 32, 32); } .button--plus::after { display: none; } .button--plus > a { position: relative; } .button--plus > a::before, .button--plus > a::after { content: ""; width: 10px; height: 2px; position: absolute; top: 50%; right: 12px; transform: translate(-50%, -50%); background: 0px center white; } .button--plus > a::after { transform: translate(-50%, -50%) rotate(-90deg); } .button--plus > a > span { width: auto; height: auto; position: static; transform: none; pointer-events: auto; } .button--down::after { transform: translate(-50%, -50%) rotate(90deg); } .button--plain { text-align: center; width: auto; height: auto; background: 0px center; line-height: normal; margin-top: 30px; } @media screen and (max-width: 768px) { .button--plain { margin-top: 6vw; } } .button--plain::after { display: none; } .button--plain > a, .button--plain > span { position: relative; top: auto; left: auto; display: inline-block; letter-spacing: 0.1em; padding-right: 20px; color: rgb(117, 117, 117); width: auto; height: auto; transform: none; line-height: normal; } .button--plain > a::before, .button--plain > a::after, .button--plain > span::before, .button--plain > span::after { right: 0px; background-color: rgb(32, 32, 32); } .button > input { width: 100%; height: 100%; background: 0px center; border: 0px; outline: 0px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; margin: 0px; padding: 0px; } .button__original { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); pointer-events: none; } .button__clone { color: white; z-index: 2; position: absolute !important; top: 100% !important; left: 0px !important; transform: none !important; } .button__arrow { width: 10px; height: 10px; position: absolute; top: 50%; right: 12px; transform: translate(-50%, -50%); z-index: 3; } .button__arrow--white { background: none 50% 50% / 5px 8px no-repeat; } .button__arrow--black { background: none 50% 50% / 5px 8px no-repeat; } @media (max-width: 768px) { .button__arrow { display: none; } } .compare-product { width: 100%; max-width: 1366px; margin: 40px auto 0px; position: relative; } @media screen and (max-width: 1486px) { .compare-product { width: 91.2152%; } } @media screen and (max-width: 768px) { .compare-product { width: 92%; } } @media screen and (max-width: 768px) { .compare-product { margin-top: 6vw; } } .compare-product__row { display: flex; flex-wrap: wrap; position: relative; } .compare-product__row.compare-product__row--spec { padding: 26px 14px 25px; } .compare-product__row--selector { position: static; top: 139px; left: 0px; z-index: 5; } @supports (position:sticky) { .compare-product__row--selector { position: sticky; } } @media (max-width: 1024px) { .compare-product__row--selector { top: 70px; } } .compare-product__row--selector::before { content: ""; width: 100%; height: calc(100% + 15px); background: linear-gradient(to top, rgba(255, 255, 255, 0), white, white, white); position: absolute; top: -15px; left: 0px; } .compare-product__row--selector.fixedsticky-on { width: 100%; max-width: 1366px; margin: 0px auto; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1486px) { .compare-product__row--selector.fixedsticky-on { width: 91.2152%; } } @media screen and (max-width: 768px) { .compare-product__row--selector.fixedsticky-on { width: 92%; } } .compare-product__row--selector.fixedsticky-off::before { display: none; } .compare-product__row--img { margin-top: 20px; margin-bottom: 20px; } .compare-product__cell { width: calc(33.3333% - 2vw); } .compare-product__cell:not(:first-child) { margin-left: 3vw; } @media (max-width: 768px) { .compare-product__cell { width: calc(50% - 1.5vw); } .compare-product__cell:last-child { display: none; } } .compare-product__selector { border: 1px solid rgb(223, 223, 223); border-radius: 4px; position: relative; background-color: white; } .compare-product__selector:not(:first-of-type) { margin-top: 10px; } @media (max-width: 768px) { .compare-product__selector:not(:first-of-type) { margin-top: 6px; } } .compare-product__selector > select { width: 100%; padding: 12px 10px; background: transparent; overflow: hidden; appearance: none; cursor: pointer; font-size: 1.2rem; border: 2px solid rgb(67, 156, 215); border-radius: 5px; } @media (max-width: 768px) { .compare-product__selector > select { font-size: 1.6rem; } } .compare-product__selector::after { content: ""; width: 6px; height: 12px; position: absolute; top: 50%; right: 6px; transform: translate(-50%, -50%); background: none 50% 50% / 6px 12px no-repeat; } .compare-product__img { max-width: 289px; margin: 0px auto; } .compare-product__img > img { width: 100%; } .compare-product__row-header { width: 100%; font-weight: 500; font-size: 20px; line-height: 30px; margin-bottom: 18px; letter-spacing: 0.05em; } @media (max-width: 1024px) { .compare-product__row-header { font-size: 16px; line-height: 24px; } } .compare-product__cell { text-align: left; } .compare-product__cell > p { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-weight: 400; display: inline-block; text-align: left; font-size: 16px; line-height: 23px; } @media (max-width: 1024px) { .compare-product__cell > p { font-size: 12px; line-height: 17px; } } .compare-odd-bg { background: rgb(247, 247, 247); } .compare-product__row-header + .compare-product__cell { margin-left: 0px; } .compare-product__annotation { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-size: 1.2rem; line-height: 1.4; color: rgb(117, 117, 117); padding-top: 20px; } @media (max-width: 768px) { .compare-product__annotation { padding-top: 0px; } } .compare-product__selector > select.compare-product__bordered-field { border: 2px solid rgb(32, 32, 32); border-radius: 5px; } .product-compare-page .product-compare-instruction { display: flex; height: 73px; align-items: center; justify-content: center; } .product-compare-page .product-compare-instruction .cmp-text { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-weight: 400; font-size: 16px; line-height: 23px; text-align: center; letter-spacing: 0.05em; color: rgb(0, 0, 0); } .product-compare-page .headline__head--mb { margin-bottom: 33px; } .product-compare-page .compare-product { margin-top: 6px; } .product-compare-page .compare-product__row.compare-product__row--selector { padding-top: 20px; } @media (max-width: 1024px) { .product-compare-page .text:not(.footer__bottom--global) .cmp-text { font-size: 14px; line-height: 20px; } .product-compare-page .headline__head--mb { margin-bottom: 20px; } .product-compare-page .compare-product { margin-top: 0px; } .product-compare-page .compare-product__row.compare-product__row--selector { padding-top: 10px; } } .event { width: 100%; max-width: 1000px; margin: 120px auto 0px; } @media screen and (max-width: 1087.85px) { .event { width: 91.2152%; } } @media screen and (max-width: 768px) { .event { width: 92%; } } @media screen and (max-width: 768px) { .event { margin-top: 12vw; } } .event__item { padding-bottom: 50px; } .event__head { position: relative; } .event__head > a { display: flex; justify-content: space-between; position: relative; padding: 20px 0px; } .event__head > a::before, .event__head > a::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .event__head > a::before { background-color: rgb(223, 223, 223); } .event__head > a::after { background-color: rgb(32, 32, 32); width: 30px; } .event__name { font-size: 1.8rem; font-weight: bold; margin-right: auto; } .event__state { font-size: 1.2rem; color: rgb(117, 117, 117); padding: 5px 20px 5px 0px; position: relative; margin-left: auto; } .event__state::before, .event__state::after { content: ""; width: 10px; height: 2px; position: absolute; top: 50%; right: 0px; transform: translate(-50%, -50%); background: 0px center rgb(32, 32, 32); } .event__state::before { transform: translate(-50%, -50%) rotate(-90deg); } .event__date { margin-top: 30px; font-weight: bold; font-size: 1.5rem; } .event__alert { margin-top: 10px; font-weight: bold; color: rgb(198, 16, 23); font-size: 1.2rem; } .event__inner { padding: 30px 0px; } .event__info { display: flex; } .event__info:not(:last-child) { margin-bottom: 40px; } @media (max-width: 768px) { .event__info:not(:last-child) { margin-bottom: 30px; } } .event__info:last-child this__detail { border-bottom: 0px; } @media (max-width: 768px) { .event__info { display: block; } } .event__label { width: 30%; font-weight: bold; font-size: 1.5rem; line-height: 1.5; padding-right: 30px; } @media (max-width: 768px) { .event__label { width: 100%; margin-bottom: 10px; } } .event__detail { width: 70%; border-bottom: 1px solid rgb(223, 223, 223); padding-bottom: 40px; line-height: 1.5; } .event__detail > img { max-width: 100%; height: auto; } @media (max-width: 768px) { .event__detail { width: 100%; padding-bottom: 30px; } } .filter { width: 100%; max-width: 1366px; margin: 40px auto 0px; background-color: rgb(247, 247, 247); } @media screen and (max-width: 1486px) { .filter { width: 91.2152%; } } @media screen and (max-width: 768px) { .filter { width: 92%; } } @media screen and (max-width: 768px) { .filter { margin-top: 6vw; } } .filter__headline { width: 100%; height: 60px; position: relative; } @media (max-width: 768px) { .filter__headline { height: 50px; } } .filter__headline > a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .filter__headline > a::after { content: ""; width: calc(100% - 6vw); height: 1px; background-color: rgb(223, 223, 223); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .filter__title { display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 1.5rem; } @media (max-width: 768px) { .filter__title { font-size: 1.4rem; } } .filter__title > img { margin-right: 10px; } @media (max-width: 768px) { .filter__title > img { width: 20px; height: auto; } } .filter__title--sub { font-size: 1.3rem; } .filter__state { position: absolute; top: 50%; right: 3vw; transform: translateY(-50%); font-size: 1.2rem; letter-spacing: 0.05em; color: rgb(117, 117, 117); padding-right: 20px; } @media (max-width: 768px) { .filter__state { font-size: 1.1rem; } } @media (max-width: 320px) { .filter__state { width: 20px; text-indent: 100vw; white-space: nowrap; overflow: hidden; } } .filter__state::before, .filter__state::after { content: ""; width: 10px; height: 2px; position: absolute; top: 50%; right: 0px; transform: translate(-50%, -50%); background: 0px center rgb(32, 32, 32); } .filter__state::before { transform: translate(-50%, -50%) rotate(-90deg); } .filter__inner { padding-top: 30px; } .filter__main { padding: 0px 3vw 25px; display: flex; justify-content: space-evenly; flex-wrap: wrap; } .filter__label { font-size: 1.3rem; font-weight: bold; margin-bottom: 15px; } .filter__content { width: calc(25% - 1.5vw); } @media (max-width: 1024px) { .filter__content { width: calc(50% - 1.5vw); } .filter__content:nth-child(-n+2) { margin-bottom: 20px; } } @media (max-width: 768px) { .filter__content { width: 100%; } .filter__content:nth-child(n) { margin-bottom: 0px; } .filter__content:not(:last-child) { margin-bottom: 20px; } } .filter__content--checkbox { width: 100%; padding: 0px 3vw 10px; } .filter__content--checkbox > ul { display: flex; flex-wrap: wrap; width: calc(100% + 20px); transform: translateX(-20px); } .filter__content--checkbox > ul > li { margin-left: 20px; width: calc(16.6667% - 20px); display: flex; } @media (max-width: 1280px) { .filter__content--checkbox > ul > li { width: calc(25% - 20px); } } @media (max-width: 1024px) { .filter__content--checkbox > ul > li { width: calc(33.3333% - 20px); } } @media (max-width: 768px) { .filter__content--checkbox > ul > li { width: calc(50% - 20px); } } .filter__content--checkbox > ul > li:nth-child(n+7) { margin-top: 15px; } @media (max-width: 1280px) { .filter__content--checkbox > ul > li:nth-child(n) { margin-top: 0px; } .filter__content--checkbox > ul > li:nth-child(n+5) { margin-top: 15px; } } @media (max-width: 1024px) { .filter__content--checkbox > ul > li:nth-child(n) { margin-top: 0px; } .filter__content--checkbox > ul > li:nth-child(n+4) { margin-top: 15px; } } @media (max-width: 768px) { .filter__content--checkbox > ul > li:nth-child(n) { margin-top: 0px; } .filter__content--checkbox > ul > li:nth-child(n+3) { margin-top: 15px; } } .filter__content--checkbox > ul > li > label { font-size: 1.2rem; padding-left: 5px; } .filter__select { border: 1px solid rgb(223, 223, 223); border-radius: 4px; position: relative; background-color: white; } .filter__select:not(:first-of-type) { margin-top: 18px; display: none; } .filter__select:not(:first-of-type)::before { content: ""; width: 10px; height: 10px; position: absolute; top: -10px; left: 50%; transform: translate(-50%, -50%) rotate(90deg); background: none 50% 50% / 5px 8px no-repeat; } .filter__select > select { width: 100%; padding: 12px 10px; background: transparent; border: 0px; overflow: hidden; appearance: none; cursor: pointer; font-size: 1.2rem; } @media (max-width: 768px) { .filter__select > select { font-size: 1.6rem; } } .filter__select::after { content: ""; width: 6px; height: 12px; position: absolute; top: 50%; right: 6px; transform: translate(-50%, -50%); background: none 50% 50% / 6px 12px no-repeat; } .filter__price { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .filter__price .filter__select { width: calc(50% - 1em); margin-top: 0px; } .filter__price .filter__select:nth-child(n) { display: block; } .filter__price .filter__select::before { display: none; } .filter__price > p { font-size: 1.3rem; } .filter__annotation { font-size: 1.1rem; margin-top: 15px; padding: 0px 40px; color: rgb(117, 117, 117); } @media (max-width: 1024px) { .filter__annotation { padding: 0px 3vw; } } .filter__buttons { text-align: center; margin: 30px 0px; } .filter__button::after { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; right: 12px; transform: translate(-50%, -50%) rotate(90deg); background: none 50% 50% / 5px 8px no-repeat; } .filter__reset { display: inline-block; text-align: center; position: relative; font-size: 1.2rem; font-weight: bold; padding: 10px 20px; margin-top: 10px; color: rgb(117, 117, 117); } .filter__reset input { width: 100%; height: 100%; background: 0px center; border: 0px; outline: 0px; text-indent: 200%; white-space: nowrap; overflow: hidden; cursor: pointer; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; } .cta-section { width: 100%; margin: 120px auto 0px; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); background-color: rgb(247, 247, 247); display: flex; justify-content: center; } @media screen and (max-width: 1486px) { .cta-section { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .cta-section { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media screen and (max-width: 768px) { .cta-section { margin-top: 12vw; } } @media (max-width: 768px) { .cta-section { display: block; padding-top: 0vw; } } .cta-section__content { width: 50%; position: relative; } @media (max-width: 768px) { .cta-section__content { width: 100%; } } @media (max-width: 768px) { .cta-section__content:not(:first-child) { border-top: 1px solid rgb(223, 223, 223); } } .cta-section__content:not(:first-child)::before { content: ""; width: 1px; height: 80%; background-color: rgb(223, 223, 223); position: absolute; top: 10%; left: 0px; } @media (max-width: 768px) { .cta-section__content:not(:first-child)::before { display: none; } } .cta-section__content > a { display: inline-block; padding: 5vw 6vw; } @media (max-width: 768px) { .cta-section__content > a { padding: 12vw 0px; } } .cta-section__headline { margin-bottom: 30px; } @media (max-width: 768px) { .cta-section__headline { margin-bottom: 4vw; } } .cta-section__copy { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-size: 1.3rem; line-height: 1.7; margin-bottom: 30px; text-align: center; } @media (max-width: 768px) { .cta-section__copy { margin-bottom: 4vw; } } .footer { background-color: rgb(32, 32, 32); padding-bottom: 20px; position: relative; overflow: hidden; } .footer__sns { margin-bottom: 45px; } @media (max-width: 768px) { .footer__sns { margin-bottom: 40px; } } .footer__sns__title { text-align: center; color: rgb(117, 117, 117); font-size: 1.5rem; font-weight: 500; letter-spacing: 0.25em; margin-bottom: 20px; } @media (max-width: 768px) { .footer__sns__title { margin-bottom: 15px; } } .footer__sns__list { display: flex; justify-content: center; } .footer__sns__item { width: 40px; height: 40px; vertical-align: top; } @media (max-width: 768px) { .footer__sns__item { width: 34px; height: 34px; } } .footer__sns__item:not(:last-child) { margin-right: 30px; } .footer__sns__item > a { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 100%; height: 100%; } .footer__sns__item--facebook { background: none 0px 0px / cover no-repeat; } .footer__sns__item--twitter { background: none 0px 0px / cover no-repeat; } .footer__sns__item--instagram { background: none 0px 0px / cover no-repeat; } .footer__sns__item--youtube { background: none 0px 0px / cover no-repeat; } .footer__links { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; display: flex; flex-wrap: wrap; justify-content: space-between; } .footer__links__block { margin-bottom: 30px; position: relative; width: calc(20% - 20px); } .footer__links__block:nth-child(2) { width: 40%; } .footer__links__block:nth-child(5) { width: 100%; } .footer__links__block:nth-child(6), .footer__links__block:nth-child(7), .footer__links__block:nth-child(8), .footer__links__block:nth-child(9) { width: calc(25% - 20px); } .footer__links__title { width: 100%; font-size: 1.3rem; font-weight: bold; color: rgb(117, 117, 117); margin-bottom: 15px; } .footer__links__list { width: 100%; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.12); display: flex; flex-wrap: wrap; justify-content: space-between; } .footer__links__item { font-size: 1.1rem; color: rgb(117, 117, 117); line-height: 1.4; width: 100%; margin-bottom: 10px; } .footer__links__block:nth-child(2) .footer__links__item { width: 50%; } .footer__links__block:nth-child(5) .footer__links__item { width: 20%; } .footer__bottom { display: flex; justify-content: space-between; padding-top: 20px; } .footer__bottom--copyright { color: rgb(117, 117, 117); font-size: 0.9rem; letter-spacing: 0.05em; } .footer__bottom--global { color: rgb(117, 117, 117); font-size: 0.9rem; letter-spacing: 0.05em; } .footer__bottom--global > a { display: flex; align-items: center; } .footer__bottom--global > a::before { content: ""; width: 12px; height: 12px; display: inline-block; background: none 0px 0px no-repeat; margin-right: 5px; opacity: 0.3; } @media (max-width: 1024px) { .footer__links__block:nth-child(5) .footer__links__item { width: 33.333%; } } @media (max-width: 768px) { .footer__links__block { margin-bottom: 15px; } .footer__links__block:nth-child(n) { width: 100%; } .footer__links__block:nth-child(n+3):nth-child(-n+4) { width: calc(50% - 10px); } .footer__links__block:nth-child(n+6) { width: calc(50% - 10px); } .footer__links__block:nth-child(n+6) .footer__links__list { display: block; } .footer__links__block:nth-child(n) .footer__links__item { width: calc(50% - 10px); } .footer__links__block:nth-child(n+3):nth-child(-n+4) .footer__links__item { width: 100%; } .footer__links__block:nth-child(n+6) .footer__links__item { width: 100%; } .footer__links__title { margin-bottom: 12px; } .footer__links__list { padding-top: 12px; } .footer__bottom { flex-direction: column; align-items: center; padding-top: 20px; } .footer__bottom--copyright { order: 2; } .footer__bottom--global { order: 1; margin-bottom: 30px; } } .header { display: flex; top: 0px; left: 0px; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: white; width: 100%; } .header::after { content: ""; width: 100%; height: 1px; background-color: rgb(223, 223, 223); position: absolute; bottom: 0px; left: 0px; pointer-events: none; } @media (max-width: 1024px) { .header { width: 100%; height: 60px; justify-content: flex-end; position: fixed; inset: 0px; overflow-y: auto; padding: 0px; border-bottom: 0px; background: 0px center; overscroll-behavior-y: contain; touch-action: pan-y; align-items: flex-start; } .header::after { display: none; } } .header__bg { width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.3); display: none; z-index: 99; } .header__toggle { display: none; } @media (max-width: 1024px) { .header__toggle { display: block; width: 60px; height: 60px; position: absolute; top: 0px; right: 0px; } .header__toggle::before, .header__toggle::after { content: ""; width: 10px; height: 2px; background-color: rgb(32, 32, 32); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header__toggle::after { transform: translate(-50%, -50%) rotate(90deg); } } .header__sub { order: 1; width: 100%; height: 44px; position: relative; } @media (max-width: 1024px) { .header__sub { order: 3; border-bottom: 0px; z-index: 10; display: flex; align-items: center; justify-content: right; height: 60px; width: auto; margin-right: 67px; position: fixed; top: 0px; right: 0px; } } @media (max-width: 768px) { .header__sub { margin-right: 59px; max-width: calc(100% - 240px); } } .header__sub::after { content: ""; width: 100vw; height: 1px; background-color: rgb(223, 223, 223); position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } @media (max-width: 1024px) { .header__sub::after { display: none; } } .header__sub-list { display: flex; justify-content: flex-end; } @media (max-width: 1024px) { .header__sub-list { justify-content: center; } } .header__sub-item { font-weight: 500; font-size: 12px; line-height: 44px; letter-spacing: 0.05em; } @media (max-width: 1024px) { .header__sub-item { display: flex; justify-content: center; line-height: 26px; min-height: 26px; } } @media (max-width: 768px) { .header__sub-item:not(#regionSelector-open-btn) { line-height: 18px; align-items: center; } } .header__sub-item:not(:last-child) { margin-right: 20px; } .header__lang { display: flex; align-items: center; position: relative; padding-left: 35px; background: 0px 50% / 24px 16px no-repeat; } @media (max-width: 1024px) { .header__lang { padding-left: 0px; width: 35px; } .header__lang::before, .header__lang::after { display: none !important; } } .header__lang::after { content: ""; width: 10px; height: 10px; background: none 50% 50% / 4px 6px no-repeat; transform: rotate(90deg); margin-left: 2px; } .header__lang--jp { background-image: none; } .header__lang--jp::before { content: "日本語"; } .header__lang--ch { background-image: none; } .header__lang--ch::before { content: "简体中文"; } .header__lang--sg { background-image: none; } .header__lang--sg::before { content: "English"; } .header__lang--nz { background-image: none; } .header__lang--nz::before { content: "English"; } .header__lang--au { background-image: none; } .header__lang--au::before { content: "English"; } .header__lang--us { background-image: none; } .header__lang--us::before { content: "English"; } .header__lang--br { background-image: none; } .header__lang--br::before { content: "Português"; } .header__lang--ar { background-image: none; } .header__lang--ar::before { content: "Español"; } .header__lang--eu { background-image: none; } .header__lang--eu::before { content: "English"; } .header__lang--ca::before { content: "Français"; } .header__lang--gb::before { content: "English"; } .header__lang--it::before { content: "Italiano"; } .header__lang--fr::before { content: "Français"; } .header__lang--cz::before { content: "Český"; } .header__lang--de::before { content: "Deutsch"; } .header__lang--nl::before { content: "Nederlands"; } .header__lang--pl::before { content: "Polski"; } .header__lang--ru::before { content: "Pусский"; } .header__lang--tr::before { content: "Türkçe"; } .header__lang--es::before { content: "Español"; } .header__lang--cn::before { content: "简体中文"; } .header__logo { order: 2; height: 80px; display: flex; align-items: center; z-index: 5; position: relative; } .header__logo > a > img { vertical-align: bottom; } @media (max-width: 1024px) { .header__logo { order: 1; background-color: white; height: 60px; display: flex; align-items: center; width: 100%; padding-left: 4vw; border-bottom: 1px solid rgb(223, 223, 223); z-index: 9; position: fixed; top: 0px; left: 0px; } .header__logo > a > img { width: 100px; height: auto; } } .header__nav { order: 3; display: flex; justify-content: center; align-items: center; } @media (max-width: 1024px) { .header__nav { order: 4; display: block; width: 100%; margin-top: 60px; padding-bottom: 25px; background-color: white; } .header__nav::before { content: ""; width: 100%; height: 100vh; background-color: white; position: fixed; top: 0px; left: 0px; } } .header__list { display: flex; justify-content: center; } @media (max-width: 1024px) { .header__list { display: block; } } .header__item { height: 80px; display: flex; align-items: center; } @media (max-width: 1024px) { .header__item { height: auto; padding: 0px; display: block; position: relative; background-color: white; overflow: hidden; } } .header__item > a { display: block; padding: 0px 15px; position: relative; font-size: 1.6rem; font-weight: 500; letter-spacing: 0.05em; z-index: 999; } @media (max-width: 1024px) { .header__item > a { display: flex; width: calc(100% - 60px); height: 60px; line-height: 60px; padding-left: 4vw; background: none calc(100% - 25px) 50% / 5px 8px no-repeat; } .header__item > a::before { content: ""; width: 1px; height: 70%; background-color: rgb(223, 223, 223); position: absolute; top: 50%; right: 0px; transform: translateY(-50%); } } .header__item > a > span { display: none; } @media (max-width: 1024px) { .header__item > a > span { display: inline-block; font-size: 1.1rem; font-weight: bold; color: rgb(117, 117, 117); padding-left: 8px; } } .header__item > a::after { content: ""; width: 0px; height: 2px; background-color: rgb(32, 32, 32); position: absolute; top: calc(50% + 37px); left: 50%; transform: translateX(-50%); } @media (max-width: 1024px) { .header__item > a::after { width: 100vw; height: 1px; background-color: rgb(223, 223, 223); top: auto; bottom: 0px; left: 0px; transform: none; } } .header__item:not(:first-of-type) .header__nav__drop__row { display: flex; justify-content: center; } .header__item:not(:first-of-type) .header__nav__drop__row:nth-child(n) { padding-left: 0px; } @media (max-width: 1024px) { .header__item:not(:first-of-type) .header__nav__drop__row { display: block; } } .header__drop { position: fixed; top: 124px; left: 0px; width: 100vw; display: none; background-color: white; padding-top: 20px; padding-bottom: 20px; z-index: 4; } .header__drop::before { content: ""; width: 100%; height: 80px; position: absolute; top: -80px; left: 0px; } @media (max-width: 1024px) { .header__drop { position: static; padding: 0px; background-color: rgb(247, 247, 247); display: block; overflow: hidden; } } .header__drop__inner { display: flex; justify-content: center; flex-wrap: wrap; } @media (max-width: 1024px) { .header__drop__inner { width: 100%; position: static; padding: 0px; display: block; } } .header__drop__row { width: 12.5%; padding: 10px 0px; } @media (max-width: 1440px) { .header__drop__row { width: 14.28%; } } @media (max-width: 1366px) { .header__drop__row { width: 16.66%; } } .header__drop__row:not(:first-child) { border-left: 1px solid rgb(223, 223, 223); padding-left: 1vw; } @media (max-width: 1024px) { .header__drop__row { width: 100%; padding: 0px; position: relative; } .header__drop__row:not(:first-child) { border-left: 0px; padding-left: 0px; } } @media (max-width: 1024px) { .header__drop__content { position: relative; overflow: hidden; } } .header__drop__title { margin-bottom: 10px; } @media (max-width: 1024px) { .header__drop__title { margin-bottom: 0px; border-bottom: 1px solid rgb(223, 223, 223); } } .header__drop__title:not(:first-child) { margin-top: 20px; } @media (max-width: 1024px) { .header__drop__title:not(:first-child) { margin-top: 0px; } } .header__drop__title > a { display: flex; align-items: center; margin-right: 10px; } @media (max-width: 1024px) { .header__drop__title > a { width: 100%; height: 60px; padding-left: 4vw; margin-right: 0px; } } .header__drop__title > a > img { width: 49px; height: 49px; margin-right: 10px; mix-blend-mode: multiply; position: relative; z-index: 1; } @media (max-width: 1024px) { .header__drop__title > a > img { margin-right: 15px; } } .header__drop__title > a > p { font-size: 1.4rem; font-weight: 500; display: flex; align-items: center; } .header__drop__title > a > p > span { font-size: 1.1rem; font-weight: bold; color: rgb(117, 117, 117); white-space: nowrap; padding-left: 8px; } .header__drop__title--new { border-top: 1px solid rgb(223, 223, 223); padding-top: 20px; } @media (max-width: 1024px) { .header__drop__title--new { border-top: 0px; padding-top: 0px; } } @media (max-width: 1024px) { .header__drop__title--new > a { background: none calc(100% - 27px) 50% / 5px 8px no-repeat; } } @media (max-width: 1024px) { .header__drop__title--new > a > img { width: 43px; height: 43px; margin-left: 3px; } } .header__drop__item { font-size: 1.1rem; font-weight: bold; color: rgb(117, 117, 117); line-height: 1.3; } .header__drop__item span { font-size: 0.9rem; } .header__drop__item:not(:last-child) { margin-bottom: 7px; } @media (max-width: 1024px) { .header__drop__item:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 1024px) { .header__drop__item { border-bottom: 1px solid rgb(223, 223, 223); } .header__drop__item:not(:last-child) { margin: 0px; } .header__drop__item > a { display: inline-block; width: 100%; padding: 20px 4vw 20px 8vw; position: relative; } .header__drop__item > a::after { content: ""; width: 60px; height: 60px; background: none 50% 50% / 5px 8px no-repeat; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); } } .header__search { order: 4; margin-left: 70px; position: relative; display: flex; flex-direction: column; z-index: 4; } .header__search::after { content: "SEARCH"; height: 0px; font-size: 1.3rem; letter-spacing: 0.05em; overflow: hidden; padding-left: 20px; display: inline-block; } .header__search::before { content: ""; width: 0px; height: 1px; background-color: rgb(32, 32, 32); position: absolute; bottom: -9px; left: 0px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__search.is-active::before { width: 100%; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1024px) { .header__search { order: 3; width: 100%; margin: 0px; padding: 0px 4vw; } .header__search::before { margin: 0px auto; right: 0px; bottom: 16px; } .header__search.is-active::before { width: calc(100% - 60px); } .header__search::after { left: calc(15px + 4vw); } } @media (max-width: 768px) { .header__search.is-active::before { width: calc(100% - 32px); } } .header__search > input { appearance: none; border: 0px; color: inherit; font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; width: 100%; min-height: 20px; line-height: 1.6rem; padding-left: 20px; background: none 0px 50% / 14px 14px no-repeat; } @media (max-width: 1024px) { .header__search > input { width: 100%; height: 54px; background-color: rgb(247, 247, 247); background-position: 15px 50%; border-radius: 4px; overflow: hidden; padding-left: 40px; font-size: 1.6rem; } .header__search > input:focus { width: 100%; } } .header__search > input::placeholder { color: rgb(189, 189, 189); font-size: 1.3rem; letter-spacing: 0.05em; line-height: 1; font-family: Oswald, "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; overflow: visible; padding-top: 0.1em; } @media (max-width: 1024px) { .header__search > input::placeholder { font-size: 1.5rem; padding-top: 0.3em; } } .header__search > input::-webkit-input-placeholder { font-family: Oswald, "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } .header__opener { display: none; } @media (max-width: 1024px) { .header__opener { order: 2; position: fixed; top: 0px; right: 0px; width: 60px; height: 60px; justify-content: center; align-items: center; z-index: 10; display: flex; } .header__opener__btn { width: 18px; height: 14px; position: relative; } .header__opener__btn > span { display: block; position: absolute; width: 100%; height: 2px; background-color: rgb(32, 32, 32); border-radius: 2px; } .header__opener__btn > span:nth-child(1) { top: 0px; left: 0px; } .header__opener__btn > span:nth-child(2) { top: 50%; left: 0px; } .header__opener__btn > span:nth-child(3) { top: 100%; left: 0px; width: 65%; } } .headline { position: relative; width: 100%; max-width: 1366px; margin: 0px auto; } @media screen and (max-width: 1486px) { .headline { width: 91.2152%; } } @media screen and (max-width: 768px) { .headline { width: 92%; } } .headline__head { text-align: center; display: flex; flex-direction: column; } @media (max-width: 320px) { .headline__head { text-align: left; } } .headline__main { display: inline-block; font-size: 2.7rem; font-weight: 500; letter-spacing: 0.08em; } @media (max-width: 768px) { .headline__main { font-size: 2.4rem; letter-spacing: 0.08em; } } @media (max-width: 320px) { .headline__main { font-size: 2.3rem; } } .headline__sub { display: inline-block; font-size: 1.2rem; font-weight: bold; color: rgb(117, 117, 117); margin-top: 10px; letter-spacing: 0.1em; } .headline__link { position: absolute; bottom: 0px; right: 0px; } .headline__link > a { font-size: 1.2rem; color: rgb(117, 117, 117); font-weight: bold; display: inline-block; padding-right: 10px; background: none 100% 50% / 5px 8px no-repeat; } @media (max-width: 768px) { .headline__link > a { font-size: 1rem; } } .headline--inset { margin-top: 120px; } @media screen and (max-width: 768px) { .headline--inset { margin-top: 12vw; } } .headline--header { margin-top: 80px; padding-bottom: 30px; padding-top: 6vw; } @media screen and (max-width: 768px) { .headline--header { margin-top: 10vw; } } @media (max-width: 768px) { .headline--header { padding-bottom: 20px; } } @media (max-width: 320px) { .headline--header .headline__head { text-align: center; } } .headline--header::after { content: ""; width: 44px; height: 2px; background-color: rgb(32, 32, 32); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .headline--hero { width: 100%; min-width: 100%; padding: 0px; height: 628px; } @media (max-width: 1024px) { .headline--hero { height: 46vw; } } .headline--hero > h2 { width: 100%; height: 100%; } .headline--hero > h2 > img { width: 100%; height: 100%; } .headline--bg { min-width: 100%; width: 100%; padding: 0px; height: 490px; overflow: hidden; } @media (max-width: 768px) { .headline--bg { height: 60vw; } } .headline--bg .headline__bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .headline--bg .headline__bg > img, .headline--bg .headline__bg > h2 > img { width: 100%; height: 100%; object-fit: cover; } .headline--bg .headline__bg h2 { width: 100%; height: 100%; } .headline--bg .headline__head { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero-banner { position: relative; width: 100%; max-width: 1366px; margin: 40px auto 4vw; } @media screen and (max-width: 1486px) { .hero-banner { width: 91.2152%; } } @media screen and (max-width: 768px) { .hero-banner { width: 92%; } } @media screen and (max-width: 768px) { .hero-banner { margin-top: 6vw; } } @media (max-width: 768px) { .hero-banner { margin-bottom: 4vw; } } .hero-banner__list::before, .hero-banner__list::after { content: ""; width: 40px; height: 100%; background-color: white; position: absolute; top: 0px; z-index: 5; } @media (max-width: 768px) { .hero-banner__list::before, .hero-banner__list::after { display: none; } } .hero-banner__list::before { left: -40px; } .hero-banner__list::after { right: -40px; } .hero-banner__item { position: relative; width: 100%; overflow: hidden; } .hero-banner__bg { width: 100%; height: 435px; overflow: hidden; position: relative; } .hero-banner__bg > img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1024px) { .hero-banner__bg { height: auto; } .hero-banner__bg.hero--banner-sp { height: calc(74.6667vw); } .hero-banner__bg > img { object-fit: fill; } .hero-banner__bg.hero--banner-sp > img { object-fit: cover; } } @media (max-width: 767px) { .hero-banner__bg.shadow-enabled::before { content: ""; width: 100%; height: 68vw; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(transparent, black); } } .hero-banner__inner { width: 100%; height: 100%; position: absolute; top: 0px; left: 10%; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 768px) { .hero-banner__inner { justify-content: flex-end; left: 0px; padding: 0px 6vw 8vw; } } .hero-banner__headline { margin-bottom: 20px; font-size: 2.7rem; letter-spacing: 0.05em; color: white; } @media (max-width: 768px) { .hero-banner__headline { margin-bottom: 15px; } .hero-banner__headline > img { max-width: 90vw; height: auto; } } .hero-banner__copy { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; margin-bottom: 20px; color: white; font-weight: bold; font-size: 1.3rem; line-height: 1.7; letter-spacing: 0.2em; max-width: 40%; } @media (max-width: 768px) { .hero-banner__copy { font-size: 1.2rem; font-weight: normal; letter-spacing: 0.1em; text-align: justify; margin-bottom: 15px; max-width: none; } .hero-banner__copy br { display: none; } } .hero-banner__btn { margin: 0px; pointer-events: none; } @media (max-width: 768px) { .hero-banner__btn { width: 100%; margin: 0px auto; } .hero-banner__btn::before, .hero-banner__btn .button__arrow, .hero-banner__btn .button__clone { display: none; } } .hero-banner .slick-list { overflow: hidden; width: 100%; margin: 0px; } .hero-banner .slick-slide { padding: 0px; } .hero-banner .slick-dots { position: absolute; top: auto; bottom: -30px; } @media (max-width: 768px) { .hero-banner .slick-dots { position: absolute; bottom: 4vw; width: 100%; transform: translateY(50%); margin: 0px; } .hero-banner .slick-dots > li > button { background-color: rgba(255, 255, 255, 0.3); } .hero-banner .slick-dots > li.slick-active > button { background-color: white; } } .thumbnail + .hero-banner { margin-top: 120px; } @media screen and (max-width: 768px) { .thumbnail + .hero-banner { margin-top: 12vw; } } .hero-image { width: 100%; position: relative; margin-bottom: 120px; overflow: hidden; margin-top: 124px; } @media (max-width: 1024px) { .hero-image { margin-bottom: 16vw; margin-top: 0px; } } .hero-image__list { width: 100%; height: 100%; } .hero-image__list::before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; z-index: 9; pointer-events: none; } .hero-image__item { width: 100%; height: calc(-124px + 100vh); max-height: 768px; position: relative; } @media (max-width: 768px) { .hero-image__item { max-height: 584px; } } .hero-image__item > a { display: block; } .hero-image__item > a > img.sp { display: none; } @media (max-width: 768px) { .hero-image__item > a > img.sp { display: none; } .hero-image__item > a > img.sp { display: block; } } .hero-image__item > a > video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .hero-image__item > a.has-video::after { content: "PLAY MOVIE"; font-size: 1rem; font-weight: 500; letter-spacing: 0.2em; color: white; padding-top: 90px; text-align: center; width: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none 50% 50% / 60px 60px no-repeat; } .hero-image__item > a > img, .hero-image__item > img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .hero-image__arrow { position: absolute; top: 50%; width: 40px; height: 60px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 99; background: none 50% 50% / 12.8px 25.6px no-repeat; transform: translateY(-50%); cursor: pointer; } .hero-image__arrow:focus { outline: 0px; } .hero-image__arrow--prev { left: 10px; transform: rotate(-180deg) translateY(50%); } @media (max-width: 768px) { .hero-image__arrow--prev { left: 5px; } } .hero-image__arrow--next { right: 10px; } @media (max-width: 768px) { .hero-image__arrow--next { right: 5px; } } .hero-image__indicator { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 128px; height: 18px; z-index: 10; } @media (max-width: 768px) { .hero-image__indicator { bottom: 15px; } } .hero-image__bar { width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; } .hero-image__bar::after { content: ""; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); position: absolute; } .hero-image__progress { width: 0px; height: 1px; position: absolute; top: 0px; left: 0px; background-color: white; } .hero-image__current-num, .hero-image__max-num { font-size: 1.2rem; font-weight: 500; letter-spacing: 0.2em; color: white; position: absolute; top: 50%; transform: translateY(-50%); user-select: none; } .hero-image__current-num { left: -2em; } .hero-image__max-num { right: -2.5em; } .hero-image .slick-list { overflow: hidden; width: 100%; margin-left: 0px; } @media (max-width: 1024px) { .hero-image .slick-list { width: 100%; margin-left: 0px; } } @media (max-width: 768px) { .hero-image .slick-list { width: 100%; margin-left: 0px; } } .hero-image .slick-slide { width: auto; padding: 0px; } @media (max-width: 768px) { .hero-image .slick-slide { padding: 0px; } } .hero--banner-image-sp { display: none; } @media (max-width: 1024px) { .hero--banner-image-pc { display: none; } .hero--banner-image-sp { display: inline; } } .related-site { width: 100%; max-width: 1366px; margin: 40px auto 0px; } @media screen and (max-width: 1486px) { .related-site { width: 91.2152%; } } @media screen and (max-width: 768px) { .related-site { width: 92%; } } @media screen and (max-width: 768px) { .related-site { margin-top: 6vw; } } .related-site__main-item { width: calc(25% - 22.5px); padding-top: 3vw; } @media (max-width: 768px) { .related-site__main-item { width: calc(50% - 1.5vw); } } .related-site__main-item:not(:nth-child(4n)) { margin-right: 30px; } @media (max-width: 768px) { .related-site__main-item:nth-child(n) { margin-right: 0px; } .related-site__main-item:not(:nth-child(2n)) { margin-right: 3vw; } } .related-site__main-item:nth-child(-n+4) { padding-top: 0px; } @media (max-width: 768px) { .related-site__main-item:nth-child(n) { padding-top: 3vw; } .related-site__main-item:nth-child(-n+2) { padding-top: 0px; } } .related-site__main-item > a > img { width: 100%; height: auto; vertical-align: top; } .related-site__main-list { display: flex; flex-wrap: wrap; } .related-site__sub { overflow: hidden; } .related-site__sub-list { display: flex; flex-wrap: wrap; padding-top: 30px; } @media (max-width: 768px) { .related-site__sub-list { padding-top: 3vw; } } .related-site__sub-item { width: calc(20% - 24px); padding-top: 2vw; } .related-site__sub-item:not(:nth-child(5n)) { margin-right: 30px; } .related-site__sub-item:nth-child(-n+5) { padding-top: 0px; } @media (max-width: 1024px) { .related-site__sub-item { width: calc(25% - 22.5px); } .related-site__sub-item:nth-child(n) { margin-right: 0px; padding-top: 3vw; } .related-site__sub-item:not(:nth-child(4n)) { margin-right: 30px; } .related-site__sub-item:nth-child(-n+4) { padding-top: 0px; } } @media (max-width: 768px) { .related-site__sub-item { width: calc(50% - 1.5vw); } .related-site__sub-item:nth-child(n) { margin-right: 0px; padding-top: 3vw; } .related-site__sub-item:not(:nth-child(2n)) { margin-right: 3vw; } .related-site__sub-item:nth-child(-n+2) { padding-top: 0px; } } .related-site__sub-item > a > img { width: 100%; height: auto; vertical-align: top; } #modal-content { width: 80%; margin: 0px; padding: 0px; background: rgb(32, 32, 32); position: fixed; display: none; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%, -50%); } #modal-content .inner { position: relative; } #modal-content .inner { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; } #modal-content .inner #player { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } #modal-overlay { z-index: 9999; display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.75); } .news-index__item { position: relative; } .news-index__item:not(:last-child) { border-bottom: 1px solid rgb(223, 223, 223); } .news-index__item > a { display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0px; z-index: 2; } .news-index__date { font-size: 1.2rem; font-weight: 500; letter-spacing: 0.05em; color: rgb(189, 189, 189); margin-right: 15px; } .news-index__important { display: inline-block; background-color: rgb(198, 16, 23); color: white; font-size: 1rem; padding: 5px 7px; margin-right: 10px; } .news-index__tag { display: inline-block; background-color: rgb(117, 117, 117); color: white; font-size: 1rem; padding: 5px 7px; } .news-index__txt { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; width: 100%; padding-top: 15px; font-size: 1.4rem; line-height: 1.5; } @media (max-width: 768px) { .news-index__txt { font-size: 1.3rem; } } .news-index__empty { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; text-align: center; letter-spacing: 0.05em; color: rgb(32, 32, 32); padding-top: 10px; } .news-index__empty:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } .news-index__empty:lang(ja) { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } @media (max-width: 1024px) { .news-index__empty { font-size: 10px; line-height: 14px; padding-top: 20px; } } @media (max-width: 767px) { .news-index__empty { padding-top: 20px; } } .pagination { margin-top: 80px; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; line-height: 30px; } @media screen and (max-width: 768px) { .pagination { margin-top: 9vw; } } .pagination__arrow { width: 30px; height: 30px; background: none 50% 50% / 5px 8px no-repeat; } .pagination__arrow--prev { transform: rotate(180deg); } .pagination__arrow > a { width: 30px; height: 30px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .pagination__list { display: flex; justify-content: center; } .pagination__item { margin: 0px 5px; position: relative; } .pagination__item--current { padding: 0px 5px; } .pagination__item > a { padding: 0px 5px; color: rgb(189, 189, 189); } .pagination__item > a:hover { color: rgb(32, 32, 32); } .product-main { width: 100%; max-width: 1366px; margin: 40px auto 0px; } @media screen and (max-width: 1486px) { .product-main { width: 91.2152%; } } @media screen and (max-width: 768px) { .product-main { width: 92%; } } @media screen and (max-width: 768px) { .product-main { margin-top: 6vw; } } .product-main::after { content: ""; display: block; clear: both; } @media (max-width: 768px) { .product-main { display: flex; flex-direction: column; } } .product-main__image { float: left; width: 40%; margin-right: 50px; max-width: 481px; } @media (max-width: 1024px) { .product-main__image { width: 48%; } } @media (max-width: 768px) { .product-main__image { float: none; width: 100%; margin: 0px; max-width: none; padding-bottom: 40px; order: 3; } } .product-main__slider-for { width: calc(100% + 10px); margin-left: -5px; position: relative; } @media (max-width: 768px) { .product-main__slider-for::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 9; } .product-main__slider-for.is-active::before { display: none; } } .product-main__slider-for .slick-list { overflow: hidden; width: 100%; margin: 0px; } .product-main__slider-for .slick-slide { padding: 0px 5px; } .product-main--new .product-main__slider-for::after { content: "NEW"; width: auto; height: auto; position: absolute; top: 15px; left: 20px; font-size: 1.2rem; letter-spacing: 0.05em; background-color: rgb(32, 32, 32); color: white; padding: 6px 6px 6px 7px; z-index: 1; pointer-events: none; } .product-main--new--v2 .product-main__slider-for::before, .product-main--update--v2 .product-main__slider-for::before { content: "NEW"; position: absolute; top: 0px; left: 5px; letter-spacing: 0.05em; color: white; padding: 18px 0px 0px; z-index: 1; font-size: 16px; line-height: 24px; background: 0px center; font-weight: 600; transform: rotate(-45deg); width: 104px; height: 104px; text-align: center; } .product-main--new--v2 .product-main__slider-for::after, .product-main--update--v2 .product-main__slider-for::after { content: ""; position: absolute; top: 0px; left: 5px; border-width: 52px; border-style: solid; border-color: rgb(0, 160, 233) transparent transparent rgb(0, 160, 233); } .product-main--update--v2 .product-main__slider-for::before { content: "UPDATE"; } @media screen and (max-width: 1024px) { .product-main--new--v2 .product-main__slider-for::before, .product-main--update--v2 .product-main__slider-for::before { font-size: 12px; line-height: 18px; width: 66px; height: 66px; padding-top: 9px; } .product-main--new--v2 .product-main__slider-for::after, .product-main--update--v2 .product-main__slider-for::after { border-width: 33px; border-style: solid; border-color: rgb(0, 160, 233) transparent transparent rgb(0, 160, 233); } } .product-main__zoom-btn { width: 30px; height: 30px; position: absolute; bottom: 25px; left: 20px; background: none 50% 50% / 18px 18px no-repeat white; border-radius: 3px; pointer-events: none; z-index: 10; } @media (max-width: 768px) { .product-main__zoom-btn { width: auto; padding-left: 29px; padding-right: 10px; background-position: 7px 50%; pointer-events: auto; } } .product-main__zoom-btn > span { display: none; } @media (max-width: 768px) { .product-main__zoom-btn > span { display: block; line-height: 30px; font-size: 1.2rem; font-weight: 700; } } .product-main__for-item { width: 100%; margin-bottom: 10px; font-size: 0px; position: relative; } @media (max-width: 768px) { .product-main__for-item > a { pointer-events: none; } } .product-main__for-item > a > img { width: 100%; height: auto; vertical-align: bottom; } @media (max-width: 768px) { .product-main__for-item.is-active > a { pointer-events: auto; } } .product-main__slider-nav { width: calc(100% + 10px); margin-left: -5px; } @media (max-width: 768px) { .product-main__slider-nav { width: 100vw; margin-left: -4vw; white-space: nowrap; overflow-x: auto; overscroll-behavior-x: contain; touch-action: pan-x; font-size: 0px; padding-bottom: 4px; } .product-main__slider-nav::-webkit-scrollbar { display: none; scrollbar-width: none; } } .product-main__slider-nav .slick-list { overflow: hidden; width: 100%; margin: 0px; } @media (max-width: 768px) { .product-main__slider-nav .slick-list { overflow: visible !important; } } .product-main__slider-nav .slick-list::before, .product-main__slider-nav .slick-list::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0px; z-index: 9; background-color: white; } @media (max-width: 768px) { .product-main__slider-nav .slick-list::before, .product-main__slider-nav .slick-list::after { display: none; } } .product-main__slider-nav .slick-list::before { left: -15px; } .product-main__slider-nav .slick-list::after { right: -15px; } .product-main__slider-nav .slick-track { z-index: 5; } .product-main__slider-nav .slick-slide { padding: 0px 5px 4px; } @media (max-width: 768px) { .product-main__slider-nav .slick-slide { padding: 0px 2px 4px; } } .product-main__slider-nav .slick-prev { left: -25px; transform: rotate(-180deg); } .product-main__slider-nav .slick-next { right: -25px; } .product-main__nav-item { width: calc(25% - 3.33333px); padding: 0px; font-size: 0px; cursor: pointer; } .product-main__nav-item > img { width: 100%; height: auto; vertical-align: top; } @media (max-width: 768px) { .product-main__nav-item { width: calc(22.625vw); display: inline-block; } .product-main__nav-item:not(:first-child) { margin-left: 0.5vw; } .product-main__nav-item:first-child { margin-left: 4vw; } .product-main__nav-item:last-child { margin-right: 4vw; } .product-main__nav-item:focus { outline: 0px; } } .product-main__logo { font-size: 4.3rem; letter-spacing: 0.05em; margin-bottom: 15px; padding-top: 5%; display: flex; align-items: center; font-weight: bold; } .product-main__logo > img:not(:first-child) { margin-left: 15px; } @media (max-width: 768px) { .product-main__logo { padding-top: 6vw; order: 1; } .product-main__logo > img { max-width: 100%; height: auto; } } .product-main__name { font-weight: bold; font-size: 1.5rem; margin-bottom: 60px; } @media (max-width: 1024px) { .product-main__name { margin-bottom: 40px; } } @media (max-width: 768px) { .product-main__name { margin-bottom: 20px; order: 2; } } .product-main__price { font-size: 1.5rem; font-weight: bold; } @media (max-width: 768px) { .product-main__price { font-size: 1.3rem; order: 4; } } .product-main__price > span { font-size: 2.7rem; font-weight: 500; display: inline-block; margin-right: 2px; } @media (max-width: 768px) { .product-main__price > span { font-size: 2.2rem; } } .product-main__date { margin-top: 15px; } .product-main__date p { font-size: 1.2rem; font-weight: bold; display: inline-block; border: 1px solid rgb(32, 32, 32); padding: 4px 6px; } .product-main__date small { color: rgb(117, 117, 117); } .product-main__msg p { color: rgb(117, 117, 117); margin-top: 10px; font-size: 80%; } .product-main__msg a { color: rgb(0, 160, 232); text-decoration: underline; } .product-img__msg { color: rgb(117, 117, 117); margin-top: 10px; font-size: 80%; text-align: left; } @media (max-width: 768px) { .product-img__msg { margin-top: 10px; } .product-img__msg p { font-size: 80%; } } .product-img__msg a { color: rgb(0, 160, 232); text-decoration: underline; } @media (max-width: 768px) { .product-main__date { order: 5; text-align: center; } } @media (max-width: 768px) { .product-main__msg { order: 6; } } .product-main__marks { position: relative; display: flex; flex-wrap: wrap; padding-top: 30px; padding-bottom: 10px; margin-top: 55px; } @media (max-width: 768px) { .product-main__marks { margin-top: 30px; padding-top: 20px; order: 8; } } .product-main__marks::before, .product-main__marks::after { content: ""; width: 100%; position: absolute; } .product-main__marks::before { top: 0px; border-top: 1px solid rgb(223, 223, 223); } .product-main__marks::after { bottom: 0px; border-bottom: 1px solid rgb(223, 223, 223); } .product-main__mark { margin: 0px 10px 20px; width: 79px; } .product-main__mark > img { width: 100%; height: auto; } @media (max-width: 1024px) { .product-main__mark { width: 20%; margin: 0px 5px 10px; } } @media (max-width: 1024px) { .product-main__mark { width: 16.6667%; padding: 0px 5px; margin: 0px 0px 10px; } } .easyzoom { position: relative; display: inline-block; } .easyzoom img { vertical-align: bottom; } .easyzoom.is-loading img { cursor: progress; } .easyzoom.is-ready img { cursor: crosshair; } .easyzoom.is-error img { cursor: not-allowed; } .easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0px 0px -5em; line-height: 2em; text-align: center; background: rgb(255, 255, 255); box-shadow: rgb(136, 136, 136) 0px 0px 10px; } .easyzoom-flyout { position: absolute; z-index: 100; overflow: hidden; background: rgb(255, 255, 255); border-left: 5px solid white; border-right: 5px solid white; } .easyzoom--overlay .easyzoom-flyout { top: 0px; left: 0px; width: 100%; height: 100%; } .easyzoom--adjacent .easyzoom-flyout { top: 0px; left: 100%; width: 100%; height: 100%; margin-left: 20px; } .region-selector { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; } .region-selector__bg { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.45); position: fixed; top: 0px; left: 0px; } .region-selector__close { width: 44px; height: 44px; position: absolute; top: 0px; right: 0px; background-color: rgb(32, 32, 32); cursor: pointer; z-index: 99; } .region-selector__close::before, .region-selector__close::after { content: ""; width: 20px; height: 1px; background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .region-selector__close::after { transform: translate(-50%, -50%) rotate(135deg); } .region-selector__body { max-width: 1000px; width: calc(91.2152%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; } @media (max-width: 768px) { .region-selector__body { width: 92%; } .region-selector__body > .headline { padding-top: 12vw; } } .region-selector__content { margin-top: 40px; display: flex; flex-wrap: wrap; padding: 0px 60px 60px; } @media screen and (max-width: 768px) { .region-selector__content { margin-top: 6vw; } } @media (max-width: 768px) { .region-selector__content { padding: 0px 2vw 30px; } } .region-selector__row { flex: 1 1 0%; padding: 0px 10px; } @media (max-width: 1024px) { .region-selector__row { flex: 0 0 auto; width: 33.3333%; } .region-selector__row:not(:nth-child(-n+3)) { padding-top: 15px; } } @media (max-width: 768px) { .region-selector__row { width: 100%; padding: 0px 2.5vw; } .region-selector__row:not(:first-child) { padding-top: 3vw; } } .region-selector__name { border-bottom: 1px solid rgb(223, 223, 223); font-size: 1.5rem; font-weight: 500; letter-spacing: 0.05em; padding-bottom: 10px; } .region-selector__list { padding-top: 20px; } @media (max-width: 768px) { .region-selector__list { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 4vw; } } .region-selector__item > a { display: flex; padding-bottom: 20px; } @media (max-width: 768px) { .region-selector__item > a { padding-bottom: 4vw; } } @media (max-width: 768px) { .region-selector__item { width: calc(50% - 1vw); } } .region-selector__flag { margin-right: 10px; } @media (max-width: 768px) { .region-selector__flag { margin-right: 8px; } } .region-selector__flag > img { width: 44px; height: auto; } .region-selector__country { font-size: 1.2rem; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 4px; } .region-selector__language { font-size: 1.2rem; letter-spacing: 0.05em; color: rgb(117, 117, 117); } .search-result { width: 100%; max-width: 1366px; margin: 40px auto 60px; border-bottom: 1px solid rgb(223, 223, 223); padding-bottom: 20px; } @media screen and (max-width: 1486px) { .search-result { width: 91.2152%; } } @media screen and (max-width: 768px) { .search-result { width: 92%; } } @media screen and (max-width: 768px) { .search-result { margin-top: 6vw; } } .search-result__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } @media (max-width: 768px) { .search-result__head { margin-bottom: 8px; } } .search-result__label { font-size: 1.4rem; font-weight: bold; margin-right: auto; } .search-result__num { margin-left: auto; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.05em; } .search-result__num > span { font-size: 1.2rem; font-weight: bold; } .search-result__list { display: flex; flex-wrap: wrap; flex: 1 1 0%; width: calc(100% + 10px); margin-left: -10px; } @media (max-width: 768px) { .search-result__list { width: calc(100% + 6px); margin-left: -6px; } } .search-result__tag { border: 1px solid rgb(223, 223, 223); border-radius: 4px; font-size: 1.2rem; padding: 10px; margin-left: 10px; margin-top: 10px; } @media (max-width: 768px) { .search-result__tag { font-size: 1.1rem; padding: 8px; margin-left: 6px; margin-top: 6px; } } .search-result__tag > span { display: inline-block; } .search-result__tag > span:not(:last-child) { padding-right: 12px; margin-right: 5px; background: none 100% 50% / 4px 6px no-repeat; } @media (max-width: 768px) { .search-result__tag > span:not(:last-child) { padding-right: 10px; margin-right: 2px; } } .slick-slider:not(.slick-initialized) { display: none; } .slick-list { overflow: visible; width: calc(100% + 30px); margin-left: -15px; } @media (max-width: 1024px) { .slick-list { order: 1; width: calc(100% - 80px); margin-left: -15px; } } @media (max-width: 768px) { .slick-list { order: 1; width: 70vw; margin-left: -2vw; } } .slick-slide { width: auto; padding: 0px 15px; } @media (max-width: 768px) { .slick-slide { padding: 0px 2vw; } } .slick-slide:focus { outline: 0px; } .slick-slide:nth-child(n) { margin-right: 0px; padding-top: 0px; } .slick-arrow { position: absolute; top: 0px; z-index: 9; width: 20px; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; background: none 50% 50% / 12.8px 25.6px no-repeat; } .slick-arrow:focus { outline: 0px; } .slick-arrow[aria-disabled="true"] { display: none !important; } .slick-prev { left: -30px; transform: rotate(-180deg); } .slick-next { right: -30px; } .slick-dots { width: 100%; display: flex; justify-content: center; order: 2; } @media (max-width: 768px) { .slick-dots { margin-top: 20px; } } .slick-dots > li { margin: 30px 8px 0px; } .slick-dots > li:only-child { display: none; } @media (max-width: 768px) { .slick-dots > li { margin: 0px 3px; } } .slick-dots > li > button { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 8px; height: 8px; background-color: rgb(189, 189, 189); border-radius: 4px; } @media (max-width: 768px) { .slick-dots > li > button { width: 6px; height: 6px; } } .slick-dots > li > button:focus { outline: 0px; } .slick-dots > li.slick-active > button { background-color: rgb(32, 32, 32); } .social { margin-top: 120px; display: flex; justify-content: center; } @media screen and (max-width: 768px) { .social { margin-top: 12vw; } } @media (max-width: 768px) { .social { display: block; padding-top: 0vw; width: 100%; margin: 120px auto 0px; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); } } @media screen and (max-width: 768px) and (max-width: 1486px) { .social { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) and (max-width: 768px) { .social { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media screen and (max-width: 768px) and (max-width: 768px) { .social { margin-top: 12vw; } } .social__content { width: 50%; padding: 0px 6vw; } @media (max-width: 768px) { .social__content { width: 100%; padding: 0px; } } .social__content:not(:first-child) { border-left: 1px solid rgb(223, 223, 223); } @media (max-width: 768px) { .social__content:not(:first-child) { border-left: 0px; border-top: 1px solid rgb(223, 223, 223); padding-top: 12vw; margin-top: 12vw; } } .social__content--facebook .social__inner { max-width: 500px; margin: 40px auto 0px; } @media screen and (max-width: 768px) { .social__content--facebook .social__inner { margin-top: 6vw; } } @media (max-width: 768px) { .social__content--facebook .social__inner > iframe { width: 100%; } } .social__content--twitter .social__inner { max-width: 500px; margin: 40px auto 0px; border: 1px solid rgb(223, 223, 223); } @media screen and (max-width: 768px) { .social__content--twitter .social__inner { margin-top: 6vw; } } .spec-table { margin-top: 40px; position: relative; } @media screen and (max-width: 768px) { .spec-table { margin-top: 6vw; } } .spec-table__left-mask { width: 4.39239%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: white; z-index: 8; border-right: 1px solid rgb(223, 223, 223); } .spec-table__right-mask { right: 0px; left: initial; border-right: 0px; border-left: 1px solid rgb(223, 223, 223); } @media (max-width: 768px) { .spec-table__left-mask { width: 4%; } } .spec-table__content { overflow: auto; white-space: nowrap; width: 100%; max-width: 1366px; margin: 0px calc(50% - 683px); position: relative; max-height: 529px; } @media screen and (max-width: 1486px) { .spec-table__content { width: 95.61%; max-width: 95.61%; padding-left: 4.39239%; padding-right: 0px; margin-left: 0px; margin-right: 0px; } } @media screen and (max-width: 1024px) { .spec-table__content { max-height: 545px; } } @media screen and (max-width: 768px) { .spec-table__content { width: 92%; margin-left: 4%; margin-right: 4%; max-height: 545px; } } .spec-table__content::-webkit-scrollbar { width: 15px; } .spec-table__content::-webkit-scrollbar:horizontal { width: 15px; height: 15px; } @media screen and (min-width: 1025px) { .spec-table__content::-webkit-scrollbar:vertical { display: none; } } @media screen and (max-width: 768px) { .spec-table__content::-webkit-scrollbar { width: 9px; } .spec-table__content::-webkit-scrollbar:horizontal { width: 9px; height: 9px; } } .spec-table__content::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); border: 1px solid rgb(195, 201, 206); } .spec-table__content::-webkit-scrollbar-thumb { background-color: rgb(32, 32, 32); border-radius: 20px; } @media (max-width: 768px) { .spec-table__content { padding: 0px; overscroll-behavior: contain; } } .spec-table__table { width: 100%; border-spacing: 0px; padding-right: 0px !important; } @media (max-width: 768px) { .spec-table__table { padding-right: 0px; } } .spec-table__table--clone { position: absolute; top: 0px; left: 4.39239%; z-index: 5; } .spec-table__thead { position: relative; z-index: 1; } .spec-table__thead.spec-table__thead--original > tr { position: sticky; top: 0px; } .spec-table__thead > tr > th { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; text-align: center; background-color: rgb(32, 32, 32); color: white; font-weight: bold; font-size: 1.3rem; line-height: 1.2; z-index: 1; padding: 0px !important; } .spec-table__thead > tr > th:first-child { z-index: 2; } @media (min-width: 769px) { .spec-table__thead.spec-table__thead--original > tr > th:first-child { position: sticky; left: 0px; text-align: left; } } @media (max-width: 768px) { .spec-table__thead > tr > th:not(:first-child) { border-right: 0px; } } .spec-table__thead > tr > th > p { padding: 15px; letter-spacing: 0.05em; } .spec-table__thead > tr > th > p > span { font-size: 1.2rem; } .spec-table__thead--clone { position: absolute; top: 0px; left: 4.39239%; z-index: 2; display: none; } .spec-table__thead--clone2 { position: absolute; top: 0px; z-index: 6; left: initial !important; } .spec-table__thead--clone2 > tr > th > p { padding: 0px; } .spec-table__thead--clone3 { position: absolute; top: 0px; left: 4.39239%; z-index: 8; } @media (max-width: 768px) { .spec-table__thead--clone3 { left: 4%; } } .spec-table__thead--clone3 > tr > th > p { padding: 0px; } div.divcolumnone { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; padding: 20px 15px; text-align: center; background-color: white; border-right: 1px solid rgb(223, 223, 223); font-weight: bold; font-size: 1.4rem; line-height: 1.2; } div.spec-table__table > div.divcolumnone:nth-child(2n) { background-color: rgb(247, 247, 247); } div.spec-table__table > div.divcolumnone:last-child { border-bottom: 1px solid rgb(223, 223, 223); } div.spec-table__table > div.divcolumnone:not(:last-child) { border-right: 1px solid rgb(223, 223, 223); } .spec-table__tbody > tr > td { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; padding: 20px 15px; text-align: center; background-color: white; font-weight: bold; font-size: 1.4rem; line-height: 1.2; } @media (min-width: 769px) { .spec-table__tbody > tr > td.stickyfirst { position: sticky; left: 0px; text-align: left; } } @media (max-width: 768px) { .spec-table__tbody > tr > td.stickyfirst { border-left: 0px; } } .spec-table__tbody > tr > td:not(:last-child) { border-right: 1px solid rgb(223, 223, 223); } .spec-table__tbody > tr > td:last-child { border-right: 1px solid rgb(223, 223, 223); } @media (max-width: 768px) { .spec-table__tbody > tr > td:last-child { border-right: 0px; } } .spec-table__tbody > tr:nth-child(2n) > td { background-color: rgb(247, 247, 247); } .spec-table__tbody > tr:last-child > td { border-bottom: 1px solid rgb(223, 223, 223); } .spec-table__controler { width: 280px; height: 44px; background-color: rgb(32, 32, 32); border-radius: 22px; position: sticky; bottom: 20px; margin: 20px auto 0px; z-index: 5; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1024px) { .spec-table__controler { width: 90vw; height: 20px; bottom: 20px; background: 0px center; display: none; } } .spec-table__controler--left, .spec-table__controler--right { width: 44px; height: 100%; background: none 50% 50% / 5px 8px no-repeat; cursor: pointer; } .spec-table__controler--left { transform: rotate(-180deg); } .spec-table__controler--indicator { position: relative; width: calc(100% - 88px); height: 4px; margin: 0px auto; } @media (max-width: 768px) { .spec-table__controler--indicator { width: calc(100% - 44px); } } .spec-table__controler--bar { width: 20%; height: 4px; border-radius: 2px; position: absolute; top: 0px; left: 0px; background-color: white; z-index: 2; } @media (max-width: 768px) { .spec-table__controler--bar { background-color: black; } } .spec-table__controler--bar::before { content: ""; width: 100%; height: calc(100% + 20px); position: absolute; top: -10px; } .spec-table__controler--bg { width: 100%; height: 4px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.15); position: absolute; top: 0px; left: 0px; z-index: 1; } @media (max-width: 768px) { .spec-table__controler--bg { background-color: rgba(0, 0, 0, 0.2); } } .spec-table__controler--bg::before { content: ""; width: 100%; height: calc(100% + 20px); position: absolute; top: -10px; } .spec-table__annotation { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-size: 1.2rem; color: rgb(117, 117, 117); padding-top: 20px; line-height: 1.4; position: relative; width: 100%; margin: 0px auto; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); background-color: white; z-index: 5; display: block; height: auto; min-height: 46px; } @media screen and (max-width: 1486px) { .spec-table__annotation { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .spec-table__annotation { width: auto; padding-left: 4vw; padding-right: 4vw; } } .spec-table__annotation > p:not(:last-child) { margin-bottom: 5px; } .tabnav { margin-top: 40px; } @media screen and (max-width: 768px) { .tabnav { margin-top: 6vw; } } .tabnav__btn { display: none; width: 100px; height: 100%; z-index: 5; position: absolute; top: 0px; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); background: linear-gradient(to left, rgba(247, 247, 247, 0), rgb(247, 247, 247), rgb(247, 247, 247)); } @media (max-width: 768px) { .tabnav__btn { width: 15vw; } } .tabnav__btn::before { content: ""; position: absolute; top: 50%; left: 35%; transform: translate(-50%, -50%) rotate(45deg); width: 8px; height: 8px; border-left: 2px solid rgb(32, 32, 32); border-bottom: 2px solid rgb(32, 32, 32); } @media (max-width: 768px) { .tabnav__btn::before { width: 6px; height: 6px; border-left: 1px solid rgb(32, 32, 32); border-bottom: 1px solid rgb(32, 32, 32); } } .tabnav__btn::after { content: ""; width: 100%; height: 100%; top: 0px; background: 0px center; } .tabnav__btn--left { left: 0px; } .tabnav__btn--left::after { transform: rotate(-180deg); } .tabnav__btn--right { right: 0px; transform: rotate(-180deg); display: block; } .tabnav__btn--right::after { transform: rotate(-180deg); } .tabnav__btn.is-active { opacity: 1; pointer-events: auto; transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 768px) { .tabnav__btn { } } .tabnav--mini { margin-bottom: 3vw; } .tabnav--mini .tabnav__btn { width: 15vw; display: none; background: linear-gradient(to left, rgba(255, 255, 255, 0), white, white); } .tabnav--mini .tabnav__nav { text-align: center; } .tabnav--mini .tabnav__list { font-size: 0px; display: inline-block; } .tabnav--mini .tabnav__item { position: relative; display: inline-block; } .tabnav--mini .tabnav__item:not(:last-child) { margin-right: 20px; } @media (max-width: 768px) { .tabnav--mini .tabnav__item:not(:last-child) { margin-right: 10px; } } .tabnav--mini .tabnav__item > a { display: inline-block; padding: 15px 5px; font-size: 1.3rem; color: rgb(117, 117, 117); font-weight: bold; } @media (max-width: 768px) { .tabnav--mini .tabnav__item > a { font-size: 1.2rem; } } .tabnav--def { border-top: 1px solid rgb(223, 223, 223); background-color: rgb(247, 247, 247); } @media (max-width: 768px) { .tabnav--def { margin-bottom: 6vw; } } .tabnav--def .tabnav__list { display: flex; } .tabnav--def .tabnav__item { flex: 1 1 0%; font-weight: bold; font-size: 1.5rem; position: relative; } @media (max-width: 768px) { .tabnav--def .tabnav__item { font-size: 1.3rem; } } .tabnav--def .tabnav__item > a { display: inline-block; text-align: center; width: 100%; height: 88px; line-height: 88px; } @media (max-width: 768px) { .tabnav--def .tabnav__item > a { height: 54px; line-height: 54px; } } .tabnav--def .tabnav__item.is-active { background-color: white; } .tabnav--def .tabnav__item.is-active::after { content: ""; width: 50%; height: 2px; background-color: rgb(32, 32, 32); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .l-gray-bg .tabnav__btn { background: linear-gradient(to left, rgba(247, 247, 247, 0), rgb(247, 247, 247), rgb(247, 247, 247)); } .headline--hero + .tabnav, .headline--bg + .tabnav { border-top: 0px; margin-top: 0px; } .thumbnail { width: 100%; margin: 40px auto 0px; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); overflow: hidden; position: relative; } @media screen and (max-width: 1486px) { .thumbnail { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .thumbnail { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media screen and (max-width: 768px) { .thumbnail { margin-top: 6vw; } } .thumbnail__list { display: flex; flex-wrap: wrap; } .thumbnail__item { margin-top: 30px; position: relative; } .thumbnail__item--movie .thumbnail__img::after { content: ""; width: 22px; height: 22px; background: none 0px 0px / cover no-repeat; position: absolute; bottom: 15px; left: 15px; filter: drop-shadow(rgba(0, 0, 0, 0.65) 0px 0px 8px); } .thumbnail__item--new .thumbnail__img::before { content: "NEW"; position: absolute; top: 0px; left: 0px; font-size: 1rem; letter-spacing: 0.05em; background-color: rgb(32, 32, 32); color: white; padding: 4px 4px 4px 5px; z-index: 1; } .thumbnail[data-column="5"] .thumbnail__item { width: calc(19.9998% - 24px); } .thumbnail[data-column="5"] .thumbnail__item:not(:nth-child(5n)) { margin-right: 30px; } .thumbnail[data-column="5"] .thumbnail__item:nth-child(-n+5) { margin-top: 0px; } @media (max-width: 768px) { .thumbnail[data-column="5"] .thumbnail__item { width: 39vw; } } .thumbnail[data-column="4"] .thumbnail__item { width: calc(24.9997% - 22.5px); } .thumbnail[data-column="4"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .thumbnail[data-column="4"] .thumbnail__item:not(:nth-child(4n)) { margin-right: 30px; } .thumbnail[data-column="4"] .thumbnail__item:nth-child(-n+4) { margin-top: 0px; } @media (max-width: 1024px) { .thumbnail[data-column="4"] .thumbnail__item { width: calc(33.333% - 20px); } .thumbnail[data-column="4"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .thumbnail[data-column="4"] .thumbnail__item:not(:nth-child(3n)) { margin-right: 30px; } .thumbnail[data-column="4"] .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } } @media (max-width: 768px) { .thumbnail[data-column="4"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 0px; } } .thumbnail[data-column="3"] .thumbnail__item { width: calc(33.333% - 20px); } .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)) { margin-right: 30px; } .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } @media (max-width: 768px) { .thumbnail[data-column="3"] .thumbnail__item { width: calc(49.9995% - 15px); } .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 30px; } .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 0px; } } .thumbnail--product[data-column="3"] .thumbnail__img { text-align: center; } .thumbnail--product[data-column="3"] .thumbnail__img > img { max-width: 214px; margin: 0px auto; } @media (max-width: 768px) { .thumbnail[data-carousel="no"] .thumbnail__item { width: calc(49.9995% - 1.5vw); } .thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 4vw; } .thumbnail[data-carousel="no"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 3vw; } .thumbnail[data-carousel="no"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } } .thumbnail[data-carousel="init"] .thumbnail__list { display: block; } .thumbnail[data-carousel="init"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 0px; } .thumbnail[data-carousel="init"] .slick-list { overflow: hidden; position: relative; } @media (max-width: 1024px) { .thumbnail[data-carousel="init"] .slick-list { width: calc(100% + 30px); margin-left: -15px; } } @media (max-width: 768px) { .thumbnail[data-carousel="init"] .slick-list { overflow: visible; width: 80vw; margin-left: -2vw; } } @media (max-width: 768px) { .thumbnail[data-scroll="smooth"] { padding: 0px; } } @media (max-width: 768px) { .thumbnail[data-scroll="smooth"] .thumbnail__list { display: block; flex-wrap: nowrap; overflow: auto hidden; white-space: nowrap; overscroll-behavior-x: contain; font-size: 0px; } .thumbnail[data-scroll="smooth"] .thumbnail__list::-webkit-scrollbar { display: none; scrollbar-width: none; } } @media (max-width: 768px) { .thumbnail[data-scroll="smooth"] .thumbnail__item { display: inline-block; } .thumbnail[data-scroll="smooth"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 0px; } .thumbnail[data-scroll="smooth"] .thumbnail__item:not(:last-child) { margin-right: 3vw; } .thumbnail[data-scroll="smooth"] .thumbnail__item:first-child { margin-left: 4vw; } .thumbnail[data-scroll="smooth"] .thumbnail__item:last-child { margin-right: 4vw; } } .thumbnail--cover { position: relative; } .thumbnail--cover .thumbnail__item { overflow: hidden; width: calc(33.3333% - 20px); } .thumbnail--cover .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .thumbnail--cover .thumbnail__item:not(:nth-child(3n)) { margin-right: 30px; } .thumbnail--cover .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } @media (max-width: 1024px) { .thumbnail--cover .thumbnail__item { width: calc(50% - 15px); } .thumbnail--cover .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .thumbnail--cover .thumbnail__item:not(:nth-child(2n)) { margin-right: 30px; } .thumbnail--cover .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } } @media (max-width: 768px) { .thumbnail--cover .thumbnail__item { width: 100% !important; } .thumbnail--cover .thumbnail__item:nth-child(n) { margin-right: 0px !important; margin-top: 4vw !important; } .thumbnail--cover .thumbnail__item:first-child { margin-top: 0px !important; } } .thumbnail__bg { width: 100%; background-color: rgb(0, 0, 0); } .thumbnail__bg > img { width: 100%; height: auto; opacity: 0.8; vertical-align: top; } .thumbnail__cate-head { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; } .thumbnail__cate-head--en { font-size: 2.3rem; letter-spacing: 0.05em; } .thumbnail__cate-head--jp { margin-top: 10px; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.05em; } @media (max-width: 768px) { .thumbnail--small[data-column="4"] .thumbnail__list { display: block; } } .thumbnail--small[data-column="4"] .thumbnail__item > a { width: 100%; display: flex; } .thumbnail--small[data-column="4"] .thumbnail__item:nth-child(n) { margin-top: 30px; } @media (max-width: 768px) { .thumbnail--small[data-column="4"] .thumbnail__item { width: 100%; } .thumbnail--small[data-column="4"] .thumbnail__item:nth-child(n) { margin-top: 0px; } .thumbnail--small[data-column="4"] .thumbnail__item:not(:first-child) { margin-top: 10px; } } @media (max-width: 768px) { .thumbnail--small[data-column="4"] .thumbnail__hide:nth-child(n) { margin-top: 10px; } } .thumbnail--small[data-column="4"] .thumbnail__img { width: 79px; margin: 0px; } @media (max-width: 768px) { .thumbnail--small[data-column="4"] .thumbnail__img { width: 69px; } } .thumbnail--small[data-column="4"] .thumbnail__title { padding: 0px 0px 0px 20px; flex: 1 1 0%; min-height: 79px; display: flex; align-items: center; } @media (max-width: 768px) { .thumbnail--small[data-column="4"] .thumbnail__title { min-height: 69px; background-color: rgb(247, 247, 247); padding: 0px 12px; font-size: 1.2rem; } } .thumbnail--small[data-column="4"] .thumbnail__title::before, .thumbnail--small[data-column="4"] .thumbnail__title::after { display: none; } .thumbnail__img { width: 100%; margin-bottom: 15px; position: relative; overflow: hidden; } .thumbnail__img > img, .thumbnail__img > a > img { width: 100%; height: auto; } .thumbnail__date { font-size: 1.1rem; font-weight: 500; letter-spacing: 0.05em; color: rgb(189, 189, 189); margin-bottom: 10px; } .thumbnail__title { padding-bottom: 12px; position: relative; font-size: 1.3rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; } .thumbnail__title::before, .thumbnail__title::after { content: ""; height: 1px; position: absolute; bottom: 0px; left: 0px; } .thumbnail__title::before { width: 100%; background-color: rgb(223, 223, 223); } .thumbnail__title::after { width: 30px; background-color: rgb(32, 32, 32); } .thumbnail__lead { margin-top: 12px; font-size: 1.3rem; font-weight: bold; line-height: 1.5; color: rgb(32, 32, 32); } .thumbnail__txt { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; margin-top: 12px; font-size: 1.3rem; line-height: 1.5; color: rgb(117, 117, 117); } .thumbnail__ex { border: 1px solid rgb(223, 223, 223); padding: 12px; font-size: 1.1rem; line-height: 1.4; margin-top: 12px; } .thumbnail__ex > dl { margin: 0px; } .thumbnail__ex > dl > dt { font-weight: bold; margin-bottom: 5px; } .thumbnail__tag { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; margin-top: 12px; font-size: 1.1rem; line-height: 1.2; color: rgb(117, 117, 117); font-weight: bold; } .thumbnail__btns { display: flex; justify-content: space-between; margin-top: 15px; } @media (max-width: 768px) { .thumbnail__btns { display: block; } } .thumbnail__btn { width: calc(50% - 5px); height: 40px; } @media (max-width: 768px) { .thumbnail__btn { width: 100%; } } .thumbnail__btn > a { display: inline-block; width: 100%; line-height: 38px; text-align: center; font-size: 1.1rem; font-weight: bold; position: relative; background-color: rgb(247, 247, 247); } .thumbnail__btn > a::after { content: ""; width: 10px; height: 10px; position: absolute; top: 50%; right: 6px; transform: translate(-50%, -50%); } .thumbnail__btn:only-child { width: 100%; } .thumbnail__btn--compare > a::after { background: none 50% 50% / 9px 8px no-repeat; } .thumbnail__btn--detail > a::after { background: none 50% 50% / 5px 8px no-repeat; } @media (max-width: 768px) { .thumbnail__btn--detail { margin-top: 8px; } } .thumbnail__zoom { position: relative; display: inline-block; width: 100%; } .thumbnail__zoom::before { content: ""; width: 30px; height: 30px; position: absolute; bottom: 0px; left: 0px; background: none 50% 50% / 18px 18px no-repeat white; border-radius: 3px; z-index: 10; } @media (max-width: 768px) { .thumbnail__zoom::before { width: auto; padding-left: 29px; padding-right: 10px; background-position: 7px 50%; pointer-events: auto; } } .thumbnail__modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; } .thumbnail__modal__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .thumbnail__modal__img > img { max-width: calc(-60px + 100vw); max-height: calc(-60px + 100vh); width: auto; height: auto; } @media (max-width: 768px) { .thumbnail__modal__img > img { max-width: 100vw; } } .thumbnail__modal__bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); z-index: 1; } .thumbnail__modal__close { width: 44px; height: 44px; position: absolute; top: 0px; right: 0px; background-color: rgb(32, 32, 32); cursor: pointer; z-index: 99; } .thumbnail__modal__close::before, .thumbnail__modal__close::after { content: ""; width: 20px; height: 1px; background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .thumbnail__modal__close::after { transform: translate(-50%, -50%) rotate(135deg); } .articlelistV2 .thumbnail { overflow: initial; } .articlelistV2 .thumbnail__titlev2 { font-style: normal; font-weight: 400; font-size: 2.6rem; line-height: 4.1rem; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; position: relative; color: rgb(32, 32, 32); margin-bottom: 53px; } .articlelistV2 .thumbnail__titlev2::after { content: ""; width: 50px; height: 2px; background-color: rgb(0, 0, 0); position: absolute; top: calc(100% + 24px); left: 50%; transform: translateX(-50%); } .articlelistV2 .thumbnail--product .thumbnail__item > a:hover .thumbnail__img > img { opacity: 0.8; transform: scale(1.1); } .single-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; border-radius: 20px; padding: 20px 21px 23px; } .single-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)) { margin-right: 26px; } .single-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img { margin-bottom: 0px; max-width: 100%; } .single-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img, .group-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img, .group-item-3-column-seperator .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img { width: 100%; max-width: 250px; } @media screen and (max-width: 1024px) { .single-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img, .group-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img, .group-item-3-column-seperator .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img { max-width: 175px; } } @media screen and (max-width: 768px) { .single-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img, .group-item-3-column .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img, .group-item-3-column-seperator .articlelistV2 .thumbnail--product[data-column="3"] .thumbnail__img img { max-width: 120px; } } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 40px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item { width: calc(33.333% - 17.3333px); } @media screen and (max-width: 1024px) { .single-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)), .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)), .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)) { margin-right: 0px; } .single-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)), .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)), .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 20px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(n), .group-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(n), .group-item-3-column-seperator .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 20px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3), .group-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3), .group-item-3-column-seperator .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 20px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2), .group-item-3-column .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2), .group-item-3-column-seperator .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item, .group-item-3-column .thumbnail[data-column="3"] .thumbnail__item, .group-item-3-column-seperator .thumbnail[data-column="3"] .thumbnail__item { width: calc(49.9995% - 10px); } } @media screen and (max-width: 768px) { .single-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 15px; } .single-item-3-column .thumbnail[data-column="3"] .thumbnail__item { width: calc(49.9995% - 7.5px); } } .group-item-3-column .articlelistV2 { margin-bottom: 40px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; border-radius: 20px; padding: 46px 41px 53px; } .group-item-3-column .articlelistV2 .headline__main, .group-item-3-column-seperator .articlelistV2 .headline__main, .group-item-1-column .articlelistV2 .headline__main { font-style: normal; font-weight: 400; font-size: 2.6rem; line-height: 3.9rem; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; position: relative; color: rgb(32, 32, 32); margin-bottom: 82px; } .group-item-3-column .articlelistV2 .headline__main::after, .group-item-3-column-seperator .articlelistV2 .headline__main::after, .group-item-1-column .articlelistV2 .headline__main::after { content: ""; width: 50px; height: 2px; background-color: rgb(0, 0, 0); position: absolute; top: calc(100% + 24px); left: 50%; transform: translateX(-50%); } .group-item-3-column .articlelistV2 .thumbnail__titlev2, .group-item-1-column .articlelistV2 .thumbnail__titlev2 { font-size: 2.2rem; line-height: 3.3rem; margin-bottom: 50px; } .group-item-3-column-seperator .articlelistV2 .thumbnail__titlev2 { font-size: 2rem; line-height: 3.3rem; margin-bottom: 50px; } .group-item-3-column .articlelistV2 .thumbnail__titlev2::after, .group-item-3-column-seperator .articlelistV2 .thumbnail__titlev2::after, .group-item-1-column .articlelistV2 .thumbnail__titlev2::after { top: calc(100% + 20px); } .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n), .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 52px; } .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3), .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } @media screen and (max-width: 1024px) { .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 29px; } .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 29px; } .group-item-3-column .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 34.5px; } .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 34.5px; } .group-item-3-column-seperator .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } .group-item-3-column .articlelistV2 { margin-bottom: 20px; padding: 36px 31px 29px; } } @media screen and (max-width: 1024px) { .single-item-3-column .articlelistV2 .thumbnail__titlev2 { font-size: 1.4rem; line-height: 3rem; margin-bottom: 23px; } .single-item-3-column .articlelistV2 .thumbnail__titlev2::after { top: calc(100% + 8px); } .group-item-3-column .articlelistV2 .thumbnail__titlev2 { font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 31px; } .group-item-3-column-seperator .articlelistV2 .thumbnail__titlev2 { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 26px; } .group-item-3-column .articlelistV2 .thumbnail__titlev2::after, .group-item-3-column-seperator .articlelistV2 .thumbnail__titlev2::after { top: calc(100% + 11px); } } @media screen and (max-width: 768px) { .single-item-3-column .articlelistV2 .thumbnail__titlev2 { margin-bottom: 18px; } .group-item-3-column .articlelistV2 .thumbnail__titlev2, .group-item-3-column-seperator .articlelistV2 .thumbnail__titlev2 { margin-bottom: 23px; } } .group-item-3-column .articlelistV2 .thumbnail__img, .group-item-3-column-seperator .articlelistV2 .thumbnail__img, .single-item-1-column .articlelistV2 .thumbnail__img, .group-item-1-column .articlelistV2 .thumbnail__img { margin-bottom: 0px; } .single-item-1-column .articlelistV2 .thumbnail__img, .group-item-1-column .articlelistV2 .thumbnail__img { text-align: center; } .group-item-3-column .articlelistV2.articlelist section.thumbnail, .group-item-3-column-seperator .articlelistV2.articlelist section.thumbnail { margin-bottom: 0px; } .group-item-3-column-seperator > .cmp-container > .container { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; border-radius: 20px; padding: 47px 49px; margin-bottom: 40px; } .group-item-3-column-seperator .articlelistV2 .headline__sub { font-style: normal; font-weight: 400; font-size: 2.2rem; line-height: 3.3rem; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; position: relative; color: rgb(32, 32, 32); margin-bottom: 74px; margin-top: 0px; } .group-item-3-column-seperator .articlelistV2 .headline__sub::after { content: ""; width: 50px; height: 2px; background-color: rgb(0, 0, 0); position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); } .group-item-3-column-seperator .separator hr { border: 1px solid rgb(198, 198, 198); margin: 65px 0px 50px; } .single-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; border-radius: 20px; padding: 34px 41px; width: 100%; } @media screen and (max-width: 1024px) { .single-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item { padding: 30px 22.5px 28px; } .group-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item { padding: 0px 22.5px; } .group-item-3-column .articlelistV2 .headline__main, .group-item-3-column-seperator .articlelistV2 .headline__main { font-size: 2rem; line-height: 3rem; margin-bottom: 47px; } .group-item-3-column .articlelistV2 .headline__main::after, .group-item-3-column-seperator .articlelistV2 .headline__main::after { top: calc(100% + 8px); } .group-item-3-column-seperator .articlelistV2 .headline__sub { font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 28px; margin-top: 0px; } .group-item-3-column-seperator .articlelistV2 .headline__sub::after { top: calc(100% + 11px); } .group-item-3-column-seperator > .cmp-container > .container { padding: 43.5px 31px; margin-bottom: 20px; } .group-item-3-column-seperator .separator hr { margin: 43px 0px 39px; } .group-item-3-column .articlelistV2.articlelist section.thumbnail, .group-item-3-column-seperator .articlelistV2.articlelist section.thumbnail { margin-bottom: 0px; margin-top: 0px; } } @media screen and (max-width: 768px) { .single-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item { padding: 20px 25px; } .group-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item { padding: 0px 25px; margin-bottom: 21px; margin-top: 0px; margin-right: 0px; } .group-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item:last-child { margin-bottom: 0px; } .group-item-3-column .articlelistV2 .headline__main, .group-item-3-column-seperator .articlelistV2 .headline__main { margin-bottom: 35px; } .group-item-3-column-seperator .articlelistV2 .headline__sub { margin-bottom: 18px; } .group-item-3-column-seperator > .cmp-container > .container { margin-top: 22px; } .productsearch--container .group-item-3-column-seperator .articlelist .thumbnail { margin-top: 0px; } .group-item-3-column-seperator .separator hr { margin: 43px 0px 27px; } } .single-item-1-column .articlelistV2 .thumbnail--product .thumbnail__item > a .thumbnail__img > img, .group-item-1-column .articlelistV2 .thumbnail--product .thumbnail__item > a .thumbnail__img > img { max-width: 900px; } @media screen and (max-width: 1024px) { .single-item-1-column .articlelistV2 .thumbnail--product .thumbnail__item > a .thumbnail__img > img, .group-item-1-column .articlelistV2 .thumbnail--product .thumbnail__item > a .thumbnail__img > img { max-width: 420px; } } @media screen and (max-width: 768px) { .single-item-1-column .articlelistV2 .thumbnail--product .thumbnail__item > a .thumbnail__img > img, .group-item-1-column .articlelistV2 .thumbnail--product .thumbnail__item > a .thumbnail__img > img { max-width: 300px; } } .single-item-1-column .articlelistV2 .thumbnail__titlev2 { font-size: 2.6rem; line-height: 3.9rem; margin-bottom: 34px; } @media screen and (max-width: 1024px) { .single-item-1-column .articlelistV2 .thumbnail__titlev2 { font-size: 2rem; line-height: 3rem; margin-bottom: 23px; } .single-item-1-column .articlelistV2 .thumbnail__titlev2::after { top: calc(100% + 8px); } } @media screen and (max-width: 768px) { .single-item-1-column .articlelistV2 .thumbnail__titlev2 { margin-bottom: 15px; } .single-item-1-column .articlelistV2 .thumbnail__titlev2::after { top: calc(100% + 14px); } } .single-item-1-column .thumbnail .thumbnail__item { margin-top: 40px; } .single-item-1-column .thumbnail .thumbnail__item:nth-child(1) { margin-top: 0px !important; } @media screen and (max-width: 1024px) { .single-item-1-column .thumbnail .thumbnail__item { margin-top: 20px !important; margin-right: 0px !important; } } @media screen and (max-width: 768px) { .productsearch--container .aem-Grid--12 > .container.single-item-1-column, .productsearch--container .aem-Grid--12 > .container.group-item-1-column, .productsearch--container .aem-Grid--12 > .container.single-item-3-column, .productsearch--container .aem-Grid--12 > .container.group-item-3-column, .productsearch--container .aem-Grid--12 > .container.group-item-3-column-seperator { margin-top: 0px; } .productsearch--container .single-item-3-column .articlelist .thumbnail, .productsearch--container .single-item-1-column .articlelist .thumbnail, .productsearch--container .group-item-1-column .articlelist .thumbnail { margin-top: 22px; } .productsearch--container .group-item-3-column .articlelist { margin-top: 22px; } } .group-item-1-column .articlelistV2 .thumbnail { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; border-radius: 20px; padding: 44px 41px 34px; margin-bottom: 30px; } @media screen and (max-width: 1024px) { .group-item-1-column .articlelistV2 .thumbnail { margin-bottom: 20px; padding-top: 30px; padding-bottom: 42px; } } @media screen and (max-width: 768px) { .group-item-1-column .articlelistV2 .thumbnail { padding-top: 36px; padding-bottom: 31px; } } .group-item-1-column .articlelistV2 { margin-bottom: 40px; } .group-item-1-column .articlelistV2 .headline__main { margin-bottom: 34px; } .group-item-1-column .articlelistV2 .thumbnail[data-column="1"] .thumbnail__item { width: 100%; } @media screen and (max-width: 1024px) { .group-item-1-column .articlelistV2 .headline__main { font-size: 2rem; line-height: 3rem; margin-bottom: 38px; } .group-item-1-column .articlelistV2 .headline__main::after { top: calc(100% + 8px); } .group-item-1-column .articlelistV2 .thumbnail__titlev2 { font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 20px; } .group-item-1-column .articlelistV2 .thumbnail__titlev2::after { top: calc(100% + 10px); } .group-item-1-column .articlelistV2, .productsearch--container .group-item-1-column .articlelist .thumbnail { margin-bottom: 20px; } .group-item-1-column .thumbnail__list .thumbnail__item:first-child { margin-top: 0px; } } @media screen and (max-width: 768px) { .group-item-1-column .articlelistV2 .headline__main { margin-bottom: 35px; } .group-item-1-column .articlelistV2 .thumbnail__titlev2 { margin-bottom: 11px; } } body.is-menu-open { position: fixed; z-index: -1; width: 100%; height: 100%; top: 0px; right: 0px; } .js-slider__content { display: none; } .js-slider__content.is-active { display: block; } .js-accordion__content { overflow: hidden; } .hero-image__list::before { border: 0px solid white; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 768px) { .hero-image__list::before { border: 0px solid white; } } .hero-image__list.is-changing::before { border: 21px solid white; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 768px) { .hero-image__list.is-changing::before { border: 4.1vw solid white; } } .hero-image__item { overflow: hidden; } .hero-image__item > a > img { transform: scale(1); transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__item.is-ready > a > img { transform: scale(1.1); transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__arrow { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__arrow:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__arrow--prev.is-changing { transform: rotate(-180deg) translateX(-10px) translateY(50%); transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__arrow--next.is-changing { transform: translateX(-10px) translateY(-50%); transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__indicator { transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .hero-image__indicator.is-changing { transform: translate(-50%, -15px); transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 1024px) { .hero-banner__item .hero-banner__bg > img { transition: 0.3s; } .hero-banner__item.is-hover .hero-banner__bg > img { transform: scale(1.08); transition: 0.3s; } } @media (min-width: 1024px) { .news-index__item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .news-index__item > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } @media (min-width: 1024px) { .related-site__main-item > a, .related-site__sub-item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .related-site__main-item > a:hover, .related-site__sub-item > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .event__head > a::after { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .event__head > a .event__state::before, .event__head > a .event__state::after { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 1024px) { .event__head > a:hover::after { width: 100%; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .event__head > a.is-active::after { width: 100%; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .event__head > a.is-active .event__state::before { transform: translate(-50%, -50%) rotate(0deg); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .event__head > a.is-active .event__state::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 1024px) { .breadcrumbs__pagetop > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs__pagetop > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs__item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs__item > a:hover { color: white; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs--top .breadcrumbs__item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs--top .breadcrumbs__item > a:hover { color: rgb(117, 117, 117); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs--bottom .breadcrumbs__item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .breadcrumbs--bottom .breadcrumbs__item > a:hover { color: white; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } @media screen and (min-width: 1024px) { .footer__sns__item { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .footer__sns__item:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .footer__links__title > a, .footer__links__item > a, .footer__bottom--global > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .footer__links__title > a::before, .footer__links__item > a::before, .footer__bottom--global > a::before { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .footer__links__title > a:hover, .footer__links__item > a:hover, .footer__bottom--global > a:hover { color: white; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .footer__links__title > a:hover::before, .footer__links__item > a:hover::before, .footer__bottom--global > a:hover::before { opacity: 1; } } .article__to-top > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__to-top > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__sns-item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__sns-item > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__prev > a .article__nav-img, .article__next > a .article__nav-img { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__prev > a:hover .article__nav-img, .article__next > a:hover .article__nav-img { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__tolist > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article__tolist > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article-result__img > a > img { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article-result__img.is-hover > a > img { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article-result__tag > a, .article__keyword-item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .article-result__tag > a:hover, .article__keyword-item > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 1024px) { .button .button__clone { opacity: 0; pointer-events: none; transform: translateY(-75%) !important; } .button .button__original { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } .button .button__arrow { opacity: 0; transform: translate(-15px, -50%); } .button::after { opacity: 1; transform: translate(-50%, -50%); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } .button.is-hover .button__clone { opacity: 1; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; transform: translateY(-100%) !important; } .button.is-hover .button__original { opacity: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.02s; transform: translate(-50%, -75%) !important; } .button.is-hover .button__arrow { opacity: 1; transform: translate(-50%, -50%); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } .button.is-hover::after { opacity: 0; transform: translate(-15px, -50%); } .button--down .button__arrow { transform: translate(-50%, -15px) rotate(90deg); } .button--down::after { transform: translate(-50%, -50%) rotate(90deg); } .button--down.is-hover .button__arrow { transform: translate(-50%, -50%) rotate(90deg); } .button--down.is-hover::after { transform: translate(-50%, -15px) rotate(90deg); } .button--plain > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .button--plain > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .button--plus > a.is-active::before { background-color: rgb(32, 32, 32); } .button--plus > a.is-active::after { display: none; } .compare-product__selector { border: 1px solid rgb(255, 255, 255); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .compare-product__selector:hover { border: 1px solid rgb(189, 189, 189); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .filter__headline--main > a::after { opacity: 0; } .filter__headline--main > a.is-active::after { opacity: 1; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .filter__headline > a > .filter__state::before, .filter__headline > a > .filter__state::after { transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .filter__headline > a.is-active > .filter__state::before { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .filter__headline > a.is-active > .filter__state::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 1024px) { .filter__headline > a > p { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .filter__headline > a:hover > p { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } @media (min-width: 1024px) { .filter__select { transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .filter__select:hover { border: 1px solid rgb(189, 189, 189); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } } .filter__reset { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .filter__reset:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 1024px) { .header__logo > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__logo > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__search > input:focus { box-shadow: none; outline: 0px; } .header__sub-item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__sub-item > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__item > a::after { width: 0px; } .header__item.is-active > a::after { width: 100%; } .header__item.is-active .header__drop { display: flex; } .header__drop__title > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__drop__title > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__drop__item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__drop__item > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } @media screen and (max-width: 1024px) { .header { height: auto; } .header.is-collapsed { height: 60px; overflow: hidden; } .header__opener__btn > span:nth-child(1), .header__opener__btn > span:nth-child(2), .header__opener__btn > span:nth-child(3) { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__opener.is-active .header__opener__btn > span:nth-child(1) { top: 50%; transform: rotate(-45deg); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__opener.is-active .header__opener__btn > span:nth-child(2) { top: 50%; transform: rotate(45deg); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__opener.is-active .header__opener__btn > span:nth-child(3) { opacity: 0; width: 0px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__drop { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__drop.is-collapsed { height: 0px; } .header__drop__content { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__drop__content.is-collapsed { height: 0px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__toggle { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__toggle.on { transform: rotate(90deg); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header__toggle.on::before { opacity: 0; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .header .header__nav { display: none; transform: translateX(100vw); } } @media (min-width: 1024px) { .headline__link > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .headline__link > a:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .product-main__nav-item { position: relative; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .product-main__nav-item.slick-current::after { content: ""; width: calc(100% - 10px); height: 2px; background-color: rgb(32, 32, 32); position: absolute; bottom: 0px; left: 5px; } @media (max-width: 1024px) { .product-main__nav-item.slick-current::after { width: calc(100% - 4px); left: 2px; } } @media (max-width: 768px) { .product-main__nav-item.slick-current::after { width: 100%; left: 0px; bottom: -4px; } } .product-main__nav-item.slick-current > img { opacity: 0.3; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .product-main__nav-item:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector { visibility: hidden; left: -100vw; } .region-selector.is-scroll { overflow-y: auto; overscroll-behavior-y: contain; touch-action: pan-y; } .region-selector.is-scroll > .region-selector__body { position: static; transform: translate(0px); margin: 4.39239% auto; } .region-selector.is-active { visibility: visible; left: 0px; } .region-selector__bg { opacity: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector__bg.is-active { opacity: 1; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector__body { opacity: 0; transform: translate(-50%, -20%); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector__body.is-active { opacity: 1; transform: translate(-50%, -50%); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 1024px) { .region-selector__item > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector__item > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector__close::before, .region-selector__close::after { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .region-selector__close:hover::before, .region-selector__close:hover::after { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .spec-table.is-fixed .spec-table__thead--clone { display: block; position: fixed; top: 124px; left: 4.39239%; } @media (max-width: 1024px) { .spec-table.is-fixed .spec-table__thead--clone { top: 60px; } } @media (max-width: 768px) { .spec-table.is-fixed .spec-table__thead--clone { left: 4%; } } .spec-table.is-fixed .spec-table__thead--clone2 { display: block; position: fixed; top: 124px; left: initial; } @media (max-width: 1024px) { .spec-table.is-fixed .spec-table__thead--clone2 { top: 60px; } } @media (max-width: 768px) { .spec-table.is-fixed .spec-table__thead--clone2 { left: 0px; } } .spec-table.is-fixed .spec-table__thead--clone3 { display: none; left: 4.39239%; } @media (max-width: 768px) { .spec-table.is-fixed .spec-table__thead--clone3 { left: 4%; } } .spec-table.is-end .spec-table__thead--clone { position: absolute; top: auto; bottom: 0px; } .spec-table.is-end .spec-table__thead--clone2 { position: absolute; top: auto; bottom: 0px; } .spec-table__controler { z-index: 9; opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .spec-table__controler.fixedsticky-on { left: 50%; transform: translateX(-50%); } .spec-table__controler.is-show { opacity: 1; pointer-events: auto; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .tabnav--mini .tabnav__item.is-active > a { color: rgb(32, 32, 32); font-weight: bold; display: inline-block; position: relative; } .tabnav--mini .tabnav__item.is-active > a::after { content: ""; width: 100%; height: 2px; background-color: rgb(32, 32, 32); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .tabnav--mini .tabnav__item > a:hover { color: rgb(32, 32, 32); font-weight: bold; } .tabnav--mini.is-scroll { position: relative; } .tabnav--mini.is-scroll .tabnav__btn { display: block; transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .tabnav--mini.is-scroll .tabnav__btn.is-active { opacity: 1; pointer-events: auto; transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .tabnav--mini.is-scroll .tabnav__nav { position: relative; overflow-x: auto; white-space: nowrap; overscroll-behavior-y: contain; } .tabnav--mini.is-scroll .tabnav__nav::-webkit-scrollbar { display: none; } .tabnav--mini.is-scroll .tabnav__list { display: inline-block; white-space: nowrap; } .tabnav--mini.is-scroll .tabnav__item { display: inline-block; } .tabnav--mini.is-scroll .tabnav__item:first-child { padding-left: 4vw; } .tabnav--mini.is-scroll .tabnav__item:last-child { padding-right: 4vw; } .tabnav--def { position: relative; } .tabnav--def.is-scroll .tabnav__btn { display: block; } .tabnav--def.is-scroll .tabnav__btn::after { height: 70%; top: 15%; } .tabnav--def.is-scroll .tabnav__btn.is-active { opacity: 1; pointer-events: auto; transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .tabnav--def.is-scroll .tabnav__nav { overflow: auto; white-space: nowrap; overscroll-behavior-x: contain; touch-action: pan-x; } .tabnav--def.is-scroll .tabnav__nav::-webkit-scrollbar { display: none; scrollbar-width: none; } .tabnav--def.is-scroll .tabnav__list { display: block; white-space: nowrap; width: 100%; } .tabnav--def.is-scroll .tabnav__item { display: inline-block; white-space: nowrap; } .tabnav--def.is-scroll .tabnav__item > a { padding: 0px 40px; } .tabnav--def .tabnav__item.is-active > a { pointer-events: none; } @media (min-width: 1024px) { .tabnav--def .tabnav__item:not(.is-active) > a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .tabnav--def .tabnav__item:not(.is-active) > a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } @media (min-width: 1024px) { .thumbnail__list > .slick-arrow { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__list > .slick-arrow:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__item > a .thumbnail__img > img { transition: 0.3s; } .thumbnail__item > a .thumbnail__title::after { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__item > a:hover .thumbnail__img > img { opacity: 0.75; transition: 0.3s; } .thumbnail__item > a:hover .thumbnail__title::after { width: 100%; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail--product .thumbnail__item > a .thumbnail__img > img { transition: 0.3s; } .thumbnail--product .thumbnail__item > a:hover .thumbnail__img > img { opacity: 1; transform: scale(1.08); transition: 0.3s; } .thumbnail--cover .thumbnail__item > a .thumbnail__bg > img { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail--cover .thumbnail__item > a:hover .thumbnail__bg > img { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__btn > a { transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__btn > a:hover { opacity: 0.75; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__zoom { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__zoom:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__modal__close::before, .thumbnail__modal__close::after { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__modal__close:hover::before, .thumbnail__modal__close:hover::after { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .thumbnail__modal__img { opacity: 0; } .thumbnail__modal__img.is-loaded { opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .thumbnail__modal__bg { opacity: 0; } .thumbnail__modal.is-opened .thumbnail__modal__bg { opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .flag-ca { background-position: center center; } #lcly-button-0 { position: relative; display: flex; flex-wrap: wrap; padding-bottom: 10px; margin-top: 45px; order: 7; } a.lcly-primary-trigger span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .lcly-location-prompt { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .lcly-location-switcher-outer { margin-right: 25px; width: 100%; } .lcly-anchor { margin: 10px auto !important; } .ev_table { border-collapse: collapse; width: 91%; font: medium / 1.4 sans-serif; margin: 0px auto; } .ev_table th, .ev_table td { padding: 0.25rem; text-align: center; text-transform: uppercase; } .ev_table td { font-weight: bold; border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); padding: 10px 14px; } .ev_table tbody > tr:last-child > td { border-bottom: 1px solid rgb(223, 223, 223); } .ev_table th { height: 46px; background-color: black; color: white; font-size: 1.3rem; font-weight: bold; line-height: 1.2; width: 50%; } .ev_table tbody tr:nth-child(2n+1) { background: rgb(247, 247, 247); } body:lang(zh), .article-result__title:lang(zh), .article__content:lang(zh), .article__title:lang(zh), .article__title--serif:lang(zh), .article__prev:lang(zh), .article__next:lang(zh), .compare-product__annotation:lang(zh), .cta-section__copy:lang(zh), .footer__links:lang(zh), .hero-banner__copy:lang(zh), .news-index__txt:lang(zh), .spec-table__thead > tr > th:lang(zh), div.divcolumnone:lang(zh), .spec-table__tbody > tr > td:lang(zh), .spec-table__annotation:lang(zh), .thumbnail__txt:lang(zh), .thumbnail__tag:lang(zh), a.lcly-primary-trigger span:lang(zh), .lcly-location-prompt:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } .article-result__title:lang(ja), .article__content:lang(ja), .article__title:lang(ja), .article__title--serif:lang(ja), .article__prev:lang(ja), .article__next:lang(ja), .compare-product__annotation:lang(ja), .cta-section__copy:lang(ja), .footer__links:lang(ja), .hero-banner__copy:lang(ja), .news-index__txt:lang(ja), .spec-table__thead > tr > th:lang(ja), div.divcolumnone:lang(ja), .spec-table__tbody > tr > td:lang(ja), .spec-table__annotation:lang(ja), .thumbnail__txt:lang(ja), .thumbnail__tag:lang(ja), a.lcly-primary-trigger span:lang(ja), .lcly-location-prompt:lang(ja) { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } body:lang(ja) { font-family: Oswald, "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } body:lang(ja) .header__search > form > input { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } #cookie_consent_banner_main_app .cookie_consent-consent_banner__description { font-size: 13px; line-height: 1.5; } #cookie_consent_banner_main_app .cookie_consent-privacy_setting_banner__description { font-size: 12.5px; line-height: 1.5; } #cookie_consent_cookie_btn-1 .cookie_consent-cookie_btn-link { font-size: 1.1rem; line-height: 1.4; width: 100%; margin-bottom: 10px; text-decoration: none; color: rgb(117, 117, 117) !important; text-align: left !important; } #cookie_consent_cookie_btn-1 .cookie_consent-cookie_btn-link:hover { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: rgb(255, 255, 255) !important; } @font-face { font-family: icomoon; src: none format("truetype"), none format("woff"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon !important; } .icon-external-link::before { content: ""; } .icon-facebook::before { content: ""; } .icon-faq::before { content: ""; } .icon-filter::before { content: ""; } .icon-globe::before { content: ""; } .icon-info::before { content: ""; } .icon-instagram::before { content: ""; } .icon-komoot::before { content: ""; } .icon-location::before { content: ""; } .icon-manual::before { content: ""; } .icon-menu-bar::before { content: ""; } .icon-minus::before { content: ""; } .icon-pdf::before { content: ""; } .icon-plus::before { content: ""; } .icon-search::before { content: ""; } .icon-strava::before { content: ""; } .icon-thumbs-down::before { content: ""; } .icon-thumbs-up::before { content: ""; } .icon-tick::before { content: ""; } .icon-twitter::before { content: ""; } .icon-urgent::before { content: ""; } .icon-youtube::before { content: ""; } .icon-zoom-In::before { content: ""; } .icon-zoom-out::before { content: ""; } .icon-arrow-down::before { content: ""; } .icon-arrow-left::before { content: ""; } .icon-arrow-right::before { content: ""; } .icon-arrow-up::before { content: ""; } .icon-bell::before { content: ""; } .icon-bike::before { content: ""; } .icon-cart::before { content: ""; } .icon-close::before { content: ""; } .icon-copyright::before { content: ""; } .icon-email::before { content: ""; } .uppercase { text-transform: uppercase; } .center { text-align: center; } .inheritedef .placeholder { text-align: center; height: 100px; padding-top: 20px; } .flag { background-image: none; background-repeat: no-repeat; background-size: 100% 49494%; display: inline-block; overflow: hidden; position: relative; vertical-align: middle; box-sizing: content-box; box-shadow: rgb(220, 220, 220) 0px 0px 0px 1px; } .flag--sm { width: 18px; height: 11px; } .flag--md { width: 27px; height: 17px; } .flag--lg { width: 44px; height: 29.5px; } .flag--xl { width: 60px; height: 37px; } .flag-ca { background-position: center 0px; } .flag-ar { background-position: center 0.213%; } .flag-br { background-position: center 0.87%; } .flag-us { background-position: center 1.096%; } .flag-cn { background-position: left 1.3131%; } .flag-jp { background-position: center 1.53%; } .flag-sg { background-position: left 1.7633%; } .flag-be { background-position: center 1.5589%; } .flag-cz { background-position: left 2.2%; } .flag-fr { background-position: center 2.42%; } .flag-de { background-position: center 2.63%; } .flag-it { background-position: center 2.85%; } .flag-nl { background-position: center 3.08%; } .flag-pl { background-position: center 3.3%; } .flag-pt { background-position: center 3.1125%; } .flag-ru { background-position: center 3.74%; } .flag-es { background-position: left 3.96%; } .flag-tr { background-position: center 4.18%; } .flag-gb { background-position: center 4.4%; } .flag-au { background-position: center 4.61%; } .flag-nz { background-position: center 4.84%; } .loader { border-width: 12px; border-style: solid; border-color: rgb(0, 160, 233) rgb(243, 243, 243) rgb(243, 243, 243); border-image: none; border-radius: 50%; width: 60px; height: 60px; animation: 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running spin; margin-left: auto; margin-right: auto; } .loader--small { border-width: 8px; width: 30px; height: 30px; } @-webkit-keyframes spin { 100% { transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); } } .headline__main { font-size: inherit; } h1 .headline__main { font-size: 2.7rem; } @media (max-width: 768px) { h1 .headline__main { font-size: 2.4rem; } } h2 .headline__main { font-size: 2.7rem; } @media (max-width: 768px) { h2 .headline__main { font-size: 2.4rem; } } h3 .headline__main { font-size: 2.4rem; } h4 .headline__main { font-size: 2.1rem; } h5 .headline__main { font-size: 1.7rem; } h6 .headline__main { font-size: 1.3rem; } .related-site__sub { margin-top: 3vh; } .fullwidthbanner + .responsivegrid .tabnav, .fullwidthbanner + .tabnav { border-top: 0px; margin-top: 0px; } .product-main--update .product-main__slider-for::after { content: "UPDATE"; width: auto; height: auto; position: absolute; top: 15px; left: 20px; font-size: 1.2rem; letter-spacing: 0.05em; background-color: rgb(32, 32, 32); color: white; padding: 6px 6px 6px 7px; z-index: 1; pointer-events: none; } .productinfo .article__content { max-width: 608px; } .productinfo .product-main__logo { font-size: 2rem; } .article__to-top { margin-right: auto; margin-top: 30px; float: none !important; margin-left: auto !important; width: 91.2152% !important; } @media (max-width: 768px) { .article__to-top { margin-top: 20px; width: 100% !important; } } .thumbnail__title { overflow-wrap: break-word; } .error { font-size: 2rem; } .error--api { text-align: center; padding: 30px; } .module.module-page-store_locator .map-wrap-top form input { padding: 10px 20px 10px 0px; box-sizing: content-box; width: calc(100% - 30px); } .unauthorised-overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); color: white; min-height: 9.375rem; } .unauthorised-overlay .unauthorised-text { text-align: center; vertical-align: middle; padding: 3% 0px; } .footer__sns__item--facebook { background: none 0px 0px / cover no-repeat; } .footer__sns__item--instagram { background: none 0px 0px / cover no-repeat; } .footer__sns__item--twitter { background: none 0px 0px / cover no-repeat; } .footer__sns__item--youtube { background: none 0px 0px / cover no-repeat; } .footer__sns__item--wechat { background: none 0px 0px / cover no-repeat; } .footer__sns__item--weibo { background: none 0px 0px / cover no-repeat; } .footer__sns__item--tiktok { background: none 0px 0px / cover no-repeat; } .footer__sns__item--xiaohongshu { background: none 0px 0px / cover no-repeat; } .footer__sns__item--linkedin { background: none 0px 0px / cover no-repeat; } .thumbnail__item--movie .thumbnail__img::after { background: none 0px 0px / cover no-repeat; } .header__lang::after { background: none 50% 50% / 4px 6px no-repeat; } .header__lang--jp { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--jp { background-size: 35px 22px; } } .header__lang--us { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--us { background-size: 35px 22px; } } .header__lang--sg { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--sg { background-size: 35px 22px; } } .header__lang--fr { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--fr { background-size: 35px 22px; } } .header__lang--ar { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--ar { background-size: 35px 22px; } } .header__lang--ca { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--ca { background-size: 35px 22px; } } .header__lang--br { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--br { background-size: 35px 22px; } } .header__lang--gb { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--gb { background-size: 35px 22px; } } .header__lang--it { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--it { background-size: 35px 22px; } } .header__lang--cz { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--cz { background-size: 35px 22px; } } .header__lang--de { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--de { background-size: 35px 22px; } } .header__lang--nl { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--nl { background-size: 35px 22px; } } .header__lang--pl { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--pl { background-size: 35px 22px; } } .header__lang--ru { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--ru { background-size: 35px 22px; } } .header__lang--tr { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--tr { background-size: 35px 22px; } } .header__lang--es { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--es { background-size: 35px 22px; } } .header__lang--au { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--au { background-size: 35px 22px; } } .header__lang--nz { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--nz { background-size: 35px 22px; } } .header__lang--cn { background: none left center / 28px 18px no-repeat; } @media (max-width: 1024px) { .header__lang--cn { background-size: 35px 22px; } } .headline__link > a { background: none 100% 50% no-repeat; } .article__to-top > a::after { background: none 50% 50% / 5px 8px no-repeat; } .article__prev > a > dl > dt::before { background: none 50% 50% / 5px 8px no-repeat; } .article__next > a > dl > dt::before { background: none 50% 50% / 5px 8px no-repeat; } .slick-arrow { background: none 50% 50% / 12.8px 25.6px no-repeat; } .thumbnail__zoom::before, .product-main__zoom-btn, .feat-listing__zoom::before { background: none 50% 50% / 18px 18px no-repeat; } .thumbnail__btn--compare > a::after { background: none 50% 50% / 9px 8px no-repeat; } .search-result__tag > span:not(:last-child) { background: none 100% 50% / 4px 6px no-repeat; } @media (max-width: 1024px) { .header__search > input { background-color: rgb(247, 247, 247) !important; background-position: 15px 50% !important; } .header__item > a { background: none calc(100% - 25px) 50% / 5px 8px no-repeat; } .header__drop__item > a::after { background: none 50% 50% / 5px 8px no-repeat; } } .header__search > input { background: none 0px 50% / 14px 14px no-repeat; } .header__search > form > input { background: none 0px 50% / 14px 14px no-repeat; } .button::after { background: none 50% 50% no-repeat; } .footer__bottom--global > div > p > a::before { background: none 0px 0px no-repeat; } .breadcrumbs__item:not(:first-child)::before { background: none 0px 50% no-repeat; } .article__tolist > a::before { background: none 50% 50% no-repeat; } .article__content--imageborder { border: 1px solid rgb(223, 223, 223); } .breadcrumbs__pagetop > a::before { background: none 60% 50% no-repeat; } .breadcrumbs--bottom .breadcrumbs__item:not(:first-child)::before { background: none 50% 50% no-repeat; } .button__arrow--white { background: none 50% 50% no-repeat; } .button--white::after { background: none 50% 50% no-repeat; } .button__arrow--black { background: none 50% 50% no-repeat; } .hero-image__arrow { background: none 50% 50% no-repeat; } .hero-image__item > a.has-video::after { background: none 50% 50% no-repeat; } .pagination__arrow { background-image: none; display: inline-block; width: 30px; } .spec-table__controler--left, .spec-table__controler--right { background: none 50% 50% / 5px 8px no-repeat; } .filter__select::after { background-image: none; } .compare-product__selector::after { background: none 50% 50% / 6px 12px no-repeat; } .toggle-switch.is-always-on .switch, .toggle-switch.is-on .switch { background-image: none; } .toggle-switch.is-off .switch { background-image: none; } .module-page-store_locator .map-wrap-top form .ui-lens { background: none 0px 50% / 20px 20px no-repeat; vertical-align: middle; } .product-detail-page .anchortitle + .featurelisting .thumbnail, .product-detail-page .anchortitle + .skulisting .thumbnail, .product-detail-page .anchortitle + .productgroup .thumbnail, .product-detail-page .anchortitle + .productsupport .thumbnail { margin-top: 0px; } .cmp-title__text { font-family: "Noto Serif JP", serif; margin-bottom: 30px; } .cmp-title h1 { font-size: 3.6rem; } .cmp-title h2 { font-size: 3.3rem; } .cmp-title h3 { font-size: 3rem; padding-top: 30px; } .cmp-title h4 { font-size: 2.7rem; } .cmp-title h5 { font-size: 2.3rem; } .cmp-title h6 { font-size: 1.9rem; } @media screen and (max-width: 768px) { .cmp-title { width: 92%; margin: 0px auto; } } .pdp-title__padding { padding-left: calc(50% - 304px); padding-right: calc(50% - 304px); } .cmp-title__text:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } .footer__links__block { width: 95%; } .footer-list.aem-GridColumn--default--4 .footer__links__item { width: 50%; } .footer-list.aem-GridColumn--default--6 .footer__links__block { width: 98%; } .footer-list.aem-GridColumn--default--6 .footer__links__item { width: 33%; } .footer-list.aem-GridColumn--default--8 .footer__links__block { width: 98%; } .footer-list.aem-GridColumn--default--8 .footer__links__item { width: 25%; } .footer-list.aem-GridColumn--default--10 .footer__links__block { width: 98%; } .footer-list.aem-GridColumn--default--10 .footer__links__item { width: 20%; } @media (max-width: 768px) { .footer-list.aem-GridColumn--default--4 .footer__links__item { width: calc(50% - 10px); } .footer-list.aem-GridColumn--default--6 .footer__links__item { width: calc(50% - 10px); } .footer-list.aem-GridColumn--default--8 .footer__links__item { width: calc(50% - 10px); } .footer-list.aem-GridColumn--default--10 .footer__links__item { width: calc(50% - 10px); } .footer-list.aem-GridColumn--phone--4 .footer__links__item { width: 100%; } .footer-list.aem-GridColumn--phone--5 .footer__links__item { width: 100%; } } .footer__bottom--global a { display: flex; align-items: center; } .footer__bottom--global a::before { content: ""; width: 12px; height: 12px; display: inline-block; background: none 0px 0px no-repeat; margin-right: 5px; opacity: 0.3; } .article__content { max-width: 100%; } .article__content p { font-size: 1.4rem; line-height: 2.1; margin-bottom: 20px; } .article__content a { color: rgb(0, 160, 232); text-decoration: underline; } .footer .text { color: rgb(117, 117, 117); font-size: 0.9rem; letter-spacing: 0.05em; } .iframe-width { width: 50%; } @media (max-width: 1024px) { .iframe-width { width: 100%; } } .iframe__container { position: relative; padding-bottom: 56.25%; } .iframe__container iframe { height: 100%; position: absolute; width: 100%; top: 0px; left: 0px; } .cta-section__content { display: flex; width: 100%; justify-content: center; } .calltoaction:not(:first-child) .cta-section__content::before { content: ""; width: 1px; height: 80%; background-color: rgb(223, 223, 223); position: absolute; top: 10%; left: 0px; } @media (max-width: 768px) { .calltoaction:not(:first-child) .cta-section__content::before { display: none; } .calltoaction:not(:first-child) .cta-section__content { border-top: 1px solid rgb(223, 223, 223); } .calltoaction:first-child .cta-section__content > a { margin-left: -8.33333%; } } .cta-section__headline.headline__head { text-align: center; } @media (max-width: 768px) { .breadcrumbs--bottom .breadcrumbs__nav { padding-left: 0px; } } .breadcrumbs__item { white-space: nowrap; } .article__vol { top: -31px; } @media screen and (max-width: 768px) { .article__vol { top: -21px; } } .article__vol--no-backlink { top: 4px; } @media screen and (max-width: 768px) { .article__vol--no-backlink { top: 9px; } } @media screen and (max-width: 768px) { .article__head--no-vol { top: 50px; } } .article__head--no-backlink.article__head--no-vol { top: 50px; } .article__keyword-item > span { min-height: 28px; padding: 5px 10px; height: auto; line-height: normal !important; } .article_image--header .cmp-image .cmp-image__image { height: 490px; } @media (max-width: 768px) { .article_image--header .cmp-image .cmp-image__image { height: 60vw; } } .article__title--top { padding-bottom: 50px; } @media (max-width: 1024px) { .tabhead-margin { margin-top: 60px !important; } } .cmp-tabs__tab--active { background-color: white; outline: thin; } .cmp-tabs__tab--active::after { content: ""; width: 50%; height: 2px; background-color: rgb(32, 32, 32); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .cmp-tabs__tabpanel .responsivegrid { background-color: white; } .cmp-tabs__tabpanel:focus { outline: 0px; } .cmp-tabs__tabpanel--active > .responsivegrid { padding-top: 1em; } .cmp-tabs__tabpanel--active > .responsivegrid > .aem-Grid > .anchortitle, .cmp-tabs__tabpanel--active > .responsivegrid > .aem-Grid > .productinfo { margin-top: -1em; } @media (min-width: 768px) { .map-wrap-top .aem-GridColumn--default--4 { width: 40%; } } .news-index__tag { margin-right: 10px; } .header__drop__row { padding-right: 1vw; } .textimageeditorial .article__content--cover { max-width: 1000px; } .textimageeditorial .article__content--cover-small { max-width: 608px; } .textimageeditorial .article__content p { margin-bottom: 0px; } .article__content > p { word-break: break-word; overflow-wrap: break-word; } .article__content > figure > figcaption > p { font-size: 1.2rem; margin-top: 10px; color: rgb(117, 117, 117); line-height: 1.4; } @media (max-width: 768px) { .article__content > figure > figcaption > p { margin-left: 4vw; } } .text_image_container { display: flex; width: 100%; max-width: 1366px; margin: 0px auto 31px; overflow: hidden; position: relative; } @media (max-width: 1486px) { .text_image_container { width: 91.2152%; } } @media (max-width: 1024px) { .text_image_container { margin-bottom: 67px; } } @media (max-width: 768px) { .text_image_container { width: 92%; margin-bottom: 53px; } } .text_image_container .left-container, .text_image_container .right-container { flex: 0 1 50%; } .text_image_container .left-container h1, .text_image_container .right-container h1 { font-size: 34px; line-height: 50px; margin-bottom: 16px; } .text_image_container .left-container h2, .text_image_container .right-container h2 { font-size: 27px; line-height: 41px; margin-bottom: 14px; } .text_image_container .left-container h3, .text_image_container .right-container h3 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .text_image_container .left-container h4, .text_image_container .right-container h4 { font-size: 16px; line-height: 24px; margin-bottom: 8px; } .text_image_container .left-container h5, .text_image_container .right-container h5 { font-size: 12px; line-height: 18px; margin-bottom: 6px; } .text_image_container .left-container h6, .text_image_container .right-container h6 { font-size: 10px; line-height: 15px; margin-bottom: 5px; } .text_image_container .left-container p, .text_image_container .right-container p { font-size: 16px; line-height: 23px; font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } .text_image_container .left-container p:lang(ja), .text_image_container .right-container p:lang(ja) { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } .text_image_container .left-container p:lang(zh), .text_image_container .right-container p:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } .text_image_container .left-container h1, .text_image_container .right-container h1, .text_image_container .left-container h2, .text_image_container .right-container h2, .text_image_container .left-container h3, .text_image_container .right-container h3, .text_image_container .left-container h4, .text_image_container .right-container h4, .text_image_container .left-container h5, .text_image_container .right-container h5, .text_image_container .left-container h6, .text_image_container .right-container h6, .text_image_container .left-container p, .text_image_container .right-container p { color: rgb(0, 0, 0); } @media (max-width: 1024px) { .text_image_container .left-container h1, .text_image_container .right-container h1 { font-size: 24px; line-height: 36px; margin-bottom: 12px; } .text_image_container .left-container h2, .text_image_container .right-container h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .text_image_container .left-container h3, .text_image_container .right-container h3 { font-size: 16px; line-height: 24px; margin-bottom: 8px; } .text_image_container .left-container h4, .text_image_container .right-container h4 { font-size: 14px; line-height: 21px; margin-bottom: 7px; } .text_image_container .left-container h5, .text_image_container .right-container h5 { font-size: 12px; line-height: 18px; margin-bottom: 6px; } .text_image_container .left-container h6, .text_image_container .right-container h6 { font-size: 10px; line-height: 15px; margin-bottom: 5px; } .text_image_container .left-container p, .text_image_container .right-container p { font-size: 14px; line-height: 21px; font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } } .text_image_container img { width: 100%; height: auto; } .text_image_container.text_image_left { flex-direction: row-reverse; } .text_image_container.text_image_left .left-container { margin-left: 30px; } @media (max-width: 1024px) { .text_image_container.text_image_left { flex-direction: column; } .text_image_container.text_image_left .left-container { margin-left: 0px; margin-bottom: 33px; } } .text_image_container.text_image_right { flex-direction: row; } .text_image_container.text_image_right .right-container { margin-left: 30px; } @media (max-width: 1024px) { .text_image_container.text_image_right { flex-direction: column; } .text_image_container.text_image_right .left-container { margin-bottom: 33px; } .text_image_container.text_image_right .right-container { margin-left: 0px; } } .productsearch .loader--search-btn { margin-top: 10px; display: none; } .thumbnail__item--update .thumbnail__img::before { content: "UPDATE"; position: absolute; top: 0px; left: 0px; font-size: 1rem; letter-spacing: 0.05em; background-color: rgb(32, 32, 32); color: white; padding: 4px 4px 4px 5px; z-index: 1; } .productsearch--container .aem-Grid--12 { width: 100%; max-width: 1366px; margin: 20px auto 60px; padding-bottom: 20px; position: relative; } .productsearch--container .aem-Grid--12 .title .headline__head--mb { width: 100%; margin: 0px auto 47px; } .productsearch--container .aem-Grid--12 .title:first-child .headline__head--mb { padding-top: 0px; } .productsearch--container .aem-Grid--12 .productsearchV2.aem-GridColumn { width: 264px; position: sticky; top: 144px; z-index: 10; } .productsearch--container .aem-Grid--12 .productsearchV2.aem-GridColumn .filter { width: 100%; margin-top: 0px; } .productsearch--container .aem-Grid--12 > .articlelist.aem-GridColumn, .productsearch--container .aem-Grid--12 > .productsearchresultsV2.aem-GridColumn, .productsearch--container .aem-Grid--12 > .container.aem-GridColumn { width: calc(99.999% - 338px); margin-left: 74px; float: right; } @media screen and (max-width: 1486px) { .productsearch--container .aem-Grid--12 { width: 91.2152%; } } @media screen and (max-width: 1024px) { .productsearch--container .aem-Grid--12 .productsearchV2.aem-GridColumn { width: 214px; top: 80px; } .productsearch--container .aem-Grid--12 > .articlelist.aem-GridColumn, .productsearch--container .aem-Grid--12 > .productsearchresultsV2.aem-GridColumn, .productsearch--container .aem-Grid--12 > .container.aem-GridColumn { width: calc(99.999% - 242px); margin-left: 28px; } } @media screen and (max-width: 768px) { .productsearch--container .aem-Grid--12 { margin-top: 6vw; width: 92%; } .productsearch--container .aem-Grid--12 .title .headline__head--mb { margin-bottom: 32px; } .productsearch--container .aem-Grid--12 .productsearchV2.aem-GridColumn { width: calc(108.6%); margin-left: -4.3%; overflow: hidden; top: 60px; } .productsearch--container .aem-Grid--12 .productsearchV2.aem-GridColumn .filter { width: 100%; padding: 0px 18px; } .productsearch--container .aem-Grid--12 > .articlelist.aem-GridColumn, .productsearch--container .aem-Grid--12 > .productsearchresultsV2.aem-GridColumn, .productsearch--container .aem-Grid--12 > .container.aem-GridColumn { width: 100%; margin-left: 0px; float: left; } } .productsearch--container .filter__title { font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 27px; } .productsearch--container .filter__title > img { margin-right: 14px; } .productsearch--container .filter__content { width: 100%; } .productsearch--container .filter__content + .filter__content { margin-top: 25px; } .productsearch--container .filter__content:nth-child(-n+2) { margin-bottom: 0px; } .productsearch--container .filter__select { border: 1px solid rgb(32, 32, 32); } .productsearch--container .filter__select.is-selected { border: 2px solid rgb(32, 32, 32); } .productsearch--container .filter__select:not(:first-of-type) { margin-top: 13px; } .productsearch--container .filter__select::after { background: none 0% 0% / contain no-repeat; width: 7px; height: 4px; right: 5px; } .productsearch--container .filter__select > select { padding: 9px 15px; border-radius: 5px; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; } .productsearch--container .filter__buttons { display: flex; flex-flow: wrap; margin-top: 53px; } .productsearch--container .filter__buttons .filter__button { display: inline-block; margin: 0px 0px 0px 15px; line-height: 45px; } .productsearch--container .filter__buttons .filter__button .loader--search-btn { margin-top: -2px; } .productsearch--container .filter__reset { border: 1px solid rgb(0, 0, 0); margin-top: 0px; color: rgb(32, 32, 32); line-height: 24px; background: rgb(255, 255, 255); padding: 10px; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .productsearch--container .filter__reset:hover { opacity: 1; color: rgb(255, 255, 255); background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .productsearch--container .filter__buttons .filter__button, .productsearch--container .filter__reset { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; height: auto; min-height: 45px; text-transform: uppercase; width: calc(49.9995% - 7.5px); } .productsearch--container .filter__buttons .filter__button .button__arrow, .productsearch--container .filter__buttons .filter__button::after, .productsearch--container .filter__buttons .filter__button .button__clone { display: none !important; opacity: 0; } .productsearch--container .filter__buttons .filter__button > a, .productsearch--container .filter__buttons .filter__button > span { display: flex; justify-content: center; align-items: center; } .productsearch--container .filter__buttons .filter__button .loader-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .productsearch--container .filter__buttons .filter__button.is-hover { background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .productsearch--container .filter__buttons .filter__button.is-hover .button__original { opacity: 1; transform: translate(-50%, -50%) !important; } .productsearch--container .filter__label { font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; color: rgb(32, 32, 32); margin-bottom: 10px; } .productsearch--container .filter__price .filter__select { width: calc(50% - 14px); } @media (max-width: 1024px) { .productsearch--container .filter__title > img { margin-right: 12px; } .productsearch--container .filter__price .filter__select { width: calc(50% - 11px); } } @media (min-width: 769px) { .productsearch--container .filter { background: transparent; } .productsearch--container .filter__headline { height: auto; } .productsearch--container .filter__headline > a { justify-content: left; pointer-events: none; } .productsearch--container .filter__headline > a:hover > p { opacity: 1; } .productsearch--container .filter__headline > a::after { opacity: 1; width: 100%; background-color: rgb(195, 201, 206); } .productsearch--container .js-accordion__txt { display: none; } .productsearch--container .js-accordion__content { display: block !important; opacity: 1 !important; height: auto !important; } .productsearch--container .filter__inner { padding-top: 24px; } .productsearch--container .filter__main { flex-flow: column; padding: 0px; } .productsearch--container .filter__select, .productsearch--container .filter__price { margin: 0px 15px; } .productsearch--container .filter__price > .filter__select { margin: 0px; } } @media (max-width: 768px) { .productsearch--container .filter__headline { height: 48px; } .productsearch--container .filter__headline > a { justify-content: left; position: relative; } .productsearch--container .filter__inner { padding: 22px 46px 51px; } .productsearch--container .filter__main { padding: 0px; } .productsearch--container .filter__title > img { margin-right: 16px; } .productsearch--container .filter__title { margin-bottom: 0px; } .productsearch--container .filter__label { margin-bottom: 9px; } .productsearch--container .filter__price .filter__select { margin-top: 0px; width: calc(50% - 14px); } .productsearch--container .filter__select, .productsearch--container .filter__price { margin: 0px 15px; } .productsearch--container .filter__price > .filter__select { margin: 0px; } .productsearch--container .filter__content:not(:last-child) { margin-bottom: 0px; } .productsearch--container .filter__buttons { margin-bottom: 0px; } } .productsearch--container .articlelist .thumbnail, .productsearch--container .productsearchresultsV2 .thumbnail { padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 30px; } .productsearch--container .articlelist .search-result, .productsearch--container .productsearchresultsV2 .search-result { margin-top: 0px; margin-bottom: 19px; width: 100%; } .productsearch--container .productsearchresultsV2 .search-result { border: 0px; padding-bottom: 0px; } .productsearch--container .productsearchresultsV2 .search-result .search-result__num, .productsearch--container .productsearchresultsV2 .search-result .search-result__num > span { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; } @media screen and (max-width: 768px) { .productsearch--container .productsearchresultsV2 .search-result .search-result__num, .productsearch--container .productsearchresultsV2 .search-result .search-result__num > span { font-size: 14px; line-height: 21px; } } .productsearch--container .productsearchresultsV2 .search-result .search-result__num > span { margin-left: 3px; } @media screen and (max-width: 768px) { .productsearch--container .articlelist .thumbnail, .productsearch--container .productsearchresultsV2 .thumbnail, .productsearch--container .aem-Grid--12 > .container { margin-top: 48px; } .productsearch--container .articlelist .search-result, .productsearch--container .productsearchresultsV2 .search-result { margin-top: 9px; } .productsearch--container .articlelist .search-result + .thumbnail, .productsearch--container .productsearchresultsV2 .search-result + .thumbnail { margin-top: 11px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item { background: rgb(255, 255, 255); border: 1px solid rgb(195, 201, 206); border-radius: 20px; letter-spacing: 0.05em; text-align: center; padding: 43px 0px 34px; overflow: hidden; display: flex; flex-flow: column; min-height: 440px; } @media (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item { padding: 25px 0px 22px; min-height: 364px; } } @media (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item { padding: 25px 0px 22px; min-height: 310px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item a { display: flex; flex-flow: column; height: 100%; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 40px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)) { margin-right: 26px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item { width: calc(33.333% - 17.3333px); } @media (max-width: 1024px) and (min-width: 769px) { .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item { width: calc(49.9995% - 10px); } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 20px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 20px; } } @media (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item { padding-bottom: 17px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-carousel="no"] .thumbnail__item { width: calc(49.9995% - 7.5px); } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-right: 0px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-carousel="no"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 15px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-top: 20px; } .productsearch--container .productsearchresultsV2 .thumbnail--product.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__title { font-weight: 300; font-size: 26px; line-height: 32px; letter-spacing: 0.05em; text-transform: uppercase; display: flex; align-items: center; justify-content: center; padding: 0px 46px 20px; margin: 0px auto 18px; width: 100%; } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__title { margin-bottom: 16px; font-size: 14px; line-height: 21px; padding: 0px 51px 8px; } } @media screen and (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__title { padding: 0px 25px 8px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__title::before { display: none; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__title::after { content: ""; height: 2px; position: absolute; width: 50px; bottom: 0px; left: 0px; right: 0px; margin: auto; } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__title::after { width: 36px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item > a:hover .thumbnail__title::after { width: 50px; } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item > a:hover .thumbnail__title::after { width: 36px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__img { margin: 0px auto 16px; max-width: 319px; } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__img { max-width: 291px; margin-bottom: 4px; } } @media screen and (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__img { max-width: 342px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__img > img { max-width: none; } @media (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__img > img { max-width: none; } } @media (min-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item > a:hover .thumbnail__img > img { opacity: 0.8; transform: scale(1.11); } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item > a:hover .thumbnail__btn > .thumbnail__btn--link { background-color: rgb(28, 98, 145); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__tag { margin-bottom: 15px; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: rgb(89, 89, 89); margin-top: 0px; padding: 0px 20px; } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__tag { margin-bottom: 4px; font-size: 10px; line-height: 15px; } } @media screen and (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__tag { padding: 0px 9px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--new::before, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update::before { content: "NEW"; position: absolute; top: 0px; left: 0px; letter-spacing: 0.05em; color: white; padding: 12px 0px 0px; z-index: 1; font-size: 16px; line-height: 24px; background: 0px center; font-weight: 500; transform: rotate(-45deg); width: 84px; height: 84px; text-align: center; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--new::after, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update::after { content: ""; position: absolute; top: 0px; left: 0px; border-width: 42px; border-style: solid; border-color: rgb(0, 160, 233) transparent transparent rgb(0, 160, 233); } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--new::before, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update::before { width: 52px; height: 52px; font-size: 10px; line-height: 15px; padding-top: 7px; font-weight: 400; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--new::after, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update::after { border-width: 26px; border-style: solid; border-color: rgb(0, 160, 233) transparent transparent rgb(0, 160, 233); } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--new .thumbnail__img::before, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update .thumbnail__img::before, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--new .thumbnail__img::after, .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update .thumbnail__img::after { display: none; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__item--update::before { content: "UPDATE"; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btns { align-self: flex-end; margin: auto auto 0px; padding: 0px 20px; } @media screen and (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btns { padding: 0px 9px; } } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btn { height: auto; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btn > .thumbnail__btn--link { display: inline-block; width: 100%; text-align: center; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; text-transform: uppercase; position: relative; color: rgb(255, 255, 255); background-color: rgb(67, 156, 215); border-radius: 5px; padding: 8px 24px; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btn > .thumbnail__btn--link::after { content: ""; background: none 0% 0% / contain no-repeat; width: 6px; height: 12px; display: inline-block; position: relative; top: 1px; margin-left: 10px; transform: none; right: 0px; } @media screen and (max-width: 1024px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btn > .thumbnail__btn--link { min-width: 104px; font-size: 10px; line-height: 15px; padding: 7px 5px; } .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__btn > .thumbnail__btn--link::after { width: 5px; height: 9px; margin-left: 7px; } } @media (max-width: 768px) { .productsearch--container .productsearchresultsV2 .thumbnail--product .thumbnail__list { overflow: hidden; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-list { width: 100%; margin-left: 0px; margin-top: 36px; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-slide { padding: 0px 1px; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-slide > div:first-child { margin-bottom: 16px; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-slide .thumbnail__item { width: calc(49.9995% - 7.5px) !important; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-dots { position: absolute; margin-top: 0px; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-dots > li { margin: 0px 5px; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-dots > li > button { width: 10px; height: 10px; background-color: rgb(198, 198, 198); border-radius: 50%; } .productsearch--container .productsearchresultsV2 .thumbnail--product .slick-dots > li.slick-active > button { background: rgb(32, 32, 32); } } .productsearch--container .pagination { margin-top: 31px; margin-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; text-transform: uppercase; } .productsearch--container .pagination__item--current { padding: 0px; } .productsearch--container .pagination__item { margin: 0px 5px; } .productsearch--container .pagination__item > a { padding: 0px; } .productsearchV2_ctrl_height { height: 350px; overflow: hidden scroll; scrollbar-width: thin; width: 95%; margin-top: 0px; padding-right: 5%; } .productsearchV2_ctrl_height_1919_1500 { height: 500px; overflow: hidden scroll; scrollbar-width: thin; width: 95%; margin-top: 0px; padding-right: 5%; } .productsearchV2_ctrl_height::-webkit-scrollbar, .accordion__click::-webkit-scrollbar, .productsearchV2_ctrl_height_1919_1500::-webkit-scrollbar { width: 8px; } .productsearchV2_ctrl_height::-webkit-scrollbar-track, .accordion__click::-webkit-scrollbar-thumb, .productsearchV2_ctrl_height_1919_1500::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(240, 240, 240); } .productsearchV2_ctrl_height::-webkit-scrollbar-thumb, .accordion__click::-webkit-scrollbar-thumb, .productsearchV2_ctrl_height_1919_1500::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); border-radius: 10px; } .accordion__click { height: 350px !important; overflow: hidden scroll !important; } .productsearchV2_ctrl_height .js-accordion__content .js-accordion__inner .filter__buttons { width: 96%; } .cmp-tabs__tabpanel--collapsed { background: white; } @media (max-width: 768px) { .product-main__date { text-align: left; } } .product-main__mark { align-items: center; display: flex; } .product-main__for-item.easyzoom.easyzoom--overlay.slick-slide.slick-current.slick-active { min-height: 491px; } @media (max-width: 768px) { .product-main__zoom-btn > span { display: block; line-height: 30px; font-size: 1.2rem; font-weight: 700; margin-left: 30px; } .product-main__for-item.easyzoom.easyzoom--overlay.slick-slide.slick-current.slick-active { min-height: 391px; } } .product-main__for-item > a > img, .easyzoom-flyout img { top: 0px; bottom: 0px; margin: auto; position: relative !important; } .productinfoV2 .product-main { margin-bottom: 39px; } @media (max-width: 1024px) { .productinfoV2 .product-main { margin-bottom: 24px; } } @media (max-width: 768px) { .productinfoV2 .product-main { width: 100%; } } .product__description_section { background: rgb(247, 247, 247); padding: 18px 23px 19px; position: relative; display: flex; flex-wrap: wrap; width: calc(100% - 609px); } @media (max-width: 1024px) { .product__description_section { padding: 14px 19px 15px; margin-top: 20px; width: calc(100% - 332px); } } @media (max-width: 768px) { .product__description_section { padding: 14px 18px 15px; margin-top: 20px; width: 100%; float: none; order: 8; } } .product__description_section__title { font-family: "Noto Serif JP", serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 23px; letter-spacing: 0.05em; color: rgb(32, 32, 32); } @media (max-width: 1024px) { .product__description_section__title { font-size: 14px; line-height: 20px; } } .product__description_section__content { width: 100%; } .product__description_section__content p { font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 23px; letter-spacing: 0.05em; color: rgb(32, 32, 32); margin-top: 23px; } @media (max-width: 1024px) { .product__description_section__content p { font-size: 14px; line-height: 20px; margin-top: 20px; } } .product__description_section__content .read-less, .product__description_section__content .read-more { font-family: Oswald; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; align-items: center; text-align: center; letter-spacing: 0.05em; color: rgb(32, 32, 32); margin: 5px auto 0px; width: 100%; position: relative; display: none; } @media (max-width: 1024px) { .product__description_section__content .read-less, .product__description_section__content .read-more { font-size: 12px; line-height: 18px; } } .product__description_section__content .read-less { display: none; } .read-more-arrow { background-image: none; position: absolute; top: 2px; z-index: 9; width: 14.23px; height: 8.12px; margin-left: 10px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: center center; background-repeat: no-repeat; transform: rotate(90deg); } .read-less-arrow { background-image: none; position: absolute; bottom: 0px; z-index: 9; width: 14.23px; height: 8.12px; margin-left: 10px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: center center; background-repeat: no-repeat; transform: rotate(270deg); } .product__description_section__title:lang(zh), .product__description_section__content p:lang(zh), .product__description_section__content .read-less:lang(zh), .product__description_section__content .read-more:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } .product__description_section__title:lang(ja), .product__description_section__content p:lang(ja) { font-family: "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__slider-for::before { display: none; } .productinfoV2 .product-main--v2.product-main--new--v2 .product-main__slider-for::before, .productinfoV2 .product-main--v2.product-main--update--v2 .product-main__slider-for::before { display: block; } } .productinfoV2 .product-main--v2 .product-main__image { position: relative; z-index: 1; margin-top: 10px; width: 532px; max-width: none; margin-right: 77px; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image { margin-top: 8px; width: 308px; margin-right: 24px; } } @media screen and (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image { width: 100%; margin-top: 9px; order: 5; padding-bottom: 0px; margin-right: 0px; } } .productinfoV2 .product-main--v2 .product-main__image .product-img__msg { margin-top: 0px; font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0.05em; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-img__msg { font-size: 10px; line-height: 14px; } } .productinfoV2 .product-main--v2 .product-main__image .product-img__msg .cq-placeholder { height: auto; } .productinfoV2 .product-main--v2 .product-main__image .product-img__msg p:first-child { margin-top: 15px; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-img__msg p:first-child { margin-top: 5px; } } @media screen and (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-img__msg p:first-child { margin-top: 9px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list { margin-bottom: 18px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list { margin-bottom: 22px; } } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list { margin-bottom: 12px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list .slick-prev { display: inline-block !important; left: 21px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list .slick-next { right: 21px; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list .slick-prev { left: 10px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__for-list .slick-next { right: 10px; } } .productinfoV2 .product-main--v2 .product-main__image .slick-arrow { background: none 5px 50% / 14px auto no-repeat; height: 30px; top: 50%; transform: translateY(-50%); margin-top: -11px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .slick-arrow { background-size: 11px auto; } } .productinfoV2 .product-main--v2 .product-main__image .slick-arrow.slick-prev { transform: translateY(-50%) rotate(-180deg); } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav { width: 100%; } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav { width: calc(100% - 44px); margin: 0px 22px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list { overflow: hidden; width: 100%; margin: 0px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::before, .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::after { content: ""; width: 20px; height: 100%; position: absolute; top: 0px; z-index: 9; } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::before, .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::after { display: none; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::after { right: -15px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::before { left: -15px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide { padding: 0px; margin-bottom: 9px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:first-child, .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(:first-child) { margin-left: 0px; } @media (min-width: 769px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned) { width: calc(19.9998% - 11.2px) !important; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned):nth-child(n) { margin-right: 0px; margin-top: 0px; margin-bottom: 10px; } } @media screen and (min-width: 1025px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned) { width: calc(16.6665% - 13.3333px) !important; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned):nth-child(n) { margin-bottom: 15px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned).shown { margin-top: 20px; } @media (min-width: 1025px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned):not(:nth-child(6n)) { margin-right: 16px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:not(.slick-cloned):not(:nth-child(5n)) { margin-right: 14px; } } @media screen and (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-slide:nth-child(n) { padding: 0px 6px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-arrow { margin-top: -4.5px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-prev { left: -17px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-next { right: -17px; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .product-main__nav-item:hover { opacity: 1; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .product-main__nav-item:hover::after { content: ""; width: 100%; height: 2px; position: absolute; background-color: rgb(0, 0, 0); left: 0px; bottom: -9px; right: 0px; margin: auto; } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .product-main__nav-item:hover::after { width: calc(100% - 12px); } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .product-main__nav-item.slick-current > img { opacity: 1; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .product-main__nav-item.slick-current::after { background-color: rgb(0, 0, 0); left: 0px; bottom: -9px; width: 100%; } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .product-main__nav-item.slick-current::after { width: calc(100% - 12px); right: 0px; margin: auto; } } @media (min-width: 769px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav.show-items .product-main__nav-item.slick-slide { margin-bottom: 9px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-track { z-index: 5; width: 100%; display: flex; } @media (min-width: 769px) { .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-track { justify-content: left; flex-wrap: wrap; transform: none !important; width: 100% !important; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-track .slick-cloned { display: none !important; } .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::before, .productinfoV2 .product-main--v2 .product-main__image .product-main--v2__slider-nav .slick-list::after { display: none; } } .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button { margin-top: 7px; text-align: center; min-height: 21px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button { margin-top: 8px; } } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button { display: none !important; } } .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button-link { display: none; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(32, 32, 32); text-decoration: none; position: absolute; left: 0px; right: 0px; width: auto; margin: auto; text-align: center; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button-link { font-size: 12px; line-height: 18px; } } .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button-link#product-main__image__view-more { display: block; } .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button-link#product-main__image__view-more::after, .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button-link#product-main__image__view-less::after { content: ""; display: inline-block; background: none 50% 50% / contain no-repeat; position: relative; height: 8px; width: 9px; margin-right: 0px; margin-left: 9px; top: -1px; } .productinfoV2 .product-main--v2 .product-main__image .product-main__image__button-link#product-main__image__view-less::after { transform: rotate(180deg); top: -4px; } .productinfoV2 .product-main--v2 .product-main__logo { font-weight: 700; font-size: 28px; line-height: 41px; letter-spacing: 0.05em; margin-bottom: 2px; padding-top: 0px; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__logo { font-size: 22px; line-height: 33px; margin-bottom: 0px; } } .productinfoV2 .product-main--v2 .product-main__price, .productinfoV2 .product-main--v2 .product-main__price > span { font-weight: 600; font-size: 22px; line-height: 33px; letter-spacing: 0.05em; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__price, .productinfoV2 .product-main--v2 .product-main__price > span { font-size: 14px; line-height: 21px; } } @media screen and (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__price { order: 2; } } .productinfoV2 .product-main--v2 .product-main__date { margin-top: 10px; } @media screen and (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__date { order: 3; } } .productinfoV2 .product-main--v2 .product-main__date p { padding: 4px 8px; font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0.05em; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__date p { padding: 2px 8px; font-size: 10px; line-height: 14px; margin-bottom: 3px; } } .productinfoV2 .product-main--v2 .product-main__date small { padding-left: 5px; font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0.05em; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__date small { display: block; margin-top: 4px; font-size: 10px; line-height: 20px; margin-left: 0px; } } @media screen and (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__msg { order: 4; } } .productinfoV2 .product-main--v2 .product-main__msg .cq-placeholder { height: auto; } .productinfoV2 .product-main--v2 .product-main__msg p { font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0.05em; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__msg p { font-size: 10px; line-height: 14px; } } .productinfoV2 .product-main--v2 .product-main__msg p:first-child { margin-top: 8px; } @media screen and (max-width: 1024px) { .productinfoV2 .product-main--v2 .product-main__msg p:first-child { margin-top: 4px; } } .productinfoV2 .product-main--v2 .thumbnail__btns { margin-top: 0px; align-items: center; flex-flow: row; width: calc(100% - 609px); margin-bottom: 23px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .thumbnail__btns { flex-flow: column; width: calc(100% - 332px); margin-bottom: 0px; } } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .thumbnail__btns { order: 7; width: 100%; float: none; } } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn { height: auto; width: 50%; margin-top: 20px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn { width: 100%; margin-top: 16px; } } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn:only-child { width: 50%; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn:only-child { width: 100%; } } @media (min-width: 1025px) { .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn:only-child.thumbnail__btn--spec { width: 100%; } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn:only-child.thumbnail__btn--spec a { text-align: left; padding: 0px 0px 0px 5px; } } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn a { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; text-transform: uppercase; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn a { width: 100%; } } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--compare a { background: rgb(32, 32, 32); padding: 10px 24px; color: rgb(255, 255, 255); } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--compare a::after { display: none; } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--compare a:hover { opacity: 1; background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec { margin-top: 16px; } } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec a { background: transparent; color: rgb(67, 156, 215); padding: 10px 5px; } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec a:hover { background: rgb(247, 247, 247); border-radius: 5px; } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec a::before, .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec a::after { content: ""; display: inline-block; } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec a::before { background: none 0% 0% / contain no-repeat; width: 23px; height: 15px; margin-right: 10px; } .productinfoV2 .product-main--v2 .thumbnail__btns .thumbnail__btn--spec a::after { background: none 0% 0% / contain no-repeat; width: 6px; height: 10px; position: relative; transform: none; top: -1px; left: 10px; } .productinfoV2 .product-main--v2 .find-it-locally { display: block; float: left; clear: both; width: 532px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .find-it-locally { width: 308px; } } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .find-it-locally { float: none; width: 100%; max-width: none; display: flex; padding: 0px 18px; order: 8; } } .productinfoV2 .product-main--v2 .find-it-locally #lcly-button-0 { display: block; padding: 0px; margin-top: 38px; margin-left: auto; margin-right: auto; max-width: 527px; } @media (max-width: 1024px) { .productinfoV2 .product-main--v2 .find-it-locally #lcly-button-0 { max-width: none; } } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .find-it-locally #lcly-button-0 { margin-top: 15px; width: 100%; } } .productinfoV2 .product-main--v2 .find-it-locally #lcly-button-0 a.lcly-primary-trigger span { font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: 0.05em; padding: 9px; height: auto; text-transform: uppercase; font-family: Oswald, "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } .productinfoV2 .product-main--v2 .find-it-locally #lcly-button-0 .lcly-dealers-wrap { margin-bottom: 10px; } .productinfoV2 .product-main--v2 .find-it-locally #lcly-button-0 .lcly-location-prompt { display: inline-block; } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product-main__image, .productinfoV2 .product-main--v2 .product-main__logo, .productinfoV2 .product-main--v2 .product-main__price, .productinfoV2 .product-main--v2 .product-main__date, .productinfoV2 .product-main--v2 .product-main__msg, .productinfoV2 .product-main--v2 .thumbnail__btns, .productinfoV2 .product-main--v2 .find-it-locally { padding-left: 18px; padding-right: 18px; } } @media (max-width: 768px) { .productinfoV2 .product-main--v2 .product__description_section { order: 9; margin-bottom: -24px; } } .product-main--v2__for-item { width: 100%; font-size: 0px; position: relative; } .product-main--v2__for-item > a > img { width: 100%; height: auto; vertical-align: bottom; top: 0px; bottom: 0px; margin: auto; max-width: 481px; position: relative !important; } @media (max-width: 768px) { .product-main--v2__for-item.is-active > a { pointer-events: auto; } .product-main--v2__for-item > a > img { max-width: none; } .product-main--v2__for-item.slick-slide.slick-current.slick-active { min-height: 300px; } } .product-main--v2 .product-main__zoom-btn { bottom: 7px; left: 10px; width: 30px; padding: 0px; } .product-main__modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; } .product-main__modal__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .product-main__modal__img > img { max-width: calc(-60px + 100vw); max-height: calc(-60px + 100vh); width: auto; height: auto; } @media (max-width: 768px) { .product-main__modal__img > img { max-width: 100vw; } } .product-main__modal__bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); z-index: 1; } .product-main__modal__close { width: 44px; height: 44px; position: absolute; top: 0px; right: 0px; background-color: rgb(32, 32, 32); cursor: pointer; z-index: 99; } .product-main__modal__close::before, .product-main__modal__close::after { content: ""; width: 20px; height: 1px; background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .product-main__modal__close::after { transform: translate(-50%, -50%) rotate(135deg); } @media (min-width: 1024px) { .product-main__modal__close::before, .product-main__modal__close::after { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .product-main__modal__close:hover::before, .product-main__modal__close:hover::after { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } } .product-main__modal__img { opacity: 0; } .product-main__modal__img.is-loaded { opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .product-main__modal__bg { opacity: 0; } .product-main__modal.is-opened .product-main__modal__bg { opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .pdp__atributes__container { display: flex; flex-direction: column; padding-top: 15px; margin-top: 13px; border-top: 0.5px solid rgb(130, 130, 130); } @media (max-width: 1024px) { .pdp__atributes__container { padding-top: 12px; margin-top: 11px; } } @media (max-width: 768px) { .pdp__atributes__container { order: 5; padding-left: 18px; padding-right: 18px; border-top: 0px; padding-top: 0px; margin-top: 10px; } } .pdp__atributes__container .pdp__atributes { display: flex; flex-direction: column; } .pdp__atributes__container .pdp__atributes h3 { font-weight: 600; font-size: 22px; line-height: 33px; letter-spacing: 0.05em; color: rgb(32, 32, 32); margin-bottom: 11px; } @media (max-width: 1024px) { .pdp__atributes__container .pdp__atributes h3 { font-size: 18px; line-height: 27px; margin-bottom: 4px; } } .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container { display: flex; flex-flow: wrap; } .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values { padding: 3px 24px; background: rgb(217, 217, 217); border: 3px solid transparent; border-radius: 10px; margin-right: 21px; display: inline-flex; font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0.05em; color: rgb(0, 0, 0); align-items: center; justify-content: center; cursor: pointer; margin-bottom: 20px; transition: background 0.32s; } @media (max-width: 1024px) { .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values { padding: 1px 12px; font-size: 12px; line-height: 18px; border-radius: 5px; border: 2px solid transparent; margin-right: 12px; margin-bottom: 16px; } } .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.has-image { padding: 0px; border: 0px; border-radius: 0px; width: 60px; height: 70px; background: rgb(255, 255, 255); align-items: flex-start; margin-bottom: 16px; } @media (max-width: 1024px) { .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.has-image { width: 40px; height: 49px; margin-bottom: 12px; } } .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.has-image img { width: 60px; height: 60px; } @media (max-width: 1024px) { .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.has-image img { width: 40px; height: 40px; } } .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.active, .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values:hover { background: rgb(255, 255, 255); border: 3px solid rgb(0, 0, 0); border-radius: 10px; } @media (max-width: 1024px) { .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.active, .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values:hover { border: 2px solid rgb(0, 0, 0); border-radius: 5px; } } .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.has-image.active, .pdp__atributes__container .pdp__atributes .pdp__atributes__values_container .pdp__atributes__values.has-image:hover { padding: 0px; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(0, 0, 0); border-image: none; border-radius: 0px; } .pdp__atributes__container .pdp__atributes__button-link { font-size: 14px; line-height: 21px; display: none; text-align: center; letter-spacing: 0.05em; color: rgb(32, 32, 32); text-transform: uppercase; position: relative; } .pdp__atributes__container .pdp__atributes__button-link.pdp__atributes__button-viewmore::after, .pdp__atributes__container .pdp__atributes__button-link.pdp__atributes__button-viewless::after { content: ""; display: inline-block; background: none 0% 0% / contain no-repeat; position: relative; height: 8px; width: 9px; margin-right: 0px; margin-left: 9px; top: 0px; } .pdp__atributes__container .pdp__atributes__button-link.pdp__atributes__button-viewless::after { transform: rotate(180deg); top: -1px; } .pdp__atributes__container .pdp__atributes__btn--reset { display: none; } .pdp__atributes__container .pdp__atributes__btn--reset a { background: transparent; color: rgb(67, 156, 215); display: inline-flex; font-weight: 500; font-size: 16px; line-height: 24px; align-items: center; padding: 0px 0px 0px 5px; } .pdp__atributes__container .pdp__atributes__btn--reset a:hover { background: rgb(247, 247, 247); border-radius: 0px; } .pdp__atributes__container .pdp__atributes__btn--reset a::before { content: ""; display: inline-block; background: none 0% 0% / contain no-repeat; width: 18.29px; height: 18.29px; margin-right: 15px; } .spec-table__content { } .spec-table__controler--bar { max-width: 200px; } .cat1__selector { display: none; } .compare-product__row.compare-product__row--spec { padding: 26px 14px 25px; } .article__head { padding-top: 30px; } .ptp-page-container .articlelistV2 .thumbnail { margin-top: 0px; } .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item { box-shadow: none; padding: 0px 0px 40.49%; position: relative; border-radius: 20px; overflow: hidden; } @media (max-width: 1024px) { .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item { padding-bottom: 61.34%; border-radius: 10px; } } .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item .thumbnail__img { max-width: 100%; position: absolute; width: 100%; height: 100%; } .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item .thumbnail__img > img { max-width: none; position: absolute; object-fit: cover; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item > a:hover .thumbnail__img > img { transform: translate(-50%, -50%) scale(1.11); } .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item .thumbnail__titlev2 { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin-bottom: 0px; color: rgb(255, 255, 255); z-index: 1; display: flex; background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; justify-content: center; align-items: center; font-weight: 400; font-size: 36px; line-height: 53px; text-shadow: rgb(0, 0, 0) 0px 0px 10px; padding: 10px; } @media (max-width: 1024px) { .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item .thumbnail__titlev2 { font-size: 26px; line-height: 39px; } } .ptp-page-container .articlelistV2 .thumbnail .thumbnail__item .thumbnail__titlev2::after { display: none; } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item { width: calc(33.333% - 17.3333px); } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 27px; } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+3) { margin-top: 0px; } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(3n)) { margin-right: 26px; } @media (max-width: 1024px) and (min-width: 769px) { .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item { width: calc(49.9995% - 10px); } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-top: 20px; } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:nth-child(n) { margin-right: 0px; } .ptp-page-container .articlelistV2 .thumbnail[data-column="3"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 20px; } } @media (max-width: 768px) { .ptp-page-container .articlelistV2 .thumbnail[data-carousel="no"] .thumbnail__item { display: inline-block !important; width: calc(49.9995% - 7.5px); } .ptp-page-container .articlelistV2 .thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-right: 0px; } .ptp-page-container .articlelistV2 .thumbnail[data-carousel="no"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 15px; } .ptp-page-container .articlelistV2 .thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-top: 20px; } .ptp-page-container .articlelistV2 .thumbnail[data-carousel="no"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } } @media screen and (max-width: 768px) { .productsearch--container .aem-Grid--12 > .container.aem-GridColumn.ptp-page-container { margin-top: 18px; } } .headline__head--mb { margin-bottom: 40px; } @media (max-width: 1024px) { .headline__head--mb { margin-bottom: 24.54px; } } .languagenavigationwlogo .region-selector.is-active > .region-selector__body { max-width: 100%; width: 100%; margin: 0px; transition: none; } .languagenavigationwlogo .region-selector.is-active > .region-selector__body .header__logo { margin-left: 60px; } @media (max-width: 768px) { .languagenavigationwlogo .region-selector.is-active > .region-selector__body .header__logo { margin-left: 0px; } } .languagenavigationwlogo .region-selector.is-active > .region-selector__body .headline--header { margin-top: 0px; } .languagenavigationwlogo .region-selector.is-active > .region-selector__body .headline--header .headline__head .title { margin-bottom: 20px; } .languagenavigationwlogo .region-selector.is-active > .region-selector__body .headline--header .headline__head > .headline__main { font-size: 2.2rem; } .languagenavigationwlogo .region-selector.is-active > .region-selector__body .headline--header .headline__head .headline__main.uppercase { font-size: 2rem; } @media (max-width: 768px) { .languagenavigationwlogo .region-selector.is-active > .region-selector__body .headline--header .headline__head .title { margin-top: 25px; } } .languagenavigationwlogo .region-selector.is-active > .region-selector__body .region-selector__bg { transition: none; } @media (max-width: 600px) { .languagenavigationwlogo .region-selector.is-active > .region-selector__body > .headline { padding-top: 13vw; } } @media (min-width: 601px) and (max-width: 768px) { .languagenavigationwlogo .region-selector.is-active > .region-selector__body > .headline { padding-top: 9vw; } } @media (min-width: 1025px) { .languagenavigationwlogo .region-selector.is-active > .region-selector__body > .headline { padding-top: 0px; } } @media (min-width: 769px) and (max-width: 850px) { .languagenavigationwlogo .region-selector.is-active > .region-selector__body .headline--header .headline__head .title { margin-top: 40px; } } @media (min-width: 769px) and (max-width: 850px) { .languagenavigationwlogo .region-selector.is-active .region-selector__body { top: 34%; } } @media (min-width: 851px) and (max-width: 1024px) { .languagenavigationwlogo .region-selector.is-active .region-selector__body { top: 32.5%; } } @media (min-width: 769px) and (max-width: 1024px) { .languagenavigationwlogo .region-selector.is-active .region-selector__body .headline--header { margin-top: 25px; } .languagenavigationwlogo .region-selector.is-active .region-selector__body .region-selector__row { width: 25%; } .languagenavigationwlogo .region-selector.is-active .region-selector__body .header__logo { margin-left: 0px; } } .anchortabslist.sticky { position: sticky; top: 0px; background: rgb(247, 247, 247); z-index: 11; } .anchortabslist .anchortabs__list { display: flex; flex-wrap: wrap; list-style: none; background: rgb(247, 247, 247); width: 100%; margin: 0px auto; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); } @media (max-width: 1024px) { .anchortabslist .anchortabs__list { padding-left: 4.39239%; padding-right: 4.39239%; } } @media (max-width: 768px) { .anchortabslist .anchortabs__list { padding-left: 0px; padding-right: 0px; } } .anchortabslist .anchortabs__list .anchortabs__list__item { padding: 9px 18px; position: relative; cursor: pointer; } @media (max-width: 1024px) { .anchortabslist .anchortabs__list .anchortabs__list__item { padding: 9px 25px; } } @media (max-width: 768px) { .anchortabslist .anchortabs__list .anchortabs__list__item { padding: 9px 8px; } } .anchortabslist .anchortabs__list .anchortabs__list__item > a { display: inline-flex; align-items: center; text-align: center; width: 100%; line-height: 30px; height: 54px; text-decoration: none; color: rgb(130, 130, 130); font-family: Oswald; font-style: normal; font-weight: 400; font-size: 16px; } @media (max-width: 1024px) { .anchortabslist .anchortabs__list .anchortabs__list__item > a { font-size: 12px; line-height: 18px; height: 27px; } } @media (max-width: 768px) { .anchortabslist .anchortabs__list .anchortabs__list__item > a { font-size: 12px; line-height: 18px; height: 27px; } } .anchortabslist .anchortabs__list .anchortabs__list__item > a:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } .anchortabslist .anchortabs__list .anchortabs__list--active { background-color: white; outline: thin; } .anchortabslist .anchortabs__list .anchortabs__list__item.anchortabs__list--active > a { color: rgb(0, 0, 0); } .anchortabslist .anchortabs__list .anchortabs__list--active::after { content: ""; width: 50%; height: 2px; background-color: rgb(0, 0, 0); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .anchortabslist.clp_anchor_tab_list { margin-bottom: 50px; } @media (max-width: 1024px) { .anchortabslist.clp_anchor_tab_list { margin-bottom: 22px; } } @media (max-width: 768px) { .anchortabslist.clp_anchor_tab_list { margin-bottom: 0px; margin-left: -4.3%; width: calc(108.6%) !important; } } @media (max-width: 768px) { .anchortabslist.clp_anchor_tab_list .anchortabs__list__item { padding: 9px 8px; } } @media (max-width: 768px) { .productsearch--container.clp--container .aem-Grid--12 { margin-top: 0px; } } @media (max-width: 768px) { .productsearch--container.clp--container .filter { background-color: rgb(251, 251, 251); } } .ctacomparison { background-color: rgb(247, 247, 247); width: 100%; margin: 63px auto 0px; display: flex; justify-content: center; } @media screen and (max-width: 1024px) { .ctacomparison { margin-top: 45px; } } .ctacomparison .cta-section__content { float: left; clear: none; width: 100%; display: block; padding: 62px 0px 80px; max-width: 934px; } @media (max-width: 1024px) { .ctacomparison .cta-section__content { padding: 51px 0px 69px; max-width: 506px; } } @media (max-width: 768px) { .ctacomparison .cta-section__content { max-width: none; padding: 39px 45px 52px; float: none; margin: auto; } } .ctacomparison .cta-section__content h2 { margin-bottom: 22px; } @media (max-width: 1024px) { .ctacomparison .cta-section__content h2 { margin-bottom: 15px; } } .ctacomparison .cta-section__content h2 .headline__main { font-weight: 500; font-size: 32px; line-height: 47px; letter-spacing: 0.05em; } @media (max-width: 1024px) { .ctacomparison .cta-section__content h2 .headline__main { font-size: 24px; line-height: 36px; } } .ctacomparison .cta-section__content .cta-section__copy { font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: 0.05em; margin-top: 22px; margin-bottom: 0px; } @media (max-width: 1024px) { .ctacomparison .cta-section__content .cta-section__copy { font-size: 14px; line-height: 20px; margin-top: 15px; } } .ctacomparison .cta-section__content a { display: block; padding: 0px; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .ctacomparison .cta-section__content a:hover .button { background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .ctacomparison .cta-section__content .button { margin-top: 38px; letter-spacing: 0.05em; text-transform: uppercase; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1024px) { .ctacomparison .cta-section__content .button { margin-top: 33px; } } .ctacomparison .cta-section__content .button .button__arrow, .ctacomparison .cta-section__content .button::after, .ctacomparison .cta-section__content .button .button__clone { display: none !important; opacity: 0; } .ctacomparison .cta-section__content .button.is-hover .button__original { opacity: 1; transform: translate(-50%, -50%) !important; } @media (max-width: 1024px) { .headline--hero > h2 > img.cmp-image__image { height: auto; width: 100% !important; display: block !important; } .headline--hero { height: 100% !important; } .headline--hero > h2 > div.cmp-image__image { display: none !important; } div.l-main.main img.l-main { padding-top: 0px; } } @media (max-width: 767px) { .headline--hero > h2 > img.cmp-image__image { height: auto; } } @media (min-width: 1024px) { .fullwidthbanner-onlysp { display: none; } } @media (min-width: 1025px) { .headline--hero > h2 > img.cmp-image__image { display: none !important; } .headline--hero > h2 { height: 628px !important; width: 100% !important; position: relative !important; display: inline-block !important; overflow: hidden !important; margin: 0px !important; } .headline--hero > h2 > div.cmp-image__image { min-height: 100% !important; display: block !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; height: 100% !important; width: 100% !important; overflow: hidden !important; } } @media (min-width: 769px) and (max-width: 1025px) { .headline--hero > h2 > img.cmp-image__image { height: auto; } .l-main { padding-top: 0px; } } .title + .technologylisting > .tech-listing { margin-top: 8px; } @media screen and (max-width: 1024px) { .title + .technologylisting > .tech-listing { margin-top: 4.46px; } } .tech-listing { width: 100%; max-width: 1366px; margin: 40px auto 60px; padding-bottom: 20px; } @media screen and (max-width: 1486px) { .tech-listing { width: 91.2152%; } } @media screen and (max-width: 768px) { .tech-listing { margin-top: 6vw; width: 92%; } } .tech-listing .slick-arrow { position: absolute; top: 50%; width: 40px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 10; transform: translateY(-50%); cursor: pointer; background: none 5px 50% / 14px auto no-repeat; } @media (max-width: 1024px) { .tech-listing .slick-arrow { top: 50%; background-size: 11px auto; } } @media (max-width: 768px) { .tech-listing .slick-arrow { top: 86px; } } .tech-listing .tech-listing__list, .tech-listing .tech-listing-thumbnail { overflow: hidden; } .tech-listing .slick-arrow:focus { outline: 0px; } .tech-listing .slick-arrow.slick-prev { left: 0px; } .tech-listing .slick-arrow.slick-next { right: 0px; transform: rotate(-180deg) translateY(50%); } .tech-listing__list .tech-listing__item { padding: 0px; } .tech-listing__list .tech-listing__content { display: flex; max-width: 1080px; margin: auto; padding: 0px 40px; } .tech-listing__list .tech-listing__img { width: 306px; height: 306px; position: relative; min-width: 306px; } .tech-listing__list .tech-listing__img img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .tech-listing__list .tech-listing__text { margin-left: 94px; width: calc(100% - 306px); margin-top: 36px; } .tech-listing__list .tech-listing__text .tech-listing__text-title { font-size: 20px; line-height: 30px; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 20px; } .tech-listing__list .tech-listing__text .tech-listing__text-txt p { font-size: 16px; line-height: 24px; letter-spacing: 0.05em; } .tech-listing__text-subtitle, .tech-listing__text-desc { text-align: justify; } .tech-listing__list .tech-listing__text .tech-listing__text-txt p + p { margin-top: 7px; } @media (max-width: 1024px) { .tech-listing__list .tech-listing__text .tech-listing__text-title { font-size: 16px; line-height: 24px; margin-bottom: 17px; } .tech-listing__list .tech-listing__text .tech-listing__text-txt p { font-size: 12px; line-height: 17px; } .tech-listing__list .tech-listing__text .tech-listing__text-txt p + p { margin-top: 5px; } .tech-listing__list .tech-listing__content { max-width: 674px; padding: 0px 28px; } .tech-listing__list .tech-listing__img { width: 233px; height: 233px; min-width: 233px; } .tech-listing__list .tech-listing__text { width: calc(100% - 233px); margin-left: 31px; margin-top: 11px; } } @media (max-width: 768px) { .tech-listing__list .tech-listing__content { display: block; margin: 0px; padding: 0px; } .tech-listing__list .tech-listing__img { width: 169px; height: 169px; min-width: 169px; margin: auto; } .tech-listing__list .tech-listing__text { width: 100%; margin-top: 21px; margin-left: 0px; } } .tech-listing .tech-listing-thumbnail { max-width: 950px; padding: 1px 0px 27px; margin: auto; } @media (max-width: 1024px) { .tech-listing .tech-listing-thumbnail { max-width: 650px; padding-bottom: 20px; } } @media (max-width: 768px) { .tech-listing .tech-listing-thumbnail { max-width: 345px; padding-bottom: 9px; } } .tech-listing__list .slick-list { margin-left: 0px; width: 100%; } @media (max-width: 768px) { .tech-listing__list .slick-list { width: 100%; margin-left: 0px; } } .tech-listing .tech-listing-thumbnail .slick-list { width: 100%; margin: 0px auto; } .tech-listing .tech-listing-thumbnail .slick-track { display: flex; justify-content: center; flex-wrap: wrap; transform: none !important; width: 100% !important; } .tech-listing .tech-listing-thumbnail__item { position: relative; height: 43px; padding: 0px; opacity: 0.5; text-align: center; cursor: pointer; max-width: 79px; min-width: 79px; margin: 0px 15px 21px; } .tech-listing .tech-listing-thumbnail__item.slick-cloned { display: none !important; } .tech-listing .tech-listing-thumbnail__item.slick-current { opacity: 1; } .tech-listing .tech-listing-thumbnail__item .tech-listing__text { display: none; } .tech-listing .tech-listing-thumbnail__item.slick-current::after { content: ""; text-align: center; display: block; width: 79px; height: 52px; border-bottom: 2px solid rgb(0, 0, 0); margin: 0px auto; } .tech-listing .tech-listing-thumbnail__item::before { content: ""; border: thin solid rgb(204, 204, 204); width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; position: absolute; border-radius: 5px; } .tech-listing .tech-listing-thumbnail__item img { border-radius: 5px; position: absolute; max-width: 100%; height: auto; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tech-listing .tech-listing-thumbnail__item.slick-current::before { border: thin solid rgb(255, 255, 255); } @media (max-width: 1024px) { .tech-listing .tech-listing-thumbnail__item { max-width: 62.46px; min-width: 62.46px; margin: 0px 10px 13px; height: 34px; } .tech-listing .tech-listing-thumbnail__item.slick-current::after { width: 62.46px; height: 42px; } } .tech-listing .featurelisting__techannotation { max-width: 1080px; margin: 35px auto 20px; padding: 0px 40px; min-height: auto; } .tech-listing .featurelisting__techannotation p { font-size: 12px; font-weight: 400; line-height: 17px; letter-spacing: 0.05em; color: rgb(32, 32, 32); } @media (max-width: 1024px) { .tech-listing .featurelisting__techannotation { max-width: 674px; padding: 0px 28px; margin-top: 21px; } .tech-listing .featurelisting__techannotation p { font-size: 10px; line-height: 14px; } } @media (max-width: 768px) { .tech-listing .featurelisting__techannotation { padding: 0px; } } .pac-container { display: none; } .pac-container:last-child { display: block; } .pac-container:nth-last-child(2) { display: block; } .module-page-store_locator .maps_marker { background: rgb(0, 0, 0); display: block; width: 25px; height: 25px; border-radius: 50%; text-align: center; } .module-page-store_locator .maps_marker h3 { position: relative; text-align: center; color: rgb(253, 202, 0); line-height: 32px; margin: 0px; } .module-page-store_locator h1 { font-weight: bold; font-size: 3rem; padding-bottom: 10px; } .module-page-store_locator p { font-size: 1.1rem; } .module-page-store_locator .maps_marker .pinNumberColor-squidgies { font-size: 18px; color: rgb(253, 202, 0); } .module-page-store_locator .maps_marker .pinNumberColor-gloomis { text-shadow: black -1px 0px, black 0px 1px, black 1px 0px, black 0px -1px; font-size: 20px; color: rgb(193, 120, 42); } .module-page-store_locator .maps_marker .pinNumberColor-jackall { text-shadow: black -1px 0px, black 0px 1px, black 1px 0px, black 0px -1px; font-size: 14px; color: rgb(255, 255, 255); } .module-page-store_locator .maps_marker .pinNumberColor-shimano { font-size: 14px; color: rgb(36, 36, 36); } .module-page-store_locator .maps_marker .pinNumberColor-powerpro { font-size: 12px; color: rgb(51, 0, 0); } .module-page-store_locator .maps_marker .pinMap-jackall { position: absolute; text-align: center; top: -15px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-squidgies { position: absolute; text-align: center; top: -11px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-gloomis { position: absolute; text-align: center; top: -4px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-shimano { position: absolute; text-align: center; top: 0px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-powerpro { position: absolute; text-align: center; top: -1px; left: 1px; } .module-page-store_locator .map-wrap-top form input { height: 40px; line-height: 40px; padding: 30px 30px 30px 0px; font-size: 18px; font-stretch: condensed; border: 0px; outline: 0px; display: inline-block; color: rgb(155, 155, 155); width: calc(100% - 4px); } .pac-target-input:not(:-webkit-autofill) { animation-name: endBrowserAutofill; } .container-fluid { max-width: 1240px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .module-page-store_locator .maps_marker { background: rgb(0, 0, 0); display: block; width: 25px; height: 25px; border-radius: 50%; text-align: center; } .module-page-store_locator .maps_marker h3 { position: relative; text-align: center; color: rgb(253, 202, 0); line-height: 32px; margin: 0px; } .module-page-store_locator .maps_marker .pinNumberColor-squidgies { font-size: 18px; color: rgb(253, 202, 0); } .module-page-store_locator .maps_marker .pinNumberColor-gloomis { text-shadow: black -1px 0px, black 0px 1px, black 1px 0px, black 0px -1px; font-size: 20px; color: rgb(193, 120, 42); } .module-page-store_locator .maps_marker .pinNumberColor-jackall { text-shadow: black -1px 0px, black 0px 1px, black 1px 0px, black 0px -1px; font-size: 14px; color: rgb(255, 255, 255); } .module-page-store_locator .maps_marker .pinNumberColor-shimano { font-size: 14px; color: rgb(36, 36, 36); } .module-page-store_locator .maps_marker .pinNumberColor-powerpro { font-size: 12px; color: rgb(51, 0, 0); } .module-page-store_locator .maps_marker .pinMap-jackall { position: absolute; text-align: center; top: -15px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-squidgies { position: absolute; text-align: center; top: -11px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-gloomis { position: absolute; text-align: center; top: -4px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-shimano { position: absolute; text-align: center; top: 0px; left: 1px; } .module-page-store_locator .maps_marker .pinMap-powerpro { position: absolute; text-align: center; top: -1px; left: 1px; } .module-page-store_locator .map-wrap-top form input { height: 40px; line-height: 40px; padding: 10px 30px 10px 0px; font-size: 18px; font-stretch: condensed; border: 0px; outline: 0px; display: inline-block; color: rgb(155, 155, 155); width: calc(100% - 4px); } .pac-target-input:not(:-webkit-autofill) { animation-name: endBrowserAutofill; } .container-fluid { max-width: 1240px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .module-page-store_locator .maps_marker { background: rgb(0, 154, 217); display: block; width: 32px; height: 32px; border-radius: 50%; text-align: center; } .module-page-store_locator .maps_marker h3 { text-align: center; color: rgb(255, 255, 255); font-size: 18px; line-height: 32px; margin: 0px; } .module-page-store_locator .title-description { padding: 40px 0px 0px; text-transform: uppercase; } @media screen and (max-width: 1023px) { .module-page-store_locator .title-description { padding: 40px 0px 0px; text-transform: uppercase; } } .module-page-store_locator .title-description h2 { font-size: 2.7rem; letter-spacing: 5px; color: rgb(74, 74, 74); margin: 0px 0px 30px; text-transform: uppercase; } @media screen and (max-width: 1023px) { .module-page-store_locator .title-description h2 { letter-spacing: 1.2px; text-align: center; margin-bottom: 40px; } } .module-page-store_locator .title-description p { font-size: 18px; font-stretch: condensed; line-height: 1.56; color: rgb(74, 74, 74); margin: 0px 0px 20px; padding-left: 15px; } .module-page-store_locator .map-wrap-top { padding: 25px 0px; border-top: 1px solid rgb(231, 231, 231); border-bottom: 1px solid rgb(231, 231, 231); } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top { border: 0px; } } .module-page-store_locator .map-wrap-top form { padding: 5px 20px 5px 0px; position: relative; height: 70px; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top form { padding-right: 0px; } } .module-page-store_locator .map-wrap-top form input { height: 40px; line-height: 40px; padding: 30px 30px 30px 0px; font-size: 18px; font-stretch: condensed; border: 0px; outline: 0px; display: inline-block; color: rgb(155, 155, 155); width: calc(100% - 4px); } .module-page-store_locator .map-wrap-top form input::placeholder { color: rgb(155, 155, 155); } .module-page-store_locator .map-wrap-top form .ui-lens { display: inline-block; width: 20px; height: 40px; line-height: 40px; margin-left: -20px; } .module-page-store_locator .map-wrap-top form .ui-lens::before { font-size: 18px; color: rgb(74, 74, 74); } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) { padding: 0px 0px 0px 15px; margin: 0px; list-style-type: none; } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu)::before, .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu)::after { content: " "; display: table; } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu)::after { clear: both; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) { padding: 0px; } } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters { height: 50px; line-height: 30px; padding: 10px 0px; display: inline-block; width: calc(25% - 3px); text-align: center; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters:first-child { padding-bottom: 30px; height: 70px; } } @media screen and (max-width: 620px) { .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters { width: calc(50% - 2px); } } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters + li { border-left: 1px solid rgb(231, 231, 231); } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters::before { line-height: 20px; height: 20px; vertical-align: middle; color: rgb(74, 74, 74); display: inline-block; font-size: 18px; } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters a { display: inline-block; padding-left: 5px; font-size: 18px; font-stretch: condensed; color: rgb(74, 74, 74); vertical-align: middle; text-transform: uppercase; } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-position { min-width: 50%; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-position { min-width: 0px; } } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-position { display: block; width: 100%; text-align: center; } } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-map-pin { text-align: center; padding-left: 40px; padding-right: 40px; float: right; border-right: 1px solid rgb(231, 231, 231); border-left: 1px solid rgb(231, 231, 231); } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-map-pin { width: 50%; text-align: right; padding-left: 0px; border-left: 0px; font-size: 18px; } } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-list a { color: rgb(0, 154, 217); } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters.ui-list::before { color: rgb(0, 154, 217); } .module-page-store_locator .map-wrap-top ul:not(.dropdown-menu) li.filters span.caret { color: rgb(0, 154, 217); } .module-page-store_locator .map-wrap-bottom { padding-bottom: 60px; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom { padding-bottom: 20px; } } .module-page-store_locator .map-wrap-bottom h4 { text-transform: uppercase; color: rgb(74, 74, 74); font-weight: 300; margin: 50px 45px 0px 0px; padding-bottom: 10px; font-size: 18px; font-stretch: condensed; border-bottom: 1px solid rgb(231, 231, 231); } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom h4 { font-size: 14px; line-height: 2.79; padding: 10px; margin: 0px; } } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom h4 { font-size: 16px; padding: 10px 0px; line-height: 1.2; } } .module-page-store_locator .map-wrap-bottom h4 strong { font-weight: 700; } .module-page-store_locator .map-wrap-bottom .list-wrap { height: 600px; overflow-y: auto; padding-right: 30px; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .list-wrap { height: auto; overflow-y: visible; padding-right: 0px; } } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) { padding: 0px; margin: 0px; list-style-type: none; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li { display: block; border-bottom: 1px solid rgb(231, 231, 231); padding: 18px 0px; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li::after { content: ""; float: none; clear: both; display: block; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li a { display: block; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li a::before, .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li a::after { content: " "; display: table; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li a::after { clear: both; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li a.bottom { width: 100%; display: block; font-size: 12px; font-weight: bold; font-stretch: condensed; line-height: 1.5; text-align: right; color: rgb(0, 154, 217); text-transform: uppercase; float: right; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left { width: 40px; float: left; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left { width: 70px; } } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left { width: 60px; } } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left span { display: block; text-transform: uppercase; text-align: center; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left span:nth-of-type(1) { font-size: 36px; font-weight: 700; line-height: 0.94; letter-spacing: 0px; color: rgb(231, 231, 231); margin-bottom: 10px; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left span:nth-of-type(2), .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .left span:nth-of-type(3) { margin-top: 3px; font-size: 12px; font-stretch: condensed; line-height: 1.17; color: rgb(155, 155, 155); } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right { float: right; width: calc(100% - 50px); } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right { width: calc(100% - 70px); } } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right { width: calc(100% - 60px); } } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right span { display: block; text-transform: uppercase; text-align: left; padding-left: 20px; font-size: 14px; font-stretch: condensed; line-height: 1.29; color: rgb(74, 74, 74); margin-bottom: 3px; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right span:nth-of-type(1) { font-weight: 700; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right span.www { color: rgb(0, 154, 217); text-transform: inherit; font-weight: 400; } .module-page-store_locator .map-wrap-bottom .list-wrap ul:not(.dropdown-menu) li .right span.www a { color: rgb(0, 154, 217); text-transform: inherit; font-weight: 400; } .module-page-store_locator .map-wrap-bottom #map { width: 100%; height: 690px; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom #map { height: 456px; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } } .module-page-store_locator .map-wrap-bottom .up { float: right; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .up { float: left; } } .module-page-store_locator .border-left { border-left: 1px solid rgb(231, 231, 231); } @media screen and (max-width: 1023px) { .module-page-store_locator .border-left { border: 0px; } } .module-page-store_locator .border-right { border-right: 1px solid rgb(231, 231, 231); } @media screen and (max-width: 1023px) { .module-page-store_locator .border-right { border: 0px; } } .module-page-store_locator .map-wrap-bottom .locator-result { display: flex; flex-direction: row; } .module-page-store_locator .map-wrap-bottom .locator-result .left-locator-web { width: 40%; } .module-page-store_locator .map-wrap-bottom .locator-result .left-locator-mobile { width: 0px; height: 0px; overflow: hidden; } .module-page-store_locator .map-wrap-bottom .locator-result .right-locator { width: 60%; } @media screen and (max-width: 1023px) { .module-page-store_locator .map-wrap-bottom .locator-result .left-locator-web { height: 0px; width: 0px; overflow: hidden; } .module-page-store_locator .map-wrap-bottom .locator-result .left-locator-mobile { width: 100%; height: 456px; overflow: scroll; } .module-page-store_locator .map-wrap-bottom .locator-result .right-locator { width: 100%; height: 456px; } } .total-stores-label { padding-top: 10px; padding-bottom: 10px; } .gdpr_placeholder-map { width: 80%; height: 500px; background: rgba(0, 0, 0, 0.4); font: 700 16px / 2.25 Roboto, sans-serif; text-align: center; color: rgb(255, 255, 255); margin: 0px 10%; padding: 20% 10%; } @media screen and (min-width: 1024px) { .header__search > form > input:focus { box-shadow: none; outline: 0px; } } .header__search { order: 4; margin-left: 70px; position: relative; display: flex; flex-direction: column; width: 15px; z-index: 4; overflow: hidden; } .header__search::after { content: "SEARCH"; height: 0px; font-size: 1.3rem; letter-spacing: 0.05em; overflow: hidden; padding-left: 20px; display: inline-block; } @media (max-width: 1024px) { .header__search { order: 2; width: 54px; margin: 0px 7px 0px 0px; padding: 0px; position: fixed; z-index: 12; overflow: hidden; height: 60px; } .header__search > form { width: 30px; overflow: hidden; } .header__search.is-active > form { padding: 0px 30px; width: auto; overflow: initial; margin-top: -6px; } .header__search.is-active > form > input { margin-left: -14px; } .header__search::after { left: calc(15px + 4vw); } } @media (max-width: 768px) { .header__search { width: 48px; margin-right: 0px; } .header__search.is-active > form { padding: 0px 16px; } } .header__search > form > input { appearance: none; background-color: transparent; border: 0px; color: inherit; font-family: "Noto Sans", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; width: 100%; min-height: 20px; font-weight: 500; font-size: 12px; line-height: 18px; padding-left: 20px; letter-spacing: 0.05em; } .header__search.is-active { overflow: initial; max-width: 180px; background-color: white; } @media (max-width: 1024px) { .header__search.is-active { width: 100%; max-width: none; margin-right: 0px; height: 59px; right: 0px !important; } } .header__search > form > input:lang(zh) { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } @media (max-width: 1024px) { .header__search > form > input { width: 100%; height: 60px; background-color: rgb(247, 247, 247); background-position: 15px 50%; border-radius: 4px; overflow: hidden; padding-left: 33px; font-weight: 500; font-size: 12px; line-height: 18px; border: 0px; outline: 0px; } .header__search > form > input:focus { width: 100%; } } @media (max-width: 768px) { .header__search > form > input { font-size: 16px; line-height: 16px; } } .header__search > form > input::placeholder { color: rgb(127, 133, 140); font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; font-family: Oswald, "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; overflow: visible; padding-top: 0.1em; } @media (max-width: 768px) { .header__search > form > input::placeholder { font-size: 16px; line-height: 16px; } } .header__search > form > input:lang(zh)::placeholder { font-family: HYQiHei-85S, sans-serif; font-feature-settings: "palt"; } @media (max-width: 1024px) { .header__search > form > input::placeholder { padding-top: 0.3em; } } .header__search > form > input::-webkit-input-placeholder { font-family: Oswald, "Noto Sans JP", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif; } .cmp__sitesearch .tooltiptext { visibility: hidden; background-color: rgb(85, 85, 85); color: rgb(255, 255, 255); text-align: center; border-radius: 6px; position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; padding: 10px; } @media only screen and (min-width: 1025px) { .cmp__sitesearch .tooltiptext { width: 200px; top: 100%; left: 50%; margin-left: -100px; } } @media (max-width: 1024px) { .cmp__sitesearch .tooltiptext { width: 92vw; min-height: 54px; top: 0px; margin-left: auto; margin-right: auto; } } .cmp__sitesearch:hover .tooltiptext { visibility: visible; opacity: 1; } .cookies-container { position: fixed; bottom: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.75); padding: 20px 55px; display: none; z-index: 999; color: rgb(255, 255, 255); text-align: center; line-height: 1.5; word-break: normal; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; } .cookies-content { padding-bottom: 20px; } .cookies-content a { color: rgb(255, 255, 255); text-decoration: underline; } .cookies-content a:visited { color: rgb(0, 0, 238); } .cookies-button-container .btn-01 { margin-top: 5px; text-align: center; line-height: 1.5; padding: 10px 30px; display: inline-block; background-color: rgb(0, 154, 217); color: rgb(255, 255, 255); } .btn-01, .btn-02, .btn-03 { text-align: center; line-height: 1.5; padding: 19px 30px; display: inline-block; background-color: rgb(0, 154, 217); color: rgb(255, 255, 255); appearance: button; border: 0px; font-family: sans-serif; } .cookies-button-container .btn-01.accept { margin-right: 5px; margin-left: 5px; } .cookies-button-container .btn-01.decline { margin-right: 5px; margin-left: 5px; } .template-additional-content { padding-top: 36px; padding-bottom: 48px; } @media print, screen and (min-width: 769px) { .template-additional-content { padding-top: 48px; padding-bottom: 64px; } } .cookie-has-background-black { background-color: rgb(51, 51, 51) !important; } .cookie-has-background-black-bis { background-color: rgb(18, 18, 18) !important; } .cookie-has-background-black-ter { background-color: rgb(36, 36, 36) !important; } .cookie-has-text-white { color: rgb(255, 255, 255) !important; } a.cookie-has-text-white:focus, a.cookie-has-text-white:hover { color: rgb(230, 230, 230) !important; } .cookie-has-text-white-ter { color: rgb(245, 245, 245) !important; } .cookie-has-text-white-bis { color: rgb(250, 250, 250) !important; } .content.cookie-has-text-white a { border-color: rgb(255, 255, 255); } .content.cookie-has-text-white a:hover { color: rgb(0, 156, 224); border-bottom: 1px solid rgb(0, 156, 224); } .btn-01:lang(zh), .btn-02:lang(zh), .btn-03:lang(zh) { font-family: hyb1gjm, sans-serif; font-feature-settings: "palt"; } .cookiescontainer { position: relative; width: 100%; padding: 0px 16px; background-color: white; } .cookiecontent h1 { font-size: 27px; padding-bottom: 20px; } .cookiecontent h2 { font-size: 16px; } .cookiecontent h2 { font-size: 16px; } .cookiecontent h2:first-child { margin-top: -8px; } .cookiecontent h2:last-child { margin-bottom: -7px; } @media print, screen and (min-width: 769px) { .content h2 { font-size: 18px; } .content h2:first-child { margin-top: -10px; } .content h2:last-child { margin-bottom: -7px; } } .content h2 + p { margin-top: 5px; } .has-text-primary { color: rgb(0, 156, 224) !important; } @media print, screen and (min-width: 769px) { .cookiescontainer { padding: 0px 160px 0px 32px; } } @media screen and (min-width: 1088px) { .cookiescontainer { width: 50%; max-width: 800px; min-width: 650px; margin-left: 35%; padding: 0px 32px; } } .cookiescontainer.is-fluid { width: auto; max-width: none; margin: 0px; padding: 0px; position: absolute; } .preferences .preference { position: relative; padding: 20px 0px; } .preferences .toggle-switch { position: absolute; top: 17px; left: 0px; } .preferences .content { padding-left: 105px; } @media print, screen and (min-width: 769px) { .preferences .content { padding-left: 95px; } } .preferences .buttons { padding-top: 4px; } @media print, screen and (min-width: 769px) { .preferences .buttons { padding-top: 12px; } } .spacer { position: relative; width: 100%; height: 32px; } .spacer.is-small { height: 16px; } .spacer.is-medium { height: 64px; } .spacer.is-large { height: 96px; } .toggle-switch { transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); position: relative; width: 80px; height: 40px; border-radius: 25px; } @media print, screen and (min-width: 769px) { .toggle-switch { transition-duration: 325ms; } } @media screen and (min-width: 1088px) { .toggle-switch { transition-duration: 0.1375s; } } .toggle-switch.is-always-on { background-color: rgb(0, 156, 224); } .toggle-switch.is-off { background-color: rgb(237, 236, 237); } .toggle-switch.is-on { background-color: rgb(180, 230, 255); } .toggle-switch.is-off, .toggle-switch.is-on { cursor: pointer; } @media screen and (min-width: 1088px) { .toggle-switch { width: 70px; height: 35px; } } .toggle-switch .switch { transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); position: absolute; top: 5px; width: 30px; height: 30px; border-radius: 50%; background-color: rgb(0, 156, 224); } @media print, screen and (min-width: 769px) { .toggle-switch .switch { transition-duration: 325ms; } } @media screen and (min-width: 1088px) { .toggle-switch .switch { transition-duration: 0.1375s; width: 25px; height: 25px; } } .toggle-switch.is-always-on .switch { left: 25px; } @media screen and (min-width: 1088px) { .toggle-switch.is-always-on .switch { left: 22.5px; } } .toggle-switch.is-off .switch { left: 5px; background-color: rgb(102, 102, 102); } .toggle-switch.is-on .switch { left: 45px; } @media screen and (min-width: 1088px) { .toggle-switch.is-on .switch { left: 40px; } } .toggle-switch .switch { background-repeat: no-repeat; background-size: 100% 100%; } .template-background { display: none; } @media screen and (min-width: 1088px) { .template-background { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; } } .template-introduction { padding-top: 36px; padding-bottom: 24px; } @media print, screen and (min-width: 769px) { .template-introduction { padding-top: 48px; padding-bottom: 32px; } } .template-preferences { padding-top: 4px; padding-bottom: 24px; } @media print, screen and (min-width: 769px) { .template-preferences { padding-top: 12px; padding-bottom: 32px; } } .template-additional-content { padding-top: 36px; padding-bottom: 48px; } @media print, screen and (min-width: 769px) { .template-additional-content { padding-top: 48px; padding-bottom: 64px; } } .template-background { display: none; } @media screen and (min-width: 1088px) { .template-background { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; } } .cookiescontainer.is-fluid { width: auto; max-width: none; margin: 0px; padding: 0px; background: 0px center; } .menu { border-bottom: 1px solid rgb(200, 200, 200); background-color: rgb(255, 255, 255); } @media screen and (min-width: 1088px) { .menu { background-color: transparent; border-bottom: 0px; margin-bottom: 29px; } } .menu { border-bottom: 1px solid rgb(200, 200, 200); background-color: rgb(255, 255, 255); } @media screen and (min-width: 1088px) { .menu { background-color: transparent; border-bottom: 0px; margin-bottom: 29px; } } .form-gdpr .menu button, .menu .brand-logo, .menu .button, .menu .form-gdpr button { float: left; } .form-gdpr .menu button.is-right, .menu .button.is-right, .menu .form-gdpr button.is-right { float: right; } .menu .brand-logo { padding: 17px; background-color: rgb(255, 255, 255); } .menu .brand-logo .logo { width: 128px; height: 17px; background-image: none; background-repeat: no-repeat; background-size: 100% 100%; } .is-clearfix::after { clear: both; content: " "; display: table; } .is-hidden { display: none !important; } @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @media print, screen and (min-width: 769px) { .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 1087px) { .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 1087px) { .is-hidden-touch { display: none !important; } } @media screen and (min-width: 1088px) { .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 1088px) and (max-width: 1279px) { .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1280px) { .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1280px) and (max-width: 1471px) { .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1472px) { .is-hidden-fullhd { display: none !important; } } .title + .featurelistingV2 > .feat-listing { margin-top: 11px; } @media screen and (max-width: 1024px) { .title + .featurelistingV2 > .feat-listing { margin-top: 6.46px; } } .feat-listing { width: 100%; margin: 40px auto 0px; max-width: none; padding-left: calc(50% - 683px); padding-right: calc(50% - 683px); overflow: hidden; position: relative; } @media screen and (max-width: 1486px) { .feat-listing { width: auto; padding-left: 4.39239%; padding-right: 4.39239%; } } @media screen and (max-width: 768px) { .feat-listing { width: auto; padding-left: 4vw; padding-right: 4vw; } } @media screen and (max-width: 768px) { .feat-listing { margin-top: 6vw; } } .feat-listing__list { display: flex; flex-wrap: wrap; } .feat-listing__item { margin-top: 30px; position: relative; } .feat-listing__item--new .feat-listing__img::before { content: "NEW"; position: absolute; top: 0px; left: 0px; font-size: 1rem; letter-spacing: 0.05em; background-color: rgb(32, 32, 32); color: white; padding: 4px 4px 4px 5px; z-index: 1; } .feat-listing[data-column="5"] .feat-listing__item { width: calc(19.9998% - 24px); } .feat-listing[data-column="5"] .feat-listing__item:not(:nth-child(5n)) { margin-right: 30px; } .feat-listing[data-column="5"] .feat-listing__item:nth-child(-n+5) { margin-top: 0px; } @media (max-width: 768px) { .feat-listing[data-column="5"] .feat-listing__item { width: 39vw; } } .feat-listing[data-column="4"] .feat-listing__item { width: calc(24.9997% - 22.5px); } .feat-listing[data-column="4"] .feat-listing__item:nth-child(n) { margin-right: 0px; margin-top: 42px; } .feat-listing[data-column="4"] .feat-listing__item:not(:nth-child(4n)) { margin-right: 30px; } .feat-listing[data-column="4"] .feat-listing__item:nth-child(-n+4) { margin-top: 0px; } @media (max-width: 1024px) { .feat-listing[data-column="4"] .feat-listing__item { width: calc(33.333% - 13.3333px); } .feat-listing[data-column="4"] .feat-listing__item:nth-child(n) { margin-right: 0px; margin-top: 19px; } .feat-listing[data-column="4"] .feat-listing__item:not(:nth-child(3n)) { margin-right: 20px; } .feat-listing[data-column="4"] .feat-listing__item:nth-child(-n+3) { margin-top: 0px; } } @media (max-width: 768px) { .feat-listing[data-column="4"] .feat-listing__item { width: calc(49.9995% - 8px); } .feat-listing[data-column="4"] .feat-listing__item:nth-child(n) { margin-right: 0px; margin-top: 19px; } .feat-listing[data-column="4"] .feat-listing__item:not(:nth-child(2n)) { margin-right: 16px; margin-top: 19px; } .feat-listing[data-column="4"] .feat-listing__item:nth-child(-n+2) { margin-top: 0px; } } .feat-listing[data-column="3"] .feat-listing__item { width: calc(33.333% - 20px); } .feat-listing[data-column="3"] .feat-listing__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .feat-listing[data-column="3"] .feat-listing__item:not(:nth-child(3n)) { margin-right: 30px; } .feat-listing[data-column="3"] .feat-listing__item:nth-child(-n+3) { margin-top: 0px; } @media (max-width: 768px) { .feat-listing[data-column="3"] .feat-listing__item { width: calc(49.9995% - 15px); } .feat-listing[data-column="3"] .feat-listing__item:nth-child(n) { margin-right: 0px; margin-top: 3vw; } .feat-listing[data-column="3"] .feat-listing__item:not(:nth-child(2n)) { margin-right: 30px; } .feat-listing[data-column="3"] .feat-listing__item:nth-child(n) { margin-right: 0px; margin-top: 0px; } } .feat-listing__center { justify-content: center; } .feat-listing .feat-listing__center .feat-listing__item:only-child, .feat-listing .feat-listing__center .feat-listing__item:nth-last-child(2) ~ .feat-listing__item { margin-right: 0px; } .feat-listing__img { width: 100%; margin-bottom: 21px; position: relative; overflow: hidden; } .feat-listing__img > img, .feat-listing__img > a > img { width: 100%; height: auto; } .feat-listing__title { margin-bottom: 5px; position: relative; font-size: 20px; line-height: 30px; font-weight: 500; letter-spacing: 0.05em; } .feat-listing__txt { font-size: 16px; line-height: 23px; color: rgb(89, 89, 89); } @media (max-width: 1024px) { .feat-listing__img { margin-bottom: 18px; } .feat-listing__title { font-size: 16px; line-height: 24px; margin-bottom: 3px; } .feat-listing__txt { font-size: 14px; line-height: 20px; } } @media (max-width: 768px) { .feat-listing__img { margin-bottom: 7px; } } .feat-listing__button { margin-top: 33px; text-align: center; min-height: 21px; } .feat-listing__button-link { display: none; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(32, 32, 32); text-decoration: none; position: absolute; left: 0px; right: 0px; width: auto; margin: auto; text-align: center; } .feat-listing__button-link#feat-listing__view-more { display: block; } .feat-listing__button-link#feat-listing__view-more::after, .feat-listing__button-link#feat-listing__view-less::after { content: ""; display: inline-block; background: none 0% 0% / contain no-repeat; position: relative; height: 8px; width: 9px; margin-right: 0px; margin-left: 9px; top: 0px; } .feat-listing__button-link#feat-listing__view-less::after { transform: rotate(180deg); top: -4px; } @media (max-width: 1024px) { .feat-listing__button { margin-top: 12px; } } .feat-listing__zoom { position: relative; display: inline-block; width: 100%; } .feat-listing__zoom::before { content: ""; width: 30px; height: 30px; position: absolute; left: 5px; bottom: 5px; border-radius: 3px; z-index: 10; } @media (min-width: 1024px) { .feat-listing__zoom { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .feat-listing__zoom:hover { opacity: 0.75; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .feat-listing__zoom::before { left: 3px; bottom: 3px; } } @media (max-width: 768px) { .feat-listing__zoom::before { width: auto; padding-left: 29px; padding-right: 10px; background-position: 7px 50%; pointer-events: auto; } } .product-detail-page .anchortitle + .skulisting .thumbnail--sku { margin-top: 7px; } @media screen and (max-width: 1024px) { .product-detail-page .anchortitle + .skulisting .thumbnail--sku { margin-top: 11px; } } @media screen and (max-width: 768px) { .product-detail-page .anchortitle + .skulisting .thumbnail--sku { margin-top: 0px; } } .skulisting .thumbnail--sku .thumbnail__item { background: rgb(255, 255, 255); border: 1px solid rgb(195, 201, 206); border-radius: 20px; letter-spacing: 0.05em; padding: 43px 0px 34px; overflow: hidden; display: flex; flex-flow: column; } .skulisting .thumbnail--sku.thumbnail[data-column="4"] .thumbnail__item:nth-child(n) { margin-top: 31px; } .skulisting .thumbnail--sku.thumbnail[data-column="4"] .thumbnail__item:nth-child(-n+4) { margin-top: 0px; } .skulisting .thumbnail--sku.thumbnail[data-column="4"] .thumbnail__item:nth-child(n) { margin-right: 0px; } .skulisting .thumbnail--sku.thumbnail[data-column="4"] .thumbnail__item:not(:nth-child(4n)) { margin-right: 25px; } .skulisting .thumbnail--sku.thumbnail[data-column="4"] .thumbnail__item { width: calc(24.9997% - 18.75px); } @media (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail__item { padding: 25px 19px 21px; } .skulisting .thumbnail--sku.thumbnail[data-column="4"] .thumbnail__item { width: calc(49.9995% - 10px); } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-right: 0px; margin-top: 21px; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 20px; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } } @media (max-width: 768px) { .skulisting .thumbnail--sku .thumbnail__item { padding: 25px 20px 22px; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item { width: 99.999%; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(-n+2) { margin-top: 0px; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:not(:nth-child(2n)) { margin-right: 0px; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-right: 1px; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__item:nth-child(n) { margin-top: 0px; } } @media screen and (min-width: 769px) { .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__list--center { justify-content: center; } .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__list--center .thumbnail__item:only-child, .skulisting .thumbnail--sku.thumbnail[data-carousel="no"] .thumbnail__list--center .thumbnail__item:nth-last-child(2) ~ .thumbnail__item { margin-right: 0px; } } .skulisting .thumbnail--sku .thumbnail__title { font-weight: 300; font-size: 26px; line-height: 32px; letter-spacing: 0.05em; text-transform: uppercase; display: flex; align-items: center; justify-content: center; padding-bottom: 20px; max-width: 220px; margin: 0px auto 18px; text-align: center; } @media screen and (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail__title { max-width: 305px; margin-bottom: 12px; font-size: 14px; line-height: 21px; padding-bottom: 12px; } } .skulisting .thumbnail--sku .thumbnail__title::before { display: none; } .skulisting .thumbnail--sku .thumbnail__title::after { content: ""; height: 2px; position: absolute; width: 50px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .skulisting .thumbnail--sku .thumbnail__img { margin: 0px auto; max-width: 319px; } .skulisting .thumbnail--sku .thumbnail__zoom::before { left: 5px; bottom: 5px; } @media screen and (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail__title::after { width: 36px; } .skulisting .thumbnail--sku .thumbnail__zoom::before { left: 3px; bottom: 3px; } } .skulisting .thumbnail--sku .thumbnail__lead { margin-top: 16px; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; } .skulisting .thumbnail--sku .thumbnail__txt { margin-top: 16px; font-weight: 400; font-size: 12px; line-height: 17px; text-align: justify; letter-spacing: 0.05em; overflow-wrap: break-word; } .skulisting .thumbnail--sku .thumbnail__lead + .thumbnail__txt { margin-top: 4px; } .skulisting .thumbnail--sku .thumbnail__ex { margin-top: 18px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(223, 223, 223) currentcolor currentcolor; border-image: none; font-size: 12px; line-height: 17px; text-align: justify; letter-spacing: 0.05em; padding: 15px 0px 0px; } .skulisting .thumbnail--sku .thumbnail__tag { margin-top: 16px; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: rgb(89, 89, 89); text-align: center; } .skulisting .thumbnail--sku .thumbnail__lead, .skulisting .thumbnail--sku .thumbnail__txt, .skulisting .thumbnail--sku .thumbnail__tag, .skulisting .thumbnail--sku .thumbnail__ex, .skulisting .thumbnail--sku .thumbnail__btns { padding-left: 44px; padding-right: 44px; } @media screen and (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail__lead, .skulisting .thumbnail--sku .thumbnail__txt, .skulisting .thumbnail--sku .thumbnail__tag, .skulisting .thumbnail--sku .thumbnail__ex, .skulisting .thumbnail--sku .thumbnail__btns { padding-left: 0px; padding-right: 0px; } .skulisting .thumbnail--sku .thumbnail__lead { margin-top: 15px; } .skulisting .thumbnail--sku .thumbnail__tag { margin-top: 15px; font-size: 10px; line-height: 15px; } .skulisting .thumbnail--sku .thumbnail__txt { margin-top: 15px; } .skulisting .thumbnail--sku .thumbnail__lead + .thumbnail__txt { margin-top: 7px; } .skulisting .thumbnail--sku .thumbnail__ex { margin-top: 22px; padding-top: 17px; } } .skulisting .thumbnail--sku .thumbnail__item--new::before, .skulisting .thumbnail--sku .thumbnail__item--update::before { content: "NEW"; position: absolute; top: 0px; left: 0px; letter-spacing: 0.05em; color: white; padding: 12px 0px 0px; z-index: 1; font-size: 1em; line-height: 24px; background: 0px center; font-weight: 400; transform: rotate(-45deg); width: 84px; height: 84px; text-align: center; } .skulisting .thumbnail--sku .thumbnail__item--new::after, .skulisting .thumbnail--sku .thumbnail__item--update::after { content: ""; position: absolute; top: 0px; left: 0px; border-width: 42px; border-style: solid; border-color: rgb(0, 160, 233) transparent transparent rgb(0, 160, 233); } .skulisting .thumbnail--sku .thumbnail__item--update::before { content: "UPDATE"; } @media screen and (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail__item--new::before, .skulisting .thumbnail--sku .thumbnail__item--update::before { width: 52px; height: 52px; font-size: 10px; line-height: 15px; padding-top: 7px; } .skulisting .thumbnail--sku .thumbnail__item--new::after, .skulisting .thumbnail--sku .thumbnail__item--update::after { border-width: 26px; border-style: solid; border-color: rgb(0, 160, 233) transparent transparent rgb(0, 160, 233); } } .skulisting .thumbnail--sku .thumbnail__item--new .thumbnail__img::before, .skulisting .thumbnail--sku .thumbnail__item--update .thumbnail__img::before, .skulisting .thumbnail--sku .thumbnail__item--new .thumbnail__img::after, .skulisting .thumbnail--sku .thumbnail__item--update .thumbnail__img::after { display: none; } .skulisting .thumbnail--sku .thumbnail__btns { margin-top: 18px; width: 100%; text-align: center; } .skulisting .thumbnail--sku .thumbnail__btn { height: auto; } .skulisting .thumbnail--sku .thumbnail__btn > a { display: inline-block; width: 100%; text-align: center; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; text-transform: uppercase; position: relative; color: rgb(255, 255, 255); background-color: rgb(32, 32, 32); border-radius: 5px; padding: 8px; } .skulisting .thumbnail--sku .thumbnail__btn > a:hover { opacity: 1; background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .skulisting .thumbnail--sku .thumbnail__btn > a::after { background: none 0% 0% / contain no-repeat; width: 6px; height: 12px; display: inline-block; position: relative; top: 1px; margin-left: 10px; transform: none; right: 0px; } @media screen and (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail__btns { margin-top: 22px; } .skulisting .thumbnail--sku .thumbnail__btn > a { font-size: 10px; line-height: 15px; padding: 5px; } .skulisting .thumbnail--sku .thumbnail__btn > a::after { width: 5px; height: 9px; margin-left: 7px; } } .skulisting .thumbnail--sku .thumbnail--sku__button { margin-top: 33px; text-align: center; min-height: 21px; } .skulisting .thumbnail--sku .thumbnail--sku__button-link { display: none; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(32, 32, 32); text-decoration: none; position: absolute; left: 0px; right: 0px; width: auto; margin: auto; text-align: center; } .skulisting .thumbnail--sku .thumbnail--sku__button-link#thumbnail--sku__view-more { display: block; } .skulisting .thumbnail--sku .thumbnail--sku__button-link#thumbnail--sku__view-more::after, .skulisting .thumbnail--sku .thumbnail--sku__button-link#thumbnail--sku__view-less::after { content: ""; display: inline-block; background: none 0% 0% / contain no-repeat; position: relative; height: 8px; width: 9px; margin-right: 0px; margin-left: 9px; top: 0px; } .skulisting .thumbnail--sku .thumbnail--sku__button-link#thumbnail--sku__view-less::after { transform: rotate(180deg); top: -4px; } @media (max-width: 1024px) { .skulisting .thumbnail--sku .thumbnail--sku__button { margin-top: 20px; } } @media (max-width: 768px) { .skulisting .thumbnail--sku .thumbnail--sku__button { display: none; } } @media (max-width: 768px) { .skulisting .thumbnail--sku .thumbnail__list { overflow: hidden; } .skulisting .thumbnail--sku .slick-list { width: 100%; margin-left: 0px; } .skulisting .thumbnail--sku .slick-dots { margin-top: 5px; justify-content: space-between; } .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(2), .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(2) ~ li, .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(3), .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(3) ~ li, .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(4), .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(4) ~ li, .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(5), .skulisting .thumbnail--sku .slick-dots > li:first-child:nth-last-child(5) ~ li { margin: 0px 4px; } .skulisting .thumbnail--sku .slick-dots > li { margin: 0px 2px; width: 100%; } .skulisting .thumbnail--sku .slick-dots > li > button { width: 100%; height: 2px; background-color: rgb(238, 238, 238); border-radius: 0px; } .skulisting .thumbnail--sku .slick-dots > li.slick-active > button { background: rgb(51, 51, 51); } } .isfw_mainpanel { min-height: 100%; position: relative; margin-left: 0px; } .isfw_pagebody { font-feature-settings: "palt"; word-break: normal; overflow-wrap: break-word; } .isfw_pagebody { width: 91.2152%; margin: 0px auto; font-size: 14px; line-height: 1.5; color: rgb(34, 34, 34); padding: 0px !important; } .isfw_pagebody .isfw_container { margin: 0px auto; max-width: 1366px; flex-direction: column; display: flex; } .isfw_pagebody .isfw_search_upper { margin: 0px 0px 40px; } .isfw_pagebody .isfw_search_upper .isfw_kwsearch { width: 100%; margin-bottom: 0px; padding: 15px; background-color: rgb(233, 236, 239); border-radius: 0px; } .isfw_pagebody .form-inline { display: flex; flex-flow: wrap; align-items: center; } .isfw_pagebody .isfw_kwsearch .kwsearch-content, .isfw_pagebody .isfw_kwsearch .kwsearch-refine, .isfw_pagebody .isfw_kwsearch .kwsearch-frequently { margin-bottom: 20px; width: 100%; } .isfw_pagebody .isfw_kwsearch .form-inline .form-group { justify-content: center; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form { max-width: 100%; } .isfw_pagebody .isfw_kwsearch .sort-filter { padding: 0px 3px 0px 0px; margin: 0px; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form input { font-size: 14px; font-weight: bold; padding: 5px 10px; height: 38px; vertical-align: top; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form .form-control { width: 60%; border-radius: 0px; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form .isfw_btn { width: auto; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form .isfw_btn { display: inline-block; vertical-align: top; width: 19%; } .isfw_pagebody .isfw_btn { position: relative; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form .isfw_btn .btn-item { border-radius: 0px; padding-left: 40px; } .isfw_pagebody .isfw_btn .btn-item { background-color: rgb(32, 32, 32); color: rgb(255, 255, 255); transition: none; cursor: pointer; display: inline-block; text-align: center; white-space: nowrap; user-select: none; border: 1px solid transparent; line-height: 1.25; } .isfw_pagebody button, .isfw_pagebody html [type="button"], .isfw_pagebody [type="reset"], .isfw_pagebody [type="submit"] { appearance: button; } .isfw_pagebody .isfw_btn .btn-item::before { color: rgb(255, 255, 255); } .isfw_pagebody .isfw_btn .search-icon { position: absolute; z-index: 999; top: 8px; left: 12px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine { margin-bottom: 0px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3 { padding: 20px 0px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); cursor: pointer; margin-bottom: 15px; position: relative; border-bottom: 1px solid rgb(223, 223, 223); } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .isfw_pagebody .isfw_ttlh3 .ttl-item { font-size: 14px; text-align: center; font-weight: bold; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3.kw-close .ttl-item::before { content: "OPEN"; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3 .ttl-item::before { color: rgb(117, 117, 117); content: "CLOSE"; font-size: 12px; font-family: inherit; font-weight: lighter; float: none; letter-spacing: 0.05em; position: absolute; right: 20px; top: 22px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3.kw-close::before { opacity: 1; transform: translate(-50%, -50%) rotate(-90deg); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3.kw-close::after { opacity: 1; transform: translate(-50%, -50%) rotate(0deg); } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3::before, .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3::after { content: ""; width: 10px; height: 2px; position: absolute; top: 50%; right: 0px; transform: translate(-50%, -50%); background: 0px center rgb(32, 32, 32); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .isfw_pagebody .isfw_ttlh4 { margin-bottom: 15px; padding-left: 20px; position: relative; } .isfw_pagebody .isfw_ttlh4::before { color: rgb(32, 32, 32); content: "■"; position: absolute; top: 3px; left: 0px; line-height: 1.1; } .isfw_pagebody .isfw_ttlh4 .ttl-item { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox { list-style-type: none; margin: 0px; padding: 0px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item:nth-child(3n+1) { margin-left: 0px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item { display: inline-block; margin-bottom: 10px; vertical-align: top; width: calc(33.3333% - 13.3333px); list-style: none; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item label { cursor: pointer; display: inline-block; justify-content: left; } .isfw_pagebody a, .isfw_pagebody area, .isfw_pagebody button, .isfw_pagebody [role="button"], .isfw_pagebody input, .isfw_pagebody label, .isfw_pagebody select, .isfw_pagebody summary, .isfw_pagebody textarea { touch-action: manipulation; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item label input[type="checkbox"] { display: none; } .isfw_pagebody input[type="radio"], .isfw_pagebody input[type="checkbox"] { box-sizing: border-box; padding: 0px; } .isfw_pagebody button, .isfw_pagebody input { overflow: visible; } .isfw_pagebody input, .isfw_pagebody button, .isfw_pagebody select, .isfw_pagebody optgroup, .isfw_pagebody textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item label .checkbox-parts { display: inline-block; margin-left: 22px; position: relative; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item label .checkbox-parts::before { color: rgb(173, 181, 189); content: ""; font-size: 20px; position: absolute; top: 3px; left: -22px; border: 2px solid rgb(173, 181, 189); height: 15px; width: 15px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item label input[type="checkbox"]:checked + .checkbox-parts::before { color: rgb(255, 255, 255); content: "✔"; font-size: 11px; position: absolute; top: 2px; left: -22px; background: rgb(0, 0, 0); height: 15px; width: 15px; text-align: center; border: 0px; } .isfw_pagebody .form-control { line-height: 1.25; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .isfw_pagebody button, .isfw_pagebody input { overflow: visible; } .isfw_pagebody *, .isfw_pagebody ::before, .isfw_pagebody ::after { box-sizing: border-box; } .isfw_pagebody .isfw_btn .btn-item:hover { background-color: rgb(45, 45, 45); } .isfw_results { margin: 0px 0px 40px; } .isfw_pagebody .isfw_ttlh2 { background-color: transparent; border-radius: 0px; border-style: none; border-width: 0px; color: rgb(32, 32, 32); padding: 0px; position: relative; } .isfw_pagebody .isfw_ttlh2 .ttl-item { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 50px; } .isfw_pagebody .isfw_listhead .listhead-cont { flex: 1 0 auto; margin-top: auto; text-align: right; width: 100%; } .isfw_pagebody .isfw_listhead { border-bottom: 1px solid rgb(223, 223, 223); margin: -20px 0px 0px; display: flex; padding-bottom: 10px; } .isfw_pagebody .isfw_listhead .listhead-cont .sort-filter, .isfw_pagebody .isfw_listhead .listhead-cont .sort-filter p, .isfw_pagebody .isfw_listhead .listhead-cont .isfw_current-item-display { display: inline-block; } .isfw_pagebody .isfw_listhead .listhead-cont b { font-size: 18px; font-weight: bold; } .isfw_pagebody .search_results { padding: 25px 0px; display: flex; } .isfw_pagebody .search_results .main_area { word-break: normal; overflow-wrap: break-word; } .isfw_pagebody .search_results .image_area a { display: block; } .isfw_pagebody a { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: rgb(32, 32, 32); text-decoration: none; } .isfw_pagebody a:hover { opacity: 0.5; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .isfw_pagebody img { vertical-align: middle; border-style: none; } .isfw_pagebody .search_results .main_area .title_area { font-size: 14px; font-weight: lighter; margin-bottom: 10px; } .isfw_pagebody .search_results .main_area .body_area { color: rgb(117, 117, 117); font-size: 12px; margin-bottom: 5px; } .isfw_pagebody .search_results .main_area .uri_area { font-size: 12px; } .isfw_pagebody .search_results .main_area .uri_area a { color: rgb(189, 189, 189); font-size: 10px; } .isfw_pagebody .search_results + .search_results { border-top: 1px solid rgb(223, 223, 223); } .isfw_pagebody .isfw_pager { margin-top: 40px; } .isfw_pagebody .isfw_pager { margin: 60px auto; position: relative; } .isfw_pagebody .isfw_pager .pager-list { font-size: 16px; font-weight: 400; list-style-type: none; margin: 0px; padding: 0px; text-align: center; } .isfw_pagebody .isfw_pager .pager-list .pager-item.first, .isfw_pagebody .isfw_pager .pager-list .pager-item.last { float: none; } .isfw_pagebody .isfw_pager .pager-list .pager-item { display: inline-block; vertical-align: middle; } .isfw_pagebody .isfw_pager .pager-list .pager-item .pager-item-fl { list-style-type: none; margin: 0px; padding: 0px; } .isfw_pagebody .isfw_pager .pager-list .pager-item .pager-item-fl.disable .pager-item { pointer-events: none; } .isfw_pagebody .isfw_pager .pager-list .pager-item .pager-item-fl.disable .pager-item a .link-item { background-color: transparent; opacity: 0.25; } .isfw_pagebody .isfw_pager .pager-list .pager-item .pager-item-fl.disable .pager-item a .link-item { background-color: rgb(233, 236, 239); color: rgb(173, 181, 189); } .isfw_pagebody .isfw_pager .pager-list .pager-item.first .link-item, .isfw_pagebody .isfw_pager .pager-list .pager-item.last .link-item { width: 30px; height: 30px; background: none 50% 50% / 5px 8px no-repeat transparent; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 0px; } .isfw_pagebody .isfw_pager .pager-list .pager-item.current .link-item { background-color: transparent; border: 0px; color: rgb(32, 32, 32); } .isfw_pagebody .isfw_pager .pager-list .pager-item + .pager-item .link-item { margin-left: 5px; } .isfw_pagebody .isfw_pager .pager-list .pager-item .link-item { background-color: transparent; border: 0px; color: rgb(189, 189, 189); padding: 0px 5px; } .kwsearch-refine-content { box-sizing: content-box; overflow: hidden; transition: 0.5s ease-out; } .is_disp_none { display: none; } @media only screen and (min-width: 769px) { .isfw_search_upper { display: flex; } .isfw_search_upper .isfw_kwsearch { flex-basis: auto; } } @media only screen and (min-width: 768px) { .isfw_pagebody .isfw_results .search_results .main_area { display: grid; grid-template-rows: auto; grid-template-columns: 135px 1fr; } .isfw_pagebody .isfw_results .search_results .main_area .image_area { grid-area: 1 / 1 / 4 / 2; padding-right: 15px; } .isfw_pagebody .isfw_results .search_results .main_area .title_area { grid-area: 1 / 2 / 2 / 3; } .isfw_pagebody .isfw_results .search_results .main_area .body_area { grid-area: 2 / 2 / 3 / 3; } .isfw_pagebody { width: 92% !important; margin-top: 30px; } } @media only screen and (max-width: 768px) { .isfw_pagebody .isfw_kwsearch, .isfw_pagebody .isfw_rank, .isfw_pagebody .isfw_kwrank, .isfw_pagebody .isfw_results, .isfw_pagebody .isfw_search_upper { margin-bottom: 40px; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form { overflow: hidden; } .isfw_pagebody .isfw_kwsearch .form-inline .sort-filter { width: 100%; display: block; font-size: 12px; padding: 0px; margin-bottom: 5px; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form .form-control { font-size: 16px; display: block; width: 75%; float: left; } .isfw_pagebody .isfw_kwsearch .kwsearch-content .kwsearch-form .isfw_btn { display: block; width: 25%; float: left; } .isfw_pagebody .isfw_kwsearch .form-inline .kwsearch-content .kwsearch-form .isfw_btn .btn-item { padding: 5px; width: 100%; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3 { padding: 10px 0px; } .isfw_pagebody .isfw_ttlh3 .ttl-item { font-size: 13px; } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .isfw_ttlh3 .ttl-item::before { top: 10px; } .isfw_container .isfw_maincontent .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox { list-style-type: none; margin: 0px; padding: 0px; } .isfw_pagebody .isfw_container .isfw_maincontent .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item { font-size: 12px; display: inline-block; margin-bottom: 10px; width: calc(50% - 20px); } .isfw_pagebody .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item label .checkbox-parts::before { top: 0px; } .isfw_pagebody .isfw_container .isfw_maincontent .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item + .checkbox-item { margin: 0px 0px 10px; } .isfw_pagebody .isfw_container .isfw_maincontent .isfw_kwsearch .kwsearch-refine .kwsearch-refine-content .checkbox .checkbox-item { font-size: 12px; } .isfw_pagebody .isfw_kwsearch, .isfw_pagebody .isfw_results, .isfw_pagebody .isfw_recommend { margin-bottom: 40px; } .isfw_pagebody .isfw_pager .pager-list .pager-item.first, .isfw_pagebody .isfw_pager .pager-list .pager-item.last { display: inline-block; } .isfw_pagebody .isfw_pager .pager-list .pager-item.first .pager-item-fl .pager-item, .isfw_pagebody .isfw_pager .pager-list .pager-item.last .pager-item-fl .pager-item { display: inline-block; } .isfw_pagebody .isfw_results .search_results .main_area .image_area { display: inline-block; margin-bottom: 10px; } .isfw_pagebody .isfw_results .search_results .main_area .title_area { width: calc(100% - 120px); padding-left: 15px; } .isfw_pagebody .isfw_results .search_results .main_area { display: flex; flex-wrap: wrap; width: 100%; float: none; } .isfw_pagebody .isfw_btn .search-icon { display: none; } .isfw_pagebody { padding-top: 60px !important; } } @media (min-width: 576px) { .isfw_pagebody .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: wrap; align-items: center; margin-bottom: 0px; } .isfw_pagebody .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } } @media only screen and (max-width: 768px) and (max-width: 767px) { .isfw_container .isfw_maincontent { order: 2; } } .isfw_pagebody .isfw_keyword { background-color: rgb(29, 158, 220); color: rgb(255, 255, 255); } #overlay { position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.6); } .cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center; } .spinner { width: 60px; height: 60px; border-width: 12px; border-style: solid; border-color: rgb(0, 160, 233) rgb(221, 221, 221) rgb(221, 221, 221); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running sp-anime; } @keyframes sp-anime { 100% { transform: rotate(360deg); } } .is-hide { display: none; } .isearch-pagination .arrow-right { width: 0px; height: 0px; border-top: 5px solid transparent; border-left: 6px solid rgb(0, 0, 0); border-bottom: 5px solid transparent; font-size: 0px; display: inline-block; margin-left: 15px; } .isearch-pagination .arrow-left { width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 6px solid rgb(0, 0, 0); border-bottom: 5px solid transparent; font-size: 0px; display: inline-block; margin-right: 15px; } .search-error-msg, .show-search-keyword { display: none; } .articlelistv3_title_thumbnail { display: flex; align-items: center; gap: 10px; } .articlelistv3_thumbnail__img img { width: 50px; height: auto; display: block; } .articlelistv3_thumbnail__title { font-size: 1.6rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; margin: 0px; } .articlelistv3_top-link { display: flex; align-items: center; text-decoration: none; gap: 10px; } .m-bottom-10 { margin-bottom: 10px; } .articlelistv3_thumbnail__title-wrapper { margin-bottom: 50px; } @media screen and (min-width: 768px) { .articlelistV3 .accordion-toggle { display: none; } } @media (max-width: 768px) { .articlelistV3 .accordion-toggle { width: 100%; text-align: left; border: 0px; padding: 20px 30px 20px 15px; position: relative; cursor: pointer; font-size: 1.3rem; font-weight: 500; display: flex; align-items: center; gap: 10px; } .articlelistV3 .accordion-content { display: none; padding: 0px 15px; } .articlelistV3 .accordion-content.active { display: block; } .articlelistV3 .accordion-content .articlelistv3_thumbnail__title { display: none; } .articlelistv3_thumbnail__list { margin: 5px 0px 20px; } .articlelistV3 .article-accordion { border: 2px solid rgb(242, 242, 242); padding: 0px 5px; margin: 10px 25px; } .articlelistV3 .accordion-toggle::before, .articlelistV3 .accordion-toggle::after { content: ""; position: absolute; width: 10px; height: 2px; background-color: rgb(32, 32, 32); top: 50%; right: 10px; transform: translateY(-50%); transition: transform 0.3s; } .articlelistV3 .accordion-toggle::before { transform: translateY(-50%) rotate(90deg); } .articlelistV3 .accordion-toggle::after { transform: translateY(-50%) rotate(0deg); } .articlelistV3 .accordion-toggle[aria-expanded="true"]::before { transform: scaleX(0); } } .general-accordion { width: 100%; max-width: 900px; margin: 0px auto; padding: 35px 16px 40px; box-sizing: border-box; } .general-accordion { padding-bottom: 40px; } @media screen and (min-width: 1200px) { .general-accordion { padding-bottom: 3pc; } } .cmp-accordion__button { border-bottom: 1px solid rgb(145, 145, 145); display: flex; align-items: center; min-height: 73px; padding: 1pc 0px; position: relative; background: transparent; width: 100%; text-align: left; cursor: pointer; } .cmp-accordion__button::after { background: rgb(51, 51, 51); border: 0px; border-radius: 50%; color: rgb(255, 255, 255); content: ""; display: inline-block; font-size: 1pc; height: 40px; width: 40px; padding: 9pt; position: absolute; right: 0px; text-align: center; top: 1pc; font-family: icomoon !important; } .cmp-accordion__item--expanded .cmp-accordion__button, .cmp-accordion__button--expanded { border-bottom: 0px; } .cmp-accordion__item--expanded .cmp-accordion__button::after, .cmp-accordion__button--expanded::after { background: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); border-radius: 50%; color: rgb(51, 51, 51); content: ""; padding: 11px; font-family: icomoon !important; } .cmp-accordion__title { font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; color: rgb(0, 154, 217); line-height: 24px; margin: 0px; padding-right: 50px; } .cmp-accordion__title:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .general-accordion--qa .cmp-accordion__title { position: relative; padding-left: 30px; } .general-accordion--qa .cmp-accordion__title::before { content: "Q:"; position: absolute; left: 0px; top: 0px; color: rgb(0, 154, 217); font-size: 14px; font-weight: 600; line-height: inherit; } .cmp-accordion__panel { border-bottom: 1px solid rgb(145, 145, 145); } .cmp-accordion__panel--expanded { border-bottom: 1px solid rgb(145, 145, 145); } .cmp-accordion__panel .cmp-text, .cmp-accordion__panel .cmp-text p { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 14px; line-height: 24px; text-align: left; font-weight: 400; margin: 0px 0px 1pc; font-family: "Noto Sans", sans-serif !important; } .general-accordion .cmp-accordion__panel .cmp-text:lang(ja), .general-accordion .cmp-accordion__panel .cmp-text p:lang(ja) { font-family: "Noto Sans JP", sans-serif !important; } .general-accordion .cmp-accordion__panel .cmp-text p:first-of-type { position: relative; } .general-accordion--qa .cmp-accordion__panel .cmp-text p:first-of-type::before { content: "A:"; position: absolute; left: 0px; top: 0px; color: rgb(0, 154, 217); font-size: 14px; font-weight: 600; line-height: inherit; } .general-accordion .cmp-accordion__panel .cmp-text p a { color: rgb(9, 86, 121); font-weight: 700; text-decoration: underline; } .general-accordion .hero-banner { max-width: 608px; margin-top: 0px; margin-bottom: 20px; } .general-accordion .videobox .videobox-large, .general-accordion .videobox .videobox-small { margin-bottom: 20px; } .general-accordion--qa .videobox .videobox-large { max-width: 750px; } .general-accordion .hero-banner__bg { height: auto !important; } .general-accordion .hero-banner__bg > img { object-fit: contain; } .general-accordion .cmp-accordion__button { padding-left: 0px; } .general-accordion .cmp-accordion__panel { padding-left: 0px; padding-right: 0px; } .general-accordion--qa .cmp-accordion__title { position: relative; padding-left: 30px; } .general-accordion--qa .cmp-accordion__title::before { content: "Q:"; position: absolute; left: 0px; top: 0px; color: rgb(0, 154, 217); font-weight: 600; line-height: inherit; } .general-accordion--qa .cmp-accordion__panel .cmp-text p:first-of-type { position: relative; padding-left: 30px; } .general-accordion--qa .cmp-accordion__panel .aem-Grid > .text .cmp-text p:first-of-type::before { content: "A:"; position: absolute; left: 0px; top: 0px; color: rgb(0, 154, 217); font-weight: 600; line-height: inherit; } .general-accordion--qa .cmp-accordion__panel .aem-Grid > .text ~ .text .cmp-text p:first-of-type::before { content: none; } .general-accordion .cmp-accordion__panel { padding-right: 50px; } .general-accordion .cmp-accordion__panel { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 14px; line-height: 24px; text-align: left; font-weight: 400; font-family: "Noto Sans", sans-serif !important; } .general-accordion .cmp-accordion__panel:lang(ja), .general-accordion .cmp-accordion__panel :lang(ja) { font-family: "Noto Sans JP", sans-serif !important; } @media screen and (max-width: 767px) { .general-accordion { padding: 40px 16px; } .general-accordion .cmp-accordion__button::after { content: ""; background: 0px center; border: 0px; color: rgb(51, 51, 51); width: auto; height: auto; right: 0px; font-size: 14px; top: 20px; font-family: icomoon !important; } .general-accordion .cmp-accordion__button[aria-expanded="true"]::after { content: ""; color: rgb(0, 154, 217); background: 0px center; border: 0px; } .general-accordion .hero-banner, .general-accordion--qa .hero-banner, .general-accordion .cmp-accordion__panel .text_image_container { width: 100%; } .general-accordion .cmp-accordion__button { padding-left: 0px; } .general-accordion .cmp-accordion__panel { padding-left: 0px; padding-right: 0px; } .general-accordion .cmp-accordion__panel { padding-left: 0px; padding-right: 30px; } .general-accordion .cmp-accordion__panel .hero-banner, .general-accordion .cmp-accordion__panel .videobox .videobox-large, .general-accordion .cmp-accordion__panel .videobox .videobox-small, .general-accordion .cmp-accordion__panel .cmp-image { padding: 0px; } .general-accordion .cmp-accordion__panel .hero-banner, .general-accordion .cmp-accordion__panel .videobox .videobox-large, .general-accordion .cmp-accordion__panel .videobox .videobox-small, .general-accordion .cmp-accordion__panel .cmp-image { box-sizing: border-box; } .general-accordion--qa .cmp-accordion__panel .hero-banner, .general-accordion--qa .cmp-accordion__panel .videobox .videobox-large, .general-accordion--qa .cmp-accordion__panel .videobox .videobox-small, .general-accordion--qa .cmp-accordion__panel .textimageeditorialV2 { padding-left: 30px; } } .textTable { } .text-table-wrapper { max-width: 1000px; margin: 0px auto; } html:lang(ja) .text-table-wrapper { font-family: "Noto Sans JP", sans-serif; } .text-table-wrapper { font-family: "Noto Sans", sans-serif; font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; } .text-table-wrapper .cmp-text--table { overflow-x: auto; } .cmp-text--table table { border-spacing: 0px; width: 100%; min-width: 720px; } .cmp-text--table th, .cmp-text--table td { padding: 5px 19px; border: 1px solid rgb(217, 217, 217); vertical-align: middle; text-align: center; white-space: normal; overflow-wrap: anywhere; } .cmp-text--table th { color: rgb(255, 255, 255); background: rgb(76, 76, 76); font-weight: 600; } .cmp-text--table table a { color: rgb(67, 156, 215); text-decoration: underline; } .cmp-text--table td.tbl-bg-1, .cmp-text--table th.tbl-bg-1 { background-color: rgb(253, 241, 242); } .cmp-text--table td.tbl-bg-2, .cmp-text--table th.tbl-bg-2 { background-color: rgb(227, 230, 233); } .cmp-text--table td.tbl-bg-3, .cmp-text--table th.tbl-bg-3 { background-color: rgb(247, 247, 247); } @media (max-width: 768px) { .text-table-wrapper .cmp-text--table th, .text-table-wrapper .cmp-text--table td { padding: 8px 10px; font-size: 13px; line-height: 20px; } } .table-img-overlay { position: fixed; inset: 0px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.85); z-index: 100000; } .table-img-overlay__box { padding: 0px; margin: 0px; position: relative; } .table-img-overlay__box img { width: 500px; max-width: 80vw; height: auto; display: block; } .table-img-overlay::after { content: "×"; position: absolute; top: 25px; right: 30px; font-size: 45px; font-weight: bold; color: rgb(255, 255, 255); cursor: pointer; font-family: "Noto Sans JP"; } .table-img-overlay img { max-width: 90vw; max-height: 90vh; object-fit: contain; } .cmp-text table td img { cursor: zoom-in; max-width: 150px; } .tabnav--def { border: 0px; } .tabsv2 { width: 100%; background: rgb(255, 255, 255); font-family: "Noto Sans", sans-serif; font-size: 14px; color: rgb(0, 0, 0); line-height: 24px; } html:lang(ja) .tabsv2 { font-family: "Noto Sans JP", sans-serif; } .tabsv2 .cmp-tabs__tablist { background: transparent; position: relative; display: flex; flex-wrap: nowrap; overflow: auto hidden; align-items: stretch; max-width: 1366px; margin: 0px auto; } .tabsv2 .cmp-tabs__tablist li { padding: 9px 18px; position: relative; cursor: pointer; flex: 1 0 250px; min-width: 250px; width: auto; max-width: none; display: flex; align-items: center; justify-content: center; text-align: center; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .tabsv2 .cmp-tabs__tablist > li { border-bottom: 4px solid rgb(238, 238, 238); } .tabsv2 .cmp-tabs__tablist > li.cmp-tabs__tab--active { border-bottom-color: rgb(0, 154, 217); } .tabsv2 .cmp-tabs__tab--active::after, .tabsv2 .cmp-tabs__tab--active::before, .tabsv2 .cmp-tabs__tablist > li::after, .tabsv2 .cmp-tabs__tablist > li::before { content: none !important; display: none !important; } .tabsv2 .cmp-tabs__tablist .cmp-tabs__tab--active { background-color: white; outline: thin; color: rgb(0, 160, 232); } .cmp-tabs__tab--active::after { width: 100%; background-color: rgb(0, 160, 232); height: 3px; } .ol-wrapper { width: 100%; font-weight: 600; } .cmp-tabs.tabsv2 .ol-wrapper.tabsv2--sticky { position: sticky; top: var(--fish-tabsv2-sticky-top,0); z-index: 100; background: rgb(255, 255, 255); } .pannel-wrapper { max-width: 1366px; margin: 0px auto; padding: 20px; } .tabsv2 .cmp-tabs__tabpanel .image { text-align: center; } .tabsv2 .cmp-tabs__tabpanel .hero-banner { max-width: 900px; } .tabsv2 .cmp-tabs__tabpanel .aem-Grid > .aem-GridColumn { margin-bottom: 40px; } .tabsv2 .cmp-tabs__tabpanel .aem-Grid > .aem-GridColumn:last-child { margin-bottom: 0px; } .tabsv2 .text_image_container .right-container p { font-size: 14px; line-height: 24px; } .tabsv2 .accordion { padding-top: 0px; } .tabsv2 .accordion .cmp-accordion { padding-top: 0px; } @media (max-width: 1368px) { .tabsv2 .cmp-tabs__tablist { padding-bottom: 6px; } } @media (max-width: 767px) { .tabsv2 .cmp-tabs__tablist { max-width: 100%; margin: 0px; overflow: auto hidden; display: flex; flex-wrap: nowrap; padding-bottom: 6px; } .tabsv2 .cmp-tabs__tablist > li { flex: 0 0 25%; width: 25%; min-width: 25%; max-width: 25%; padding: 6px 8px; min-height: 48px; display: flex; align-items: center; justify-content: center; text-align: center; white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.2; box-sizing: border-box; } .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(1) { flex-basis: 100%; width: 100%; min-width: 100%; max-width: 100%; } .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(2), .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(2) ~ li { flex-basis: 50%; width: 50%; min-width: 50%; max-width: 50%; } .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(3), .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(3) ~ li { flex-basis: 33.3333%; width: 33.3333%; min-width: 33.3333%; max-width: 33.3333%; } .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(4), .tabsv2 .cmp-tabs__tablist > li:first-child:nth-last-child(4) ~ li { flex-basis: 25%; width: 25%; min-width: 25%; max-width: 25%; } } .teaserv2 { margin-bottom: 30px; } .teaserv2 .cmp-teaser { max-width: 1366px; margin: 0px auto; } .teaser-v2--image-small, .teaser-v2--image-large { margin: 0px auto; } .teaser-v2--image-small { max-width: 608px; } .teaser-v2--image-large { max-width: 1000px; } .teaser-v2--image-small img, .teaser-v2--image-large img { display: flex; width: 100%; height: auto; transition: opacity 0.3s; } .teaser-v2--image-small:hover img, .teaser-v2--image-large:hover img { opacity: 0.75; } @media (max-width: 1087.85px) { .teaser-v2--image-large { width: 91.2152%; } } @media (max-width: 767px) { .teaser-v2--image-small { max-width: 608px; width: 92%; } .teaser-v2--image-large { width: 100%; max-width: 1000px; } } .faq-component { width: 100%; max-width: 1366px; margin: 0px auto; padding: 48px 32px; box-sizing: border-box; } .faq-component__inner { width: 100%; max-width: 1000px; margin: 0px auto; box-sizing: border-box; } .faq-component__title { margin: 0px 0px 8px; font-family: "Noto Sans", sans-serif; font-size: 32px; font-weight: 700; line-height: 1.3; color: rgb(51, 51, 51); text-align: center; } .faq-component__title:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .faq-component__subtitle { margin: 0px 0px 32px; font-family: "Noto Sans", sans-serif; font-size: 15px; line-height: 24px; color: rgb(85, 85, 85); text-align: center; } .faq-component__subtitle:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .faq-component__tabs { display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0px auto 32px; padding: 8px 0px 0px; border-bottom: 1px solid rgb(215, 228, 234); position: relative; width: 100%; } .faq-component__tab { position: relative; min-height: 46px; min-width: 50%; padding: 25px 22px; border: 0px; cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 18px; font-weight: 600; transition: 0.22s; background: rgb(189, 189, 189); color: rgb(255, 255, 255); } .faq-component__tab:hover { color: rgb(0, 0, 0); } .faq-component__tab.is-active { background: rgb(255, 255, 255); border-bottom: 3px solid rgb(0, 160, 232); color: rgb(0, 160, 232); } .faq-component__tab.is-active::after { content: none; } .faq-component__tab:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .faq-component__panel { display: none; margin-bottom: 28px; } .faq-component__panel.is-active { display: block; } .faq-component__search { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 28px; } .faq-component__search-label { font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); margin-right: 4px; } .faq-component__search-input { min-width: 320px; width: 100%; max-width: 420px; height: 44px; padding: 0px 14px; border: 1px solid rgb(199, 199, 199); background-color: rgb(255, 255, 255); font-family: "Noto Sans", sans-serif; font-size: 14px; line-height: 1.4; color: rgb(51, 51, 51); box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s; } .faq-component__search-input:focus { outline: 0px; border-color: rgb(0, 154, 217); box-shadow: rgba(0, 154, 217, 0.12) 0px 0px 0px 3px; } .faq-component__search-btn, .faq-component__reset-btn, .faq-component__category-reset-btn { min-height: 44px; padding: 0px 18px; cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; transition: 0.2s; } .faq-component__search-btn { background-color: rgb(32, 32, 32); border: 1px solid rgb(32, 32, 32); color: rgb(255, 255, 255); } .faq-component__search-btn:hover { opacity: 1; color: rgb(255, 255, 255); background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .faq-component__reset-btn, .faq-component__category-reset-btn { border: 1px solid rgb(0, 0, 0); margin-top: 0px; color: rgb(32, 32, 32); line-height: 24px; background: rgb(255, 255, 255); padding: 10px; transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .faq-component__reset-btn:hover, .faq-component__category-reset-btn:hover { opacity: 1; color: rgb(255, 255, 255); background: rgb(127, 133, 140); transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .faq-component__categories { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; padding: 0px 0px 8px; } .faq-component__subcategories { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0px; margin-bottom: 16px; padding: 0px; background: transparent; border: 0px; border-radius: 0px; margin-left: auto; margin-right: auto; } .faq-component__subcategories:empty { display: none; margin: 0px; padding: 0px; border: 0px; background: transparent; } .faq-component__category-reset-btn { display: none; margin: 0px auto 28px; } .faq-component__category-reset-btn.is-visible { display: block; float: left; } .faq-component__category-btn { min-height: 46px; padding: 0px 20px; background: rgb(255, 255, 255); border: 1px solid rgb(184, 220, 237); cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 15px; font-weight: 600; color: rgb(9, 86, 121); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 6px; transition: 0.2s; } .faq-component__category-btn:hover { border-color: rgb(0, 154, 217); color: rgb(0, 154, 217); box-shadow: rgba(0, 154, 217, 0.12) 0px 4px 10px; transform: translateY(-1px); } .faq-component__category-btn.is-active { border-color: rgb(0, 154, 217); background: linear-gradient(rgb(0, 166, 232) 0px, rgb(0, 154, 217) 100%); color: rgb(255, 255, 255); font-weight: 700; box-shadow: rgba(0, 154, 217, 0.2) 0px 6px 14px; } .faq-component__subcategory-btn { padding: 9px 18px; position: relative; cursor: pointer; flex: 1 0 250px; min-width: 250px; width: auto; max-width: none; min-height: 48px; display: flex; align-items: center; justify-content: center; text-align: center; white-space: normal; overflow-wrap: anywhere; word-break: break-word; box-sizing: border-box; background: rgb(255, 255, 255); border-width: 0px 0px 4px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 238); border-image: none; border-radius: 0px; font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 24px; color: rgb(0, 0, 0); transition: color 0.2s, border-bottom-color 0.2s; } .faq-component__subcategory-btn:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .faq-component__subcategory-btn:hover { color: rgb(0, 160, 232); background: rgb(255, 255, 255); border-bottom-color: rgb(238, 238, 238); } .faq-component__subcategory-btn.is-active { background-color: rgb(255, 255, 255); color: rgb(0, 160, 232); font-weight: 600; border-bottom-color: rgb(0, 154, 217); } .faq-component__subcategory-btn::before, .faq-component__subcategory-btn::after, .faq-component__subcategory-btn.is-active::before, .faq-component__subcategory-btn.is-active::after { content: none !important; display: none !important; } .faq-component__results-meta { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 20px; } .faq-component__default-heading { margin-bottom: 0px; } .faq-component__default-heading h3 { margin: 0px; font-family: "Noto Sans", sans-serif; font-size: 20px; font-weight: 700; line-height: 1.4; color: rgb(51, 51, 51); text-align: left; } .faq-component__default-heading h3:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .faq-component__count { margin-left: auto; font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; color: rgb(85, 100, 110); text-align: right; white-space: nowrap; } .faq-component__count:empty { display: none; } .faq-component__message { margin-bottom: 16px; font-family: "Noto Sans", sans-serif; font-size: 14px; line-height: 24px; color: rgb(51, 51, 51); text-align: center; } .faq-component__message--error { color: rgb(176, 0, 32); } .faq-component__item { border-bottom: 1px solid rgb(145, 145, 145); } .faq-component__question { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(145, 145, 145); border-image: none; display: flex; align-items: center; min-height: 73px; padding: 16px 0px; position: relative; background: transparent; width: 100%; text-align: left; cursor: pointer; } .faq-component__question[aria-expanded="true"] { border-bottom: 0px; } .faq-component__question::after { background: rgb(51, 51, 51); border: 0px; border-radius: 50%; color: rgb(255, 255, 255); content: ""; display: inline-block; font-size: 16px; height: 40px; width: 40px; padding: 12px; position: absolute; right: 0px; text-align: center; top: 16px; box-sizing: border-box; line-height: 1; font-family: icomoon !important; } .faq-component__question[aria-expanded="true"]::after { background: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); border-radius: 50%; color: rgb(51, 51, 51); content: ""; padding: 12px; font-family: icomoon !important; } .faq-component__question-text { display: flex; align-items: flex-start; gap: 8px; width: 100%; padding-right: 60px; } .faq-component__question-prefix { flex: 0 0 auto; font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 24px; color: rgb(0, 154, 217); } .faq-component__question-label { display: block; font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; color: rgb(0, 154, 217); line-height: 24px; margin: 0px; } .faq-component__question-text:lang(ja), .faq-component__question-prefix:lang(ja), .faq-component__question-label:lang(ja) { font-family: "Noto Sans JP", sans-serif; } .faq-component__answer { display: none; border-bottom: 1px solid rgb(145, 145, 145); padding: 0px 50px 0px 0px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 14px; line-height: 24px; text-align: left; font-weight: 400; font-family: "Noto Sans", sans-serif !important; } .faq-component__answer.is-open { display: block; } .faq-component__answer, .faq-component__answer * { box-sizing: border-box; } .faq-component__answer:lang(ja), .faq-component__answer :lang(ja) { font-family: "Noto Sans JP", sans-serif !important; } .faq-component__answer-content { display: flex; align-items: flex-start; gap: 8px; padding: 0px 0px 20px; } .faq-component__answer-prefix { flex: 0 0 auto; font-size: 14px; font-weight: 700; line-height: 24px; color: rgb(0, 154, 217); font-family: "Noto Sans", sans-serif !important; } .faq-component__answer-body { flex: 1 1 auto; min-width: 0px; } .faq-component__answer-body img { display: block; max-width: 100%; max-height: 300px; width: auto; height: auto; object-fit: contain; margin: 0px auto; } .faq-component__answer-body p:has(img) { text-align: center; } .faq-component__answer-body > :first-child { margin-top: 0px; } .faq-component__answer-body p, .faq-component__answer-body div, .faq-component__answer-body li { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 14px; line-height: 24px; text-align: left; font-weight: 400; margin: 0px 0px 16px; font-family: "Noto Sans", sans-serif !important; } .faq-component__answer-body ul, .faq-component__answer-body ol { margin: 0px 0px 16px 20px; padding: 0px; } .faq-component__answer-body a { color: rgb(9, 86, 121); font-weight: 700; text-decoration: underline; word-break: break-word; } .faq-component mark { background-color: rgb(255, 243, 163); color: inherit; padding: 0px 2px; } .faq-component__media { margin-top: 12px; margin-bottom: 20px; } .faq-component__media--image { display: flex; justify-content: center; align-items: center; margin: 16px 0px; } .faq-component__media img, .faq-component__media--image img { max-width: 100%; height: auto; display: block; max-height: 300px; object-fit: contain; } .faq-component__media--video { text-align: center !important; } .faq-component__media--video a { color: rgb(9, 86, 121); font-weight: 700; text-decoration: underline; } .faq-component__pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; justify-content: center; } .faq-component__pagination-btn { min-width: 42px; min-height: 42px; padding: 0px 14px; background: rgb(255, 255, 255); border: 1px solid rgb(199, 199, 199); border-radius: 8px; cursor: pointer; font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); transition: 0.2s; } .faq-component__pagination-btn:hover { border-color: rgb(0, 154, 217); color: rgb(0, 154, 217); } .faq-component__pagination-btn.is-active { border-color: rgb(0, 154, 217); background-color: rgba(0, 154, 217, 0.08); color: rgb(0, 154, 217); font-weight: 700; } @media screen and (max-width: 767px) { .faq-component { padding: 32px 16px; } .faq-component__title { font-size: 26px; } .faq-component__subtitle { margin-bottom: 24px; } .faq-component__tabs { display: flex; width: 100%; padding: 6px 0px 0px; margin-bottom: 24px; transform: none; left: auto; } .faq-component__tab { min-width: 0px; flex: 1 1 calc(50% - 4px); font-size: 15px; padding: 25px 12px; } .faq-search-input-contatiner { max-width: 250px; width: 100%; } .faq-component__search { align-items: stretch; } .faq-component__search-label { width: 100%; text-align: left; } .faq-component__search-input { min-width: auto; max-width: none; width: 100%; } .faq-component__search-btn, .faq-component__reset-btn, .faq-component__category-reset-btn { width: auto; flex: 0 0 auto; } .faq-component__results-meta { display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; } .faq-component__count { margin-left: auto; text-align: right; white-space: nowrap; } .faq-component__question::after { content: ""; background: 0px center; border: 0px; color: rgb(51, 51, 51); position: absolute; right: 0px; top: 20px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; padding: 0px; box-sizing: border-box; font-family: icomoon !important; } .faq-component__question[aria-expanded="true"]::after { content: ""; color: rgb(0, 154, 217); background: 0px center; border: 0px; } .faq-component__question-text { padding-right: 30px; } .faq-component__answer { padding-right: 30px; } .faq-component__categories, .faq-component__pagination { justify-content: flex-start; } .faq-component__answer-body img { max-height: 220px; } .faq-component__subcategories { max-width: 100%; margin: 0px 0px 16px; padding: 0px 0px 6px; overflow: auto hidden; display: flex; flex-wrap: nowrap; justify-content: flex-start; border: 0px; border-radius: 0px; background: transparent; } .faq-component__category-btn { min-height: 42px; padding: 0px 16px; font-size: 14px; } .faq-component__subcategory-btn { flex: 0 0 25%; width: 25%; min-width: 25%; max-width: 25%; min-height: 48px; padding: 6px 8px; font-size: 14px; line-height: 1.2; border-width: 0px 0px 4px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 238); border-image: none; border-radius: 0px; display: flex; align-items: center; justify-content: center; text-align: center; white-space: normal; overflow-wrap: anywhere; word-break: break-word; box-sizing: border-box; } .faq-component__subcategory-btn:first-child:nth-last-child(1) { flex-basis: 100%; width: 100%; min-width: 100%; max-width: 100%; } .faq-component__subcategory-btn:first-child:nth-last-child(2), .faq-component__subcategory-btn:first-child:nth-last-child(2) ~ .faq-component__subcategory-btn { flex-basis: 50%; width: 50%; min-width: 50%; max-width: 50%; } .faq-component__subcategory-btn:first-child:nth-last-child(3), .faq-component__subcategory-btn:first-child:nth-last-child(3) ~ .faq-component__subcategory-btn { flex-basis: 33.3333%; width: 33.3333%; min-width: 33.3333%; max-width: 33.3333%; } .faq-component__subcategory-btn:first-child:nth-last-child(4), .faq-component__subcategory-btn:first-child:nth-last-child(4) ~ .faq-component__subcategory-btn { flex-basis: 25%; width: 25%; min-width: 25%; max-width: 25%; } } .faq-component__video-link { position: relative; display: inline-block; text-decoration: none; line-height: 0; } .faq-component__video-thumb-wrap { position: relative; display: inline-block; line-height: 0; } .faq-component__video-thumb { display: block; max-width: 100%; height: auto; } .faq-component__video-link.has-thumbnail::after { content: ""; font-size: 1rem; font-weight: 500; letter-spacing: 0.2em; color: rgb(255, 255, 255); padding-top: 90px; text-align: center; width: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none 50% 50% / 48px auto no-repeat; pointer-events: none; line-height: 1.2; } .linecalculator { box-sizing: border-box; padding: 35px 16px 40px; background: rgb(245, 245, 245); color: rgb(0, 0, 0); font-family: "Noto Sans", sans-serif; font-size: 14px; line-height: 24px; } html:lang(ja) .linecalculator { font-family: "Noto Sans JP", sans-serif; } .linecalculator *, .linecalculator ::before, .linecalculator ::after { box-sizing: border-box; } .linecalculator .linecalculator-component { max-width: 1200px; margin: 0px auto; } .linecalculator-main-header { margin-bottom: 15px; } .linecalculator-main-header h1 { padding-bottom: 10px; font-size: 2rem; font-weight: bold; } .linecalculator-separator { margin-bottom: 45px; border-top: 2px solid; } .linecalculator-section-desc { font-size: 16px; line-height: 1.5454; display: flex; } .linecalculator-section-desc-continued { font-size: 16px; padding-left: 1.8rem; } .linecalculator .txt-link { display: inline-flex; align-items: center; color: rgb(0, 160, 233); font-size: 16px; text-decoration: underline; } .linecalculator .movie_start_btn { display: inline-block; width: 26px; height: 16px; margin-top: -4px; margin-left: 8px; padding-left: 0.1em; border-radius: 6px; background-color: rgb(236, 51, 35); background-image: none; background-repeat: no-repeat; background-position: 55% 50%; background-size: 30% auto; box-shadow: rgb(167, 50, 40) 0px 1px 0px 0px; color: rgb(255, 255, 255); line-height: 1; vertical-align: middle; } .linecalculator-header { margin-bottom: 20px; } .linecalculator-header h2 { color: rgb(0, 160, 233); font-size: 18px; font-weight: bold; margin-bottom: 0px !important; } .linecalculator-header p { color: red; font-size: 12px; line-height: 1.8; margin: 0px 0px 15px !important; } .linecalculator-block { margin-bottom: 10px; padding: 20px 50px; background: rgb(255, 255, 255); } .linecalculator-heading h3 { display: inline-block; position: relative; min-height: 30px; padding: 5px 20px 0px; border-radius: 5px 5px 0px 0px; background: rgb(0, 160, 233); color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; line-height: 1.4; text-align: center; } .linecalculator-form { width: 100%; } .linecalculator-row { display: flex; align-items: center; margin-top: 10px; } .serial-no { padding-right: 5px; color: rgb(0, 160, 233); font-weight: bold; } .linecalculator-label { width: 320px; font-size: 1.8rem; font-weight: bold; line-height: 1.4; } .linecalculator-input { width: 410px; max-width: 100%; } .linecalculator-input input, .linecalculator-input select { width: 100%; max-width: 100%; border: 1px solid rgb(217, 217, 217); font-size: 1.2rem; box-sizing: border-box; appearance: none; } .linecalculator-input input { padding: 10px 15px; border-radius: 0px; } .linecalculator-select { position: relative; } .linecalculator-select select { padding: 6px 40px 6px 15px; border-radius: 10px; background: rgb(255, 255, 255); cursor: pointer; } .linecalculator-select::after { content: ""; position: absolute; top: 50%; right: 15px; width: 10px; height: 10px; border-right: 2px solid rgb(102, 102, 102); border-bottom: 2px solid rgb(102, 102, 102); transform: translateY(-60%) rotate(45deg); pointer-events: none; } .linecalculator-input--with-unit { display: flex; align-items: center; gap: 8px; width: auto; max-width: none; font-size: 1.6rem; font-weight: bold; } .linecalculator-input--with-unit input { width: 410px; max-width: 410px; flex: 0 0 410px; } .linecalculator-unit { flex: 0 0 auto; font-size: 1.4rem; font-weight: bold; white-space: nowrap; } .linecalculator-result-wrapper { display: flex; align-items: center; margin-top: 10px; } .linecalculator-result-wrapper::before { content: ""; width: 320px; flex: 0 0 320px; } .linecalculator-result-box { display: flex; align-items: flex-end; width: 410px; min-height: 48px; padding: 25px 15px; background: rgb(245, 245, 245); } .linecalculator-result-box .linecalculator-label { width: auto; margin-right: auto; font-size: 1.8rem; } .linecalculator-result { color: red; font-size: 2.8rem; font-weight: bold; } .linecalculator-unit-result { margin-left: 5px; color: red; font-size: 1.6rem; font-weight: bold; line-height: 1; } @media screen and (max-width: 900px) and (min-width: 787px) { .linecalculator-block { padding: 20px 30px; } .linecalculator-label { width: 260px; flex: 0 0 260px; font-size: 1.5rem; line-height: 1.4; } .linecalculator-input { width: 340px; max-width: 340px; } .linecalculator-input input, .linecalculator-input select { width: 100%; max-width: 100%; } .linecalculator-input--with-unit { width: auto; max-width: none; } .linecalculator-input--with-unit input { width: 340px; max-width: 340px; flex: 0 0 340px; } .linecalculator-unit { flex: 0 0 auto; white-space: nowrap; } .linecalculator-result-wrapper::before { width: 260px; flex: 0 0 260px; } .linecalculator-result-box { width: 340px; max-width: 340px; padding: 10px 15px; } .linecalculator-result-box .linecalculator-label { width: auto; flex: initial; font-size: 1.3rem; } .linecalculator-result { font-size: 2.4rem; } } @media screen and (max-width: 786px) { .linecalculator { padding: 24px 16px 32px; } .linecalculator-block { padding: 20px; } .linecalculator-main-header h1 { padding-left: 0px; font-size: 2.4rem; line-height: 1.3; } .linecalculator-row { flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 18px; } .linecalculator-label { width: 100%; flex: 0 0 auto; font-size: 1.5rem; line-height: 1.4; } .linecalculator-input, .linecalculator-select { width: 100%; max-width: 100%; } .linecalculator-input input, .linecalculator-input select { width: 100%; max-width: 100%; } .linecalculator-input--with-unit { display: flex; width: 100%; max-width: 100%; gap: 8px; } .linecalculator-input--with-unit input { width: auto; max-width: none; flex: 1 1 auto; min-width: 0px; } .linecalculator-unit { flex: 0 0 auto; width: auto; white-space: nowrap; } .linecalculator-result-wrapper { width: 100%; } .linecalculator-result-wrapper::before { display: none; } .linecalculator-result-wrapper .linecalculator-input--with-unit { width: 100%; } .linecalculator-result-box { width: 100%; max-width: 100%; min-height: auto; padding: 14px 16px; flex-wrap: wrap; gap: 8px; } .linecalculator-result-box .linecalculator-label { width: 100%; margin-right: 0px; font-size: 1.5rem; } .linecalculator-result { font-size: 2.2rem; } .linecalculator-unit-result { font-size: 1.4rem; } } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0px; top: -9999px; visibility: hidden; position: absolute !important; } .fancybox-container { backface-visibility: hidden; height: 100%; left: 0px; outline: 0px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0px; touch-action: manipulation; transform: translateZ(0px); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { inset: 0px; position: absolute; } .fancybox-outer { overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; } .fancybox-infobar { color: rgb(204, 204, 204); font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0px; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0px 10px; pointer-events: none; top: 0px; user-select: none; } .fancybox-toolbar { right: 0px; top: 0px; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0px); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { backface-visibility: hidden; display: none; height: 100%; left: 0px; outline: 0px; overflow: auto; padding: 44px; position: absolute; text-align: center; top: 0px; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } @media (max-width: 768px) { .fancybox-slide { height: 500px; } } .fancybox-slide::before { content: ""; display: inline-block; font-size: 0px; height: 100%; vertical-align: middle; width: 0px; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0px; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: rgb(255, 255, 255); display: inline-block; margin: 0px; max-width: 100%; overflow: auto; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); backface-visibility: hidden; background: 0% 0% / 100% 100% no-repeat transparent; left: 0px; max-width: none; overflow: visible; padding: 0px; position: absolute; top: 0px; transform-origin: left top; transition-property: transform, opacity; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0px; height: 100%; left: 0px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; top: 0px; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0px; width: 100%; } .fancybox-slide--video .fancybox-content { background: rgb(0, 0, 0); } .fancybox-slide--map .fancybox-content { background: rgb(229, 227, 223); } .fancybox-slide--iframe .fancybox-content { background: rgb(255, 255, 255); } .fancybox-iframe, .fancybox-video { background: transparent; border: 0px; display: block; height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; } .fancybox-iframe { left: 0px; position: absolute; top: 0px; } .fancybox-error { background: rgb(255, 255, 255); cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: rgb(68, 68, 68); font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0px; border-radius: 0px; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0px; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: rgb(204, 204, 204); } .fancybox-button:hover { color: rgb(255, 255, 255); } .fancybox-button:focus { outline: 0px; } .fancybox-button.fancybox-focus { outline: dotted 1px; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: rgb(136, 136, 136); cursor: default; outline: 0px; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentcolor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: rgb(255, 82, 104); height: 2px; left: 0px; position: absolute; right: 0px; top: 0px; transform: scaleX(0); transform-origin: 0px 0px; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0px; border-radius: 0px; color: rgb(204, 204, 204); cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: rgb(255, 255, 255); opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentcolor; padding: 10px; right: 0px; top: 0px; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.035) 82.85%, rgba(0, 0, 0, 0.02) 88%, transparent); bottom: 0px; color: rgb(238, 238, 238); font-size: 14px; font-weight: 400; left: 0px; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0px; text-align: center; z-index: 99996; } @supports (padding:max(0)) { .fancybox-caption { padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: rgb(204, 204, 204); text-decoration: none; } .fancybox-caption a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .fancybox-loading { animation: 1s linear 0s infinite normal none running a; background: transparent; border-width: 4px; border-style: solid; border-color: rgb(136, 136, 136) rgb(136, 136, 136) rgb(255, 255, 255); border-image: none; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0px 0px -25px; opacity: 0.7; padding: 0px; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes a { 100% { transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0px, 0px); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0px, 0px); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0px); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0px); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0px) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0px; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: rgb(78, 78, 78); color: rgb(242, 244, 246); height: 36px; opacity: 1; padding: 6px; right: 0px; top: 0px; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding:max(0)) { .fancybox-caption { padding-left: max(12px,env(safe-area-inset-left)); padding-right: max(12px,env(safe-area-inset-right)); } } } .fancybox-share { background: rgb(244, 244, 244); border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: rgb(34, 34, 34); font-size: 35px; font-weight: 700; margin: 0px 0px 20px; } .fancybox-share p { margin: 0px; padding: 0px; } .fancybox-share__button { border: 0px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0px 5px 10px; min-width: 130px; padding: 0px 15px; text-decoration: none; transition: 0.2s; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: rgb(255, 255, 255); } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: rgb(59, 89, 152); } .fancybox-share__button--fb:hover { background: rgb(52, 78, 134); } .fancybox-share__button--pt { background: rgb(189, 8, 29); } .fancybox-share__button--pt:hover { background: rgb(170, 7, 25); } .fancybox-share__button--tw { background: rgb(29, 161, 242); } .fancybox-share__button--tw:hover { background: rgb(13, 149, 232); } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: rgb(255, 255, 255); } .fancybox-share__input { background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 215, 215); border-image: none; border-radius: 0px; color: rgb(93, 91, 91); font-size: 14px; margin: 10px 0px 0px; outline: 0px; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: rgb(221, 221, 221); bottom: 0px; display: none; margin: 0px; padding: 2px 2px 4px; position: absolute; right: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0px; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow: auto hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0px; height: 100%; list-style: none; margin: 0px; overflow: hidden auto; padding: 0px; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: rgb(42, 42, 42); border-radius: 10px; } .fancybox-thumbs__list a { backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50% center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0px; overflow: hidden; padding: 0px; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid rgb(255, 82, 104); inset: 0px; content: ""; opacity: 0; position: absolute; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .s0{right: 140px;} .s1{top: 60px;} .s2{height: 0px;} .s3{display: none;} .s4{} .s5{display: block;} .s6{} .s7{} .s8{min-height: 50px;} .s9{min-height: 30px;} .s10{} .s11{min-height: 50px;} .s12{min-height: 30px;} .s13{} .s14{min-height: 50px;} .s15{min-height: 30px;} .s16{} .s17{min-height: 50px;} .s18{min-height: 30px;} .s19{} .s20{min-height: 50px;} .s21{min-height: 30px;} .s22{} .s23{min-height: 50px;} .s24{min-height: 30px;} .s25{} .s26{min-height: 50px;} .s27{min-height: 30px;} .s28{} .s29{min-height: 50px;} .s30{min-height: 30px;} .s31{} .s32{min-height: 92px;} .s33{min-height: 30px;} .s34{} .s35{min-height: 92px;} .s36{min-height: 30px;} .s37{} .s38{min-height: 50px;} .s39{min-height: 30px;} .s40{} .s41{min-height: 50px;} .s42{min-height: 30px;} .s43{display: none;} .s44{min-height: 0px;} .s45{min-height: 0px;} .s46{display: none;} .s47{min-height: 0px;} .s48{min-height: 0px;} .s49{display: none;} .s50{min-height: 0px;} .s51{min-height: 0px;} .s52{display: none;} .s53{min-height: 0px;} .s54{min-height: 0px;} .s55{display: none;} .s56{min-height: 0px;} .s57{min-height: 0px;} .s58{display: none;} .s59{min-height: 0px;} .s60{min-height: 0px;} .s61{display: none;} .s62{min-height: 0px;} .s63{min-height: 0px;} .s64{display: none;} .s65{min-height: 0px;} .s66{min-height: 0px;} .s67{display: none;} .s68{min-height: 0px;} .s69{min-height: 0px;} .s70{display: none;} .s71{min-height: 0px;} .s72{min-height: 0px;} .s73{display: none;} .s74{min-height: 0px;} .s75{min-height: 0px;} .s76{display: none;} .s77{min-height: 0px;} .s78{min-height: 0px;} .s79{display: none;} .s80{min-height: 0px;} .s81{min-height: 0px;} .s82{display: none;} .s83{min-height: 0px;} .s84{min-height: 0px;} .s85{display: none;} .s86{min-height: 0px;} .s87{min-height: 0px;} .s88{display: none;} .s89{min-height: 0px;} .s90{min-height: 0px;} .s91{display: none;} .s92{min-height: 0px;} .s93{min-height: 0px;} .s94{display: none;} .s95{min-height: 0px;} .s96{min-height: 0px;} .s97{display: none;} .s98{min-height: 0px;} .s99{min-height: 0px;} .s100{display: none;} .s101{min-height: 0px;} .s102{min-height: 0px;} .s103{display: none;} .s104{min-height: 0px;} .s105{min-height: 0px;} .s106{display: none;} .s107{min-height: 0px;} .s108{min-height: 0px;} .s109{display: none;} .s110{min-height: 0px;} .s111{min-height: 0px;} .s112{display: none;} .s113{min-height: 0px;} .s114{min-height: 0px;} .s115{display: none;} .s116{min-height: 0px;} .s117{min-height: 0px;} .s118{display: none;} .s119{min-height: 0px;} .s120{min-height: 0px;} .s121{display: none;} .s122{min-height: 0px;} .s123{min-height: 0px;} .s124{display: none;} .s125{min-height: 0px;} .s126{min-height: 0px;} .s127{display: none;} .s128{min-height: 0px;} .s129{min-height: 0px;} .s130{display: none;} .s131{min-height: 0px;} .s132{min-height: 0px;} .s133{display: none;} .s134{min-height: 0px;} .s135{min-height: 0px;} .s136{display: none;} .s137{min-height: 0px;} .s138{min-height: 0px;} .s139{display: none;} .s140{min-height: 0px;} .s141{min-height: 0px;} .s142{display: none;} .s143{min-height: 0px;} .s144{min-height: 0px;} .s145{display: none;} .s146{min-height: 0px;} .s147{min-height: 0px;} .s148{display: none;} .s149{min-height: 0px;} .s150{min-height: 0px;} .s151{display: none;} .s152{min-height: 0px;} .s153{min-height: 0px;} .s154{display: none;} .s155{min-height: 0px;} .s156{min-height: 0px;} .s157{display: none;} .s158{min-height: 0px;} .s159{min-height: 0px;} .s160{display: none;} .s161{min-height: 0px;} .s162{min-height: 0px;} .s163{display: none;} .s164{min-height: 0px;} .s165{min-height: 0px;} .s166{display: none;} .s167{min-height: 0px;} .s168{min-height: 0px;} .s169{display: none;} .s170{min-height: 0px;} .s171{min-height: 0px;} .s172{display: none;} .s173{min-height: 0px;} .s174{min-height: 0px;} .s175{display: none;} .s176{min-height: 0px;} .s177{min-height: 0px;} .s178{display: none;} .s179{min-height: 0px;} .s180{min-height: 0px;} .s181{display: none;} .s182{min-height: 0px;} .s183{min-height: 0px;} .s184{display: none;} .s185{min-height: 0px;} .s186{min-height: 0px;} .s187{display: none;} .s188{min-height: 0px;} .s189{min-height: 0px;} .s190{color: rgb(255, 255, 255);} /* site.css */ html{scroll-behavior:smooth}body{font-family:Arial,"Microsoft YaHei",sans-serif}a,button,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #009bce;outline-offset:4px}[hidden]{display:none!important}.header__logo img{width:160px;height:auto}.header__lang--cn{background:radial-gradient(circle at center,#bc002d 0 7px,#fff 7.5px)!important;border:1px solid #ddd;width:34px!important;height:23px!important;min-width:34px}.header__lang--cn:before{content:none!important}.header__search:after{content:'⌕';font-size:25px;pointer-events:none}.header__search input{cursor:text}.header__search:focus-within{width:230px;background:white;z-index:20}.header__search:focus-within input{width:100%;padding:10px;border:1px solid #ccc}.header__search:focus-within:after{display:none}#language-switch{position:fixed;right:16px;bottom:16px;z-index:60;background:#fff;color:#222;border:1px solid #ccc;padding:9px 12px;border-radius:2px;box-shadow:0 2px 8px #0001;font-size:12px}.region-selector{display:none!important}.thumbnail__img img{object-fit:contain}.thumbnail__item[hidden]{display:none!important}.thumbnail__item{float:none!important}.thumbnail__list{display:flex!important;flex-wrap:wrap}.thumbnail__item a{height:100%}.filter__container{height:0;overflow:hidden}.filter__container.open{height:auto!important}.filter__select:after{content:'⌄';position:absolute;right:14px;top:10px;pointer-events:none}.filter__select select{cursor:pointer}.filter__state:after{content:'+';margin-left:8px}.filter__container.open~.filter__state:after{content:'−'}.loader-wrapper{display:none!important}.header__bg{pointer-events:none}.header__nav.menu-open{display:block!important;visibility:visible!important;max-height:calc(100vh - 60px);overflow:auto;z-index:7}.header__drop.menu-open{display:block!important;position:relative!important;height:auto!important;visibility:visible!important}.pagination a{cursor:pointer}.pagination__arrow a:after{content:'→';margin-left:10px}.pagination__arrow--prev a:after{content:'←'}.empty-state{text-align:center;padding:80px 20px;width:100%}.local-back{display:inline-block;margin:24px 0;color:#333;border-bottom:1px solid #333;padding:7px 0;font-size:13px}.local-detail,.local-info,.local-stores{max-width:1160px;margin:0 auto;padding:30px 30px 80px}.local-title{text-align:center;font-size:32px;font-weight:700;margin:45px 0 65px}.local-title:after{content:'';display:block;width:50px;height:2px;background:#333;margin:25px auto}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-hero img{width:100%;height:340px;object-fit:contain}.detail-hero h1{font-size:28px;font-weight:700;margin-bottom:24px}.detail-price{font-size:20px;margin-bottom:25px}.detail-hero h2{font-size:18px;line-height:1.8;margin-bottom:20px}.detail-description{font-size:15px;line-height:2;white-space:pre-line}.detail-nav{display:flex;justify-content:center;gap:40px;border-block:1px solid #ddd;padding:22px;margin:50px 0}.spec-wrap{overflow:auto;margin:45px 0}.spec-wrap table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.spec-wrap td,.spec-wrap th{padding:16px 20px;border:1px solid #ddd;text-align:center}.spec-wrap th{background:#f5f5f5;font-weight:700}.spec-wrap tbody tr:nth-child(even){background:#fafafa}.store-controls{display:flex;gap:12px;background:#f7f7f7;padding:25px;margin-bottom:35px}.store-controls select,.store-controls input{background:#fff;border:1px solid #ddd;padding:13px;min-width:180px}.store-controls input{flex:1}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 35px}.store-card h2{font-size:18px;font-weight:bold;margin-bottom:20px;min-height:40px}.store-card hr{border:0;border-top:1px solid #ccc;margin:15px 0}.store-card p{line-height:1.8;font-size:14px}.store-card button{margin:15px 0;border:1px solid #333;padding:9px 18px;background:#fff}.store-meta{font-size:13px;color:#666;margin-top:35px;line-height:1.8}.source-url{overflow-wrap:anywhere;font-size:12px;color:#777}.local-info h2{font-size:22px;margin:30px 0}.local-info p{line-height:2;max-width:800px;margin:20px auto}.local-info{min-height:60vh}.back-to-list{display:inline-block;border:1px solid #333;padding:14px 30px;margin:20px 0}.social-icons__item a:after{content:'•'}.headline__head{font-family:inherit}.local-footer{padding:35px;text-align:center;border-top:1px solid #eee;font-size:12px;letter-spacing:1px}.route-mode .root.responsivegrid{display:none!important}.route-mode .responsivegrid_breadcrumb{display:none!important}.route-mode #route-content{display:block}.return-anchor{scroll-margin-top:100px}.gallery-overlay{position:fixed;inset:0;background:#fffE;z-index:100;display:flex;align-items:center;justify-content:center}.gallery-overlay img{width:90%;height:80%;object-fit:contain}.gallery-overlay button{position:absolute;right:20px;top:20px;border:1px solid #777;background:#fff;padding:12px;font-size:20px} @media(max-width:1024px){.header__logo img{width:110px}.header__nav{display:none}.header__search input{width:100%;min-height:44px}.header__search{width:42px;right:140px!important}.header__sub{z-index:12}.local-detail,.local-info,.local-stores{padding:25px 15px 70px}.local-title{font-size:24px;margin:20px 0 45px}.detail-hero{grid-template-columns:1fr;gap:15px}.detail-hero img{height:240px}.detail-hero h1{font-size:24px}.store-controls{flex-wrap:wrap;padding:15px}.store-controls select,.store-controls input{min-width:0;width:100%;flex:auto}.store-grid{gap:30px 12px}.store-card h2{font-size:14px;min-height:50px}.store-card p{font-size:12px}.store-card button{font-size:11px;padding:8px}.detail-nav{gap:25px;font-size:12px}#language-switch{right:10px;bottom:10px;max-width:130px}.local-footer{font-size:10px}.spec-wrap th,.spec-wrap td{padding:12px}} .filter__select:has(#pcat2){display:block!important}.header__search:after{position:absolute;right:10px;top:12px;color:#222}.product-zoom{background:#fff;border:0;padding:0;width:100%}.filter__container{transition:none}.thumbnail__img{min-height:110px}.header__lang--cn{background-position:center!important}.header__sub-item a[href="#stores"]{white-space:normal} @media(min-width:1025px){.filter__container{height:auto!important;overflow:visible}.header__search{width:42px;position:absolute;right:185px!important;top:48px}.header__search input{width:42px;opacity:0}.header__search:focus-within input{opacity:1}.filter__select:has(#pcat2){margin-top:12px}} @media(max-width:768px){.thumbnail--product[data-carousel="no"] .thumbnail__item{width:calc(50% - 8px)!important;margin-right:0!important;margin-top:20px!important}.thumbnail--product .thumbnail__list{gap:15px}.thumbnail--product .thumbnail__item .thumbnail__title{padding:0 12px 10px!important;font-size:14px!important;overflow-wrap:anywhere}.thumbnail--product .thumbnail__item .thumbnail__tag{font-size:11px;padding-inline:6px}.thumbnail--product .thumbnail__item .thumbnail__img{min-height:90px;display:flex;align-items:center}.thumbnail--product .thumbnail__item .thumbnail__btn--link{font-size:11px}.header__search:after{top:5px}} /* catalog.css */ .catalog-tabs{display:flex;justify-content:center;gap:12px;margin:0 auto 32px!important;padding:0 4vw 20px;border-bottom:1px solid #eee;clear:both;max-width:1240px}.catalog-tabs a{min-width:130px;padding:13px 24px;text-align:center;border:1px solid #ddd;border-radius:3px;font-size:16px;background:#fff}.catalog-tabs a.active{background:#009bce;color:#fff;border-color:#009bce}.catalog-mega{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1160px;margin:auto;padding:32px}.catalog-mega>div{display:flex;flex-direction:column;gap:9px}.catalog-mega a{font-size:14px;line-height:1.7;color:#333}.catalog-mega .catalog-menu-title{font-size:20px;font-weight:bold;color:#009bce;margin-bottom:12px}.header__drop.menu-open{height:auto!important;opacity:1!important;visibility:visible!important}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__title{padding:0 20px 16px!important;font-size:20px!important;line-height:1.4;min-height:90px;overflow-wrap:anywhere}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__img{height:185px;min-height:0;margin:10px 0 6px}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__img img{width:100%;height:100%;object-fit:contain}.catalog-kind{font-size:12px;color:#777;min-height:20px;padding:0 12px;margin:0 0 10px}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__tag{font-size:15px!important;padding:0 12px;min-height:45px!important;display:flex;justify-content:center;align-items:center}.detail-category{font-size:13px;color:#777;margin-bottom:18px}.detail-category a{border-bottom:1px solid #ccc}.detail-overview-image{display:block;max-width:750px;width:100%;max-height:580px;object-fit:contain;margin:0 auto}.spec-wrap table+table{margin-top:30px}.filter__buttons{scroll-margin-bottom:80px}.thumbnail__btn--link{white-space:nowrap} @media(max-width:1024px){.catalog-mega{grid-template-columns:repeat(2,1fr);padding:20px;gap:24px}.catalog-tabs{gap:8px;padding:0 12px 15px;margin-bottom:18px!important}.catalog-tabs a{min-width:0;flex:1;font-size:14px;padding:12px 4px}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__title{font-size:14px!important;padding:0 10px 10px!important;min-height:85px}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__img{height:120px!important;min-height:0}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__tag{font-size:12px!important;padding-inline:5px;min-height:42px!important}.catalog-kind{font-size:10px;padding:0 5px}.detail-overview-image{max-height:350px}.header__drop.menu-open{max-height:none}.detail-category{line-height:1.8}.filter__buttons{padding-bottom:20px}} .catalog-tabs{margin-bottom:0!important;padding-bottom:12px}.productsearch--container .aem-Grid--12 .title .headline__head--mb{margin-bottom:26px!important;padding-bottom:20px}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__title{min-height:70px} /* language.css */ .header__language-item{display:flex;align-items:center}.header__sub-list{direction:ltr;align-items:center;gap:12px}.header__sub-item{margin-right:0!important}.header__sub-item>a[href="#stores"]{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.header__sub{padding-inline:4vw}.header__lang{padding:0!important}#language-switch{position:static;inset:auto;z-index:auto;display:block;width:148px;max-width:148px;height:30px;margin:0;padding:4px 8px;box-shadow:none;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#222;font-size:12px;line-height:20px;cursor:pointer;direction:ltr}#language-switch:focus-visible{outline:2px solid #009bce;outline-offset:2px}.thumbnail__btn--link{white-space:normal;line-height:1.4;text-align:center}[dir="rtl"] .detail-price,[dir="rtl"] .thumbnail__tag{direction:ltr;unicode-bidi:isolate}[dir="rtl"] .detail-description{text-align:right}[dir="rtl"] .header__sub{direction:ltr}[dir="rtl"] .spec-wrap{direction:rtl} @media(max-width:1024px){body{padding-top:40px}.header{height:100px}.header__sub{top:60px;left:0;right:0;width:100%;max-width:none!important;height:40px;margin:0!important;padding:0 12px;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:flex-end}.header__sub-list{width:100%;justify-content:flex-end;gap:10px}.header__sub-item{min-width:0;min-height:30px;line-height:30px;flex-shrink:1}.header__language-item{flex:0 0 122px}#regionSelector-open-btn{flex:0 0 34px}.header__sub-item>a[href="#stores"]{font-size:12px;line-height:30px;max-width:100%}#language-switch{width:122px;max-width:122px;height:28px;font-size:12px;padding:3px 6px}.header__nav{margin-top:100px}.header__nav.menu-open{max-height:calc(100vh - 100px)}.header__search{right:70px!important;top:0!important;height:60px}.header__search:after{top:16px}.header__drop.menu-open{max-height:none}.local-detail,.local-info,.local-stores{scroll-margin-top:110px}} @media(max-width:1024px){.productsearch--container .aem-Grid--12 .productsearchV2.aem-GridColumn{top:100px!important}.return-anchor{scroll-margin-top:110px}} /* premium.css */ :root{--ls-ink:#142d39;--ls-ocean:#102b39;--ls-paper:#e8eeed;--ls-gold:#cfb982;--ls-line:#c5d3d5}body{background:#e8eeed;color:var(--ls-ink)}.premium-home{display:none}.premium-home-mode .premium-home{display:block}.premium-home-mode .responsivegrid_breadcrumb{display:none}.premium-home{margin-top:140px}.premium-hero{position:relative;background:#102b39;color:#f3f1e6;display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;padding:65px max(5vw,24px);isolation:isolate;overflow:hidden}.premium-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 100% 110%,transparent 0 48px,#719b9d18 49px 50px,transparent 51px 85px)}.premium-kicker{color:#cfb982;letter-spacing:.13em;font-size:12px;margin:0 0 28px}.premium-hero h1{font-size:clamp(38px,4.6vw,68px);font-weight:500;line-height:1.2;white-space:pre-line;letter-spacing:-.025em;margin:0 0 26px}.premium-lead{font-size:15px;line-height:1.8;color:#c7d3d1;margin:0 0 32px}.premium-primary{display:inline-flex;gap:50px;align-items:center;padding:17px 24px;background:#cfb982;color:#142d39;font-size:14px;font-weight:bold;transition:background .2s}.premium-primary:hover{background:#e4d4ac}.premium-shortcuts{display:flex;flex-wrap:wrap;gap:22px;margin-top:35px}.premium-shortcuts a{font-size:12px;color:#d4e3e1;border-bottom:1px solid #536d77;padding-bottom:7px}.premium-showcase{display:flex;flex-direction:column;min-width:0;background:#f4f3ee;color:#142d39;padding:25px 30px;box-shadow:0 25px 60px #0003;border:1px solid #cbbd9c}.premium-showcase-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#6b746e}.premium-showcase>img{width:100%;height:315px;object-fit:contain;mix-blend-mode:multiply;margin:15px 0}.premium-showcase-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c7cfca;padding-top:17px;gap:15px}.premium-showcase-bottom strong{font-size:18px;font-weight:500;line-height:1.5}.premium-showcase-bottom>span{font-size:25px}.premium-selections{padding:35px max(5vw,24px) 48px;background:#d9e4e4}.premium-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.premium-section-head>p,.premium-section-head h2{font-size:22px;font-weight:600;line-height:1.4;margin:0}.premium-section-head>span{font-size:10px;letter-spacing:.13em;color:#61797e}.premium-section-head>a{font-size:12px;border-bottom:1px solid #7c9399;padding-bottom:4px}.premium-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.premium-pick{position:relative;background:#f4f5ef;border:1px solid #becfd0;padding:16px;display:block;color:#142d39}.premium-pick>div{height:125px;background:#f4f5ef}.premium-pick img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.premium-pick>span{font-size:13px;display:block;font-weight:bold;margin-top:15px;line-height:1.5;min-height:40px;padding-right:15px}.premium-pick>small{font-size:11px;color:#527077;display:block;margin-top:7px}.premium-pick>b{position:absolute;bottom:20px;right:15px;font-size:18px}.premium-pick:hover,.premium-related-card:hover{border-color:#738f90;box-shadow:0 6px 22px #1b424618;transform:translateY(-3px)}.premium-pick,.premium-related-card{transition:transform .2s,border-color .2s,box-shadow .2s}.root.l-main{background:#e8eeed}.premium-home-mode .root.l-main{margin-top:0!important;padding-top:30px!important}.productsearch--container,.productsearch--container .aem-Grid,.productsearchresultsV2{background:transparent!important}.catalog-tabs{background:#d9e4e4;border-bottom-color:#bdccce;padding-top:15px}.catalog-tabs a{background:#f2f4ee;border:1px solid #bdccce;color:#183b47;border-radius:0}.catalog-tabs a.active{background:#173e4c;border-color:#173e4c;color:#fff}.headline{background:transparent!important}.headline__main,.headline__head{color:#173544}.productsearchV2{background:#d9e4e4!important;border:1px solid #bacdce;padding:25px!important}.filter__container,.filter__select,.filter__item{background:transparent!important}.filter__select select,.filter__text input{background:#f3f5f1!important;border-color:#b5c7c9!important}.productsearchresultsV2 .thumbnail__list{gap:22px!important}.productsearch--container .productsearchresultsV2 .catalog-card{background:#f8f8f2!important;border:1px solid #c3d2d1;box-shadow:0 6px 18px #173a4210;margin-right:0!important;width:calc(33.333% - 15px)!important;border-radius:4px;overflow:hidden}.catalog-card>a{background:transparent!important}.productsearch--container .productsearchresultsV2 .catalog-card .thumbnail__title{color:#163844!important;background:transparent!important;padding-top:20px!important}.catalog-card .thumbnail__img{background:#f4f5ef!important;margin-inline:12px!important;border:1px solid #e0e7df}.catalog-card .thumbnail__img img{mix-blend-mode:multiply}.catalog-card .thumbnail__tag{color:#244951!important;background:transparent!important}.thumbnail__btn--link{background:#163e4b!important;color:#fff!important;border-color:#163e4b!important}.catalog-kind{color:#617778}.search-result{background:transparent!important}.local-detail,.local-info,.local-stores{background:#e8eeed}.route-mode #route-content{background:#e8eeed}.local-detail{max-width:1240px}.detail-hero{gap:45px;align-items:start;background:#dce6e5;border:1px solid #c2d1d0;padding:35px}.product-zoom{background:#f3f4ef;border:1px solid #c2cfcb;padding:20px;border-radius:3px}.detail-hero img{height:320px;mix-blend-mode:multiply}.detail-hero h1{font-size:32px;line-height:1.3;overflow-wrap:anywhere;color:#163b48}.detail-price{color:#8b673a;font-weight:bold}.detail-hero h2{font-size:17px}.detail-description{color:#36545b;font-size:14px;line-height:1.9}.detail-nav{margin:30px 0;background:#173d4b;color:#eff4ed;border:0;position:sticky;top:140px;z-index:3;padding:18px}.local-title{font-size:24px;color:#153a47;margin:35px 0 20px}.local-title:after{background:#b29b67;margin:15px auto;width:35px}.detail-overview-image{max-height:180px;max-width:650px;background:#dde6e2;mix-blend-mode:multiply;margin:20px auto 35px;padding:18px}.spec-wrap{margin:20px 0 40px;background:#eff3ee;border:1px solid #bacdcb}.spec-wrap th{background:#214955;color:#f2f5ef;border-color:#537079}.spec-wrap td{border-color:#c5d3cf;background:#edf2ed}.spec-wrap tbody tr:nth-child(even) td{background:#dce7e2}.premium-product-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid #bdcdcc;padding:22px 0;margin:45px 0;font-size:13px}.premium-related{margin:40px 0 55px}.premium-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.premium-related-card{background:#f4f5ee;border:1px solid #c1cfca;min-width:0;overflow:hidden;border-radius:3px}.premium-related-photo{height:170px;padding:15px;background:#e2e9e3}.premium-related-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.premium-related-copy{padding:18px}.premium-related-copy small{font-size:11px;color:#71817a}.premium-related-copy h3{font-size:15px;line-height:1.5;min-height:45px;margin:10px 0;color:#173d48;overflow-wrap:anywhere}.premium-related-copy p{font-size:13px;font-weight:bold;color:#8b673a;margin:12px 0}.premium-related-copy>span{font-size:12px;color:#214956}.local-back{color:#254952}.gallery-overlay{background:#102b39ee}.gallery-overlay img{background:#f2f3ed;max-width:1000px;max-height:700px;padding:25px}.local-footer{background:#173b47;color:#d5e3de;border:0}.store-card{background:#f1f4ef;padding:24px;border:1px solid #c3d1cb}.header__bg{background:#eef2ef}.l-footer{background:#173b47!important;color:#d6e4de} @media(min-width:1025px){.productsearch--container .productsearchV2.aem-GridColumn{width:26%!important}.productsearch--container .productsearchresultsV2.aem-GridColumn{width:72%!important;margin-left:2%!important}}@media(max-width:1024px){.premium-home{margin-top:60px}.premium-hero{padding:40px 25px;gap:30px}.premium-showcase{padding:18px}.premium-showcase>img{height:245px}.premium-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-nav{top:100px}.detail-hero{padding:22px}.productsearch--container .productsearchresultsV2 .catalog-card{width:calc(33.333% - 15px)!important}.productsearchV2{padding:18px!important}}@media(max-width:650px){.premium-hero{grid-template-columns:1fr;padding:30px 20px;gap:28px}.premium-hero h1{font-size:39px;line-height:1.2;margin-bottom:18px}.premium-kicker{font-size:10px;margin-bottom:20px}.premium-lead{font-size:13px;margin-bottom:20px}.premium-primary{padding:14px 20px;font-size:13px}.premium-shortcuts{margin-top:22px;gap:20px}.premium-showcase>img{height:205px;margin:10px 0}.premium-showcase-bottom strong{font-size:16px}.premium-selections{padding:28px 16px}.premium-section-head>span{display:none}.premium-section-head h2,.premium-section-head>p{font-size:20px}.premium-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium-pick{padding:12px}.premium-pick>div{height:105px}.premium-pick>span{font-size:12px;min-height:36px}.premium-pick>small{font-size:10px}.premium-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.premium-related-photo{height:125px;padding:12px}.premium-related-copy{padding:13px}.premium-related-copy h3{font-size:13px;min-height:39px}.premium-related-copy p{font-size:11px;line-height:1.6}.premium-related-copy>span{font-size:11px}.premium-product-nav{font-size:11px;padding:18px 0;gap:10px;margin:30px 0}.premium-related{margin:30px 0}.premium-section-head>a{font-size:10px;text-align:end}.detail-hero{gap:23px;padding:17px}.detail-hero h1{font-size:26px}.detail-hero img{height:210px}.product-zoom{padding:10px}.detail-description{font-size:13px;line-height:1.8}.local-title{font-size:21px;margin:28px 0 15px}.detail-overview-image{max-height:130px;padding:10px;margin:10px auto 24px}.detail-nav{gap:20px;padding:15px;font-size:12px;margin:25px 0}.catalog-tabs a{font-size:13px}.productsearch--container .productsearchresultsV2 .catalog-card{width:calc(50% - 8px)!important;margin-top:0!important}.productsearchresultsV2 .thumbnail__list{gap:14px!important}.catalog-card .thumbnail__img{margin-inline:8px!important}.productsearchV2{padding:13px!important}.thumbnail__title{min-height:60px!important}.headline__head--mb{margin-bottom:20px!important}.spec-wrap{margin-bottom:25px}.local-detail{padding-inline:14px}.premium-home-mode .root.l-main{padding-top:10px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.premium-pick,.premium-related-card{transition:none}}[dir=rtl] .premium-pick>b{right:auto;left:15px}[dir=rtl] .premium-product-nav{direction:rtl} .detail-hero{scroll-margin-top:150px}.detail-hero[data-category="rod"] .product-zoom{overflow:hidden}.detail-hero[data-category="rod"] img{height:230px;transform:scale(1.4)}.premium-top-related{margin:32px 0}.premium-top-related .premium-related-photo{height:120px}.premium-top-related .premium-related-copy{padding:14px}.premium-top-related .premium-related-copy h3{font-size:13px;min-height:39px}.premium-top-related .premium-related-copy p{font-size:12px}.premium-top-related .premium-related-copy small{display:none}@media(max-width:650px){.detail-hero{scroll-margin-top:110px}.detail-hero[data-category="rod"] img{height:150px;transform:scale(1.4)}.premium-top-related .premium-related-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x proximity}.premium-top-related .premium-related-card{flex:0 0 155px;scroll-snap-align:start}.premium-top-related .premium-related-photo{height:105px}.premium-top-related .premium-related-copy h3{font-size:12px}.premium-top-related .premium-related-copy p{font-size:10px}.premium-top-related .premium-related-copy>span{font-size:10px}} /* Accessibility and responsive brand fit. */ .header__logo > a > img{width:160px;max-width:100%;height:auto;max-height:52px;object-fit:contain} @media(max-width:1024px){.header__logo > a > img{width:128px}} a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #167f94;outline-offset:4px} .gallery-overlay button{min-width:44px;min-height:44px} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}