.aplus-v2 .apm-ブランドストーリー-カルーセルコンテナ {
位置: 相対的;
}
.aplus-v2 .apm-brand-story-carousel-hero-container、
.aplus-v2 .apm-ブランドストーリー-カルーセル-ヒーローコンテナ
位置: 絶対;
幅: 100%;
}/*
カルーセルが必要なスペースのみを占めるようにします。
絶対配置された要素がスペースを占める可能性があるため、サイズを再設定する必要があります。
*/
.aplus-v2 .apm-ブランドストーリー-カルーセルコンテナー、
.aplus-v2 .apm-brand-story-carousel-hero-container {
高さ: 625ピクセル;
幅: 100%;
最大幅: 1464ピクセル;
マージン左: 自動;
マージン右: 自動;
オーバーフロー: 非表示;
}
.aplus-v2 .apm-brand-story-carousel-hero-container、
.aplus-v2 .apm-ブランドストーリー-カルーセル-ヒーローコンテナ
高さ: 625ピクセル;
}.aplus-v2 .apm-brand-story-carousel.a-carousel-container {
パディング: 0px;
}
/*
これにより、カルーセルがヒーロー イメージ コンテナーの上、ロゴ領域 (125 ピクセル) の後に垂直方向に中央に配置されます。
マージントップ = (ヒーローの高さ - カードの高さ - ロゴエリアの高さ) / 2 ロゴエリアの高さ
*/
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-row-inner {
マージントップ: 149px;
}
/*
カードには幅を設定する必要があります。それ以外の場合は、デフォルトで 50 ピクセル程度になります。
すべてのカードは同じ幅でなければなりません。カルーセルは、すべてのカードが最大のカードの幅になるように、自動的にサイズ変更されます。
左側のマージンは、各カードの間にスペースを残すためのものです。
*/
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-カルーセルカード {
幅: 362ピクセル;
マージン左: 30px !重要;
}
/* ナビゲーション ボタンが高く、側面と同じ高さになり、背景がきれいな白になるように、ナビゲーション ボタンのスタイルを設定します */
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-left、
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-right {
パディング: 0px;
}
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-right .a-button-image {
境界線: なし。
マージン: 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
背景:
パディング: 20px 6px;
}
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
境界半径: 0px 4px 4px 0px;
}
.aplus-v2 .apm-ブランドストーリー-カルーセル .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
境界半径: 4px 0px 0px 4px;
}
ディスプレイポータブルJhcztrk
Jhcztrk 当社は2017年に設立されたモバイルディスプレイの製造・開発・販売を行う会社です