<スタイル>
.ronnin-4d{
表示:ブロック;
フォントファミリー: オープンサンズ;
}
.ronnin-4d-mobile{
ディスプレイ:なし;
}
@media 画面と (最大幅:980px) {
.ronnin-4d{
ディスプレイ:なし;
}
.ronnin-4d-mobile{
表示:ブロック;
}
}
.ronnin-4d h2,h3{
文字間隔:1px;
フォントファミリー: オープンサンズ;
}
/***バナー**/
.first-banner {
表示:ブロック;
位置:相対;
最小高さ:400ピクセル;
高さ:自動;
オーバーフロー:非表示;
}
.first-banner .banner-image{
幅:100%;
}
.first-banner .box-ratio {
背景色: 未設定;
}
.first-banner .box-ratio img{
背景色: 未設定;
}
.first-banner .text-block{
位置:絶対;
左: 17.5%。
トップ: 30%;
テキスト整列: 左;
}
.first-banner .text-block .title{
色: #fff;
フォントサイズ: 4.5rem;
行の高さ: 5.5rem;
}
.first-banner .text-block .title div{
フォントの太さ:標準;
}
.first-banner .text-block .content{
色: #ddd;
フォントサイズ: 1.75rem;
行の高さ: 1.75rem;
マージントップ: 3.5rem;
}
/**************** シンプルな機能 *************************/
.simple-features{
幅: 100%;
マージン: 自動;
位置: 絶対;
左: 0;
下: 5%;
パディング:0 15%;
}
.simple-features .list-unstyled {
パディング左: 0;
リストスタイル: なし;
}
.icon-group {
ディスプレイ: フレックス;
}
.icon-group li {
幅: 20%;
位置: 相対的;
フレックス:1;
}
.icon-group li .icon {
幅: 100ピクセル;
高さ: 100ピクセル;
マージン: 0 自動 0.25rem 自動;
背景サイズ:含む;
}
.icon-group リ スパン {
テキスト整列: 中央;
表示: ブロック;
フォントサイズ: 1.25rem;
色: #eeeeee;
}
.icon-group li:nth-child(1) .icon {
背景: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_1.png?v=1677827657) 繰り返しなし;
背景サイズ: 含む;
}
.icon-group li:nth-child(2) .icon {
背景: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_2.png?v=1677827657) 繰り返しなし;
背景サイズ: 含む;
}
.icon-group li:nth-child(3) .icon {
背景: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_3.png?v=1677827657) 繰り返しなし;
背景サイズ: 含む;
}
.icon-group li:nth-child(4) .icon {
背景: URL(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_4.png?v=1677827657) 繰り返しなし;
背景サイズ: 含む;
}
.ショルダーバッグ-バナー1 .バナー画像{
位置:相対;
}
.ビデオボタン {
位置:絶対;
トップ:43.5%;
左:47%;
幅:70ピクセル;
高さ:70ピクセル;
背景: URL(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_play.png?v=1614324743) 繰り返しなし;
背景サイズ: 自動;
フィルター: ドロップシャドウ(0 0 8px rgba(0,0,0,.12));
視点: 1000ピクセル;
背面の可視性: 非表示;
変換:translateZ(0);
背景サイズ: 含む;
}
.ショルダーバッグ-バナー1 .バナー画像{
カーソル:ポインタ;
背景色:#000;
}
.ショルダーバッグ-バナー1 .バナー画像 .box-ratio{
行の高さ:0;
}
.ショルダーバッグ-バナー1 .バナー画像-モバイル{
}
.ショルダーバッグ-バナー1 .バナー画像 .youtube{
ディスプレイ:なし;
幅: 65%;
マージン:自動;
パディング:5% 0;
}
.ショルダーバッグ-バナー1 .バナー画像 .youtube .youtube-inner{
幅: 100%;
}
.Shoulderbag-banner1 .banner-image .youtube .youtube-inner iframe{
幅: 100%;
}
.youtube iframe、.youtube-mobile iframe{
幅:100%;
}
.ショルダーバッグ-バナー1 .バナー画像 .la-close{
ディスプレイ:なし;
幅: 28px;
高さ: 自動;
位置: 絶対;
フォントサイズ: 2.5rem;
右: 15%。
トップ: 5%;
色: #fff;
行の高さ: 38px;
}
.ショルダーバッグ-バナー1 .バナー画像 .video_overlay{
幅: 100%;
高さ: 100%;
位置: 絶対;
z インデックス: 9;
色: #000;
トップ: 0;
左: 0;
背景: #000;
不透明度: 0.2;
}
/**************** ニーズを満たす ************************/
.statisfy-ニーズ {
幅:100%;
パディング: 1% 0 0 0;
クリア：両方。
位置: 相対的;
背景: #000;
}
.statisfy-needs .text-block{
位置:絶対;
トップ:3%;
左:0;
幅:100%;
表示:ブロック;
パディング:2.5% 1.5%;
テキスト整列: 中央;
}
.statisfy-needs .text-block .title{
色: #fff;
フォントサイズ: 4.25rem;
行の高さ: 5.25rem;
}
.statisfy-needs .text-block .content{
色: #フェフェフェ;
フォントサイズ: 1.75rem;
行の高さ: 2rem;
フォントの太さ: 太字;
}
.statisfy-needs .text-block1{
上:未設定;
左:0;
下: 0;
幅:42.5%;
}
.statisfy-needs .text-block2{
上:未設定;
左:57.5%。
下:0;
幅:42.5%;
}
/***m-ステーション**/
.m-ステーション {
幅:100%;
最小高さ:400ピクセル;
パディングボトム:2%;
背景: #000;
}
.m-ステーション .banner-image{
幅:66%;
マージン:自動;
}
.m-station .banner-image video{
幅:100%;
高さ:自動;
}
.m-ステーション .box-ratio {
背景色: 未設定;
}
.m-ステーション .box-ratio img{
背景色: 未設定;
}
.m-ステーション .text-block{
幅:100%;
テキスト整列: 中央;
パディング:6% 2% 3.5% 2%;
}
.m-station .text-block .title{
色: #fff;
フォントサイズ: 4.25rem;
行の高さ: 5.25rem;
}
.m-station .text-block .content{
色: #ddd;
フォントサイズ: 1.5rem;
行の高さ: 2.15rem;
マージントップ: 0.75rem;
}
#m-station-desktop.m-station{
位置: 相対的;
}
#m-station-desktop.m-station .banner-image{
幅: 100%;
ディスプレイ: フレックス;
フレックスラップ: ラップ;
コンテンツの位置揃え: 中央;
位置: -webkit-sticky;
位置: スティッキー;
トップ: 0;
z インデックス: 4;
オーバーフロー: 非表示;
}
#m-ステーション-デスクトップ.m-ステーション .text-block1{
幅: 100%;
不透明度: 1;
z インデックス: 99;
ディスプレイ: フレックス;
高さ: 100vh;
コンテンツの位置揃え: 中央;
位置: -webkit-sticky;
位置: スティッキー;
トップ: 0;
パディングトップ: 192px;
マージン: -100vh 自動 0;
}
#m-station-desktop.m-station .text-block-inner{
}
#m-station-desktop.m-station .video-intro__inner{
幅:100%;
}
#m-station-video .text-block{
不透明度:0;
-webkit-transition: 不透明度 1 秒の緩和。
-moz-transition: 不透明度 1 秒の緩和。
トランジション: 不透明度 1 秒の緩和。
位置: 絶対;
z インデックス: 1;
トップ: 0;
左: 0;
幅: 100%;
}
/***調節可能なストラップ**/
.adjustable {
位置:相対;
最小高さ:400ピクセル;
}
.調整可能な .banner-image{
幅:100%;
}
.調整可能な .box-ratio {
背景色: 未設定;
}
.調整可能な .box-ratio img{
背景色: 未設定;
}
.調整可能な .gif-image{
位置:絶対;
幅:55%;
左: 45%;
トップ: 15%;
テキスト整列: 左;
}
.調整可能な .gif-イメージ ビデオ{
幅:100%;
高さ:自動;
}
.調整可能な .text-block{
位置:絶対;
幅:45%;
左: 12.5%。
トップ: 35%;
テキスト整列: 左;
}
.adjustable .text-block .title{
色: #fff;
フォントサイズ: 4.5rem;
行の高さ: 5.75rem;
}
.adjustable .text-block .content{
色: #ddd;
フォントサイズ: 1.6rem;
行の高さ: 2.35rem;
マージントップ: 2rem;
}
/***きちんとした**/
.neat {
位置:相対;
幅:100%;
最小高さ:400ピクセル;
パディングボトム:7.5%;
背景: #000;
}
.きちんとした .banner-image{
幅:72%;
マージン:自動;
}
.neat .box-ratio {
背景色: 未設定;
}
.neat .box-ratio img{
背景色: 未設定;
}
.neat .text-block{
幅:100%;
テキスト整列: 中央;
パディング:5% 2% 4% 2%;
}
.neat .text-block .title{
色: #fff;
フォントサイズ: 4.25rem;
行の高さ: 5.25rem;
}
.neat .text-block .content{
色: #eee;
フォントサイズ: 1.5rem;
行の高さ: 2.15rem;
マージントップ: 0.5rem;
}
/***きちんとした**/
.サイドトップ {
位置:相対;
幅:100%;
最小高さ:400ピクセル;
パディングボトム:5%;
背景: #000;
}
.sidetop .banner-image{
幅: 33%;
マージン: 0 0 0 57.5%;
}
.sidetop .box-ratio {
背景色: 未設定;
}
.sidetop .box-ratio img{
背景色: 未設定;
}
.sidetop .text-block{
位置:絶対;
幅: 50%;
左: 20%。
トップ: 27.5%;
テキスト整列: 左;
z インデックス:1;
}
.sidetop .text-block .title{
色: #fff;
フォントサイズ: 4.5rem;
行の高さ: 5.75rem;
}
.sidetop .text-block .content{
色: #ddd;
フォントサイズ: 1.6rem;
行の高さ: 2.35rem;
マージントップ: 2rem;
}
/***きちんとした**/
.strap-pockets {
幅:100%;
最小高さ:400ピクセル;
高さ:自動;
オーバーフロー:非表示;
背景:#000;
}
.strap-pockets .rows{
幅:100%;
高さ:自動;
}
.ストラップポケット .row{
幅:100%;
ディスプレイ:フレックス;
高さ:自動;
}
.strap-pockets .box-ratio {
背景色: 未設定;
}
.strap-pockets .box-ratio img{
背景色: 未設定;
}
.strap-pockets .row .two-column{
幅:50%;
ディスプレイ:フレックス;
高さ:自動;
位置:相対;
}
.strap-pockets .text-block{
表示:テーブル;
位置:絶対;
幅: 85%;
高さ: 100%;
左: 15%;
トップ: 0;
テキスト整列: 左;
z インデックス:1;
}
.strap-pockets .text-block .text-block-inner{
表示:テーブルセル;
垂直配置:中央;
}
.strap-pockets .row:nth-child(even) .text-block{
左:未設定;
右:15%;
テキスト整列: 右;
}
.strap-pockets .text-block .title{
色: #fff;
フォントサイズ: 4.25rem;
行の高さ: 5.5rem;
}
.strap-pockets .text-block .content{
色: #ddd;
フォントサイズ: 1.5rem;
行の高さ: 1.75rem;
マージントップ:2rem;
}
/***最適**/
.optimal {
位置:相対;
幅:100%;
最小高さ:400ピクセル;
背景: #000;
パディング: 7.5% 0 5% 0;
}
.optimal .banner-image{
幅: 30%;
マージン: 0 1% 0 54%;
}
.optimal .box-ratio {
背景色: 未設定;
}
.optimal .box-ratio img{
背景色: 未設定;
}
.optimal .text-block{
位置:絶対;
幅: 50%;
左: 17.5%。
トップ: 30%;
テキスト整列: 左;
z インデックス:1;
}
.optimal .text-block .title{
色: #fff;
フォントサイズ: 4.5rem;
行の高さ: 5.5rem;
}
.optimal .text-block .content{
色: #ddd;
フォントサイズ: 1.5rem;
行の高さ: 2.25rem;
マージントップ: 2rem;
}
.マルチハンドル {
幅: 100%;
背景: #000;
高さ: 自動;
表示: ブロック;
オーバーフロー: 非表示;
}
.multi-handles .multi-handles-inner {
ディスプレイ:フレックス;
幅:80%;
マージン: 2.5% 自動 7.5% 自動;
カラムギャップ: 0.7%;
}
.multi-handles .multi-handles-inner .collection-image .box-ratio{
境界線: 実線 1px #333;
}
.multi-handles .multi-handles-inner .left-image{
位置:相対;
幅:49.65%;
}
.multi-handles .multi-handles-inner .right-images{
幅:49.65%;
ディスプレイ:フレックス;
カラムギャップ:1.2%;
行ギャップ:1%;
フレックスラップ:ラップ;
}
.multi-handles .multi-handles-inner .right-images .collection-image{
幅:49.4%;
位置:相対;
表示: テーブル;
}
.multi-handles .multi-handles-inner .right-images .collection-image:nth-child(1){
幅:100%;
}
.multi-handles .multi-handles-inner .right-images .collection-image .box-ratio{
垂直配置: 中央;
表示: テーブルセル;
背景色: 未設定;
}
.multi-handles .multi-handles-inner .collection-image .caption{
位置:絶対;
左:5%;
幅:95%;
テキスト整列:左;
下:1.5レム;
色:#fff;
フォントサイズ:1.4rem;
行の高さ:1.75rem;
フォントの太さ:太字;
}
/*** 防滴仕様 **/
.freedom {
位置:相対;
最小高さ:400ピクセル;
背景:#000;
パディングボトム:5%;
}
.freedom .banner-image{
幅:100%;
}
.freedom .box-ratio {
背景色: 未設定;
}
.freedom .box-ratio img{
背景色: 未設定;
}
.freedom .text-block{
位置:絶対;
幅: 60%;
右: 7.5%。
トップ: 17.5%;
テキスト整列: 右;
}
.freedom .text-block .title{
色: #fff;
フォントサイズ: 4.75rem;
行の高さ: 6rem;
}
.freedom .text-block .content{
色: #ccc;
フォントサイズ: 1.6rem;
行の高さ: 2.35rem;
マージントップ: 2rem;
}
.freedom .imgs {
ディスプレイ:フレックス;
幅:100%;
マージントップ:1%;
カラムギャップ: 1%;
}
.freedom .imgs .collection-image{
幅:47.8%;
位置:相対;
}
.freedom .imgs .collection-image:first-child{
幅:52.2%;
}
.freedom .imgs .collection-image .caption{
位置:絶対;
左:5%;
幅:95%;
テキスト整列:左;
下:1.5レム;
色:#fff;
フォントサイズ:1.4rem;
行の高さ:1.75rem;
フォントの太さ:太字;
}
@media 画面と (最大幅:1800px) {
.shape-block .text-block .content br {
ディスプレイ:なし;
}
}
@media 画面と (最大幅:1660px) {
.adjustable .text-block {
左: 12%;
トップ: 37.5%;
}
.strap-pockets .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.5rem;
}
}
@media 画面と (最大幅:1550px) {
.first-banner .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.25rem;
}
.first-banner .text-block .content {
フォントサイズ: 1.5rem;
行の高さ: 1.5rem;
マージントップ: 2rem;
}
.simple-features {
最下位: 4%。
パディング: 0 10%;
}
.icon-group li .icon {
幅: 80ピクセル;
高さ: 80ピクセル;
}
.icon-group リ スパン {
フォントサイズ: 1rem;
}
.statisfy-needs .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.25rem;
}
.statisfy-needs .text-block .content {
フォントサイズ: 1.5rem;
行の高さ: 1.5rem;
}
.m-station .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.25rem;
}
.m-station .text-block .content {
フォントサイズ: 1.25rem;
行の高さ: 1.5rem;
}
.adjustable .text-block .title {
フォントサイズ: 3.35rem;
行の高さ: 4rem;
}
.adjustable .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.75rem;
マージントップ: 1.5rem;
}
.neat .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.25rem;
}
.sidetop .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.25rem;
}
.sidetop .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.75rem;
マージントップ: 1.5rem;
}
.strap-pockets .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.5rem;
}
.strap-pockets .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.5rem;
マージントップ: 1レム;
}
.strap-pockets .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.5rem;
マージントップ: 1レム;
}
.optimal .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.5rem;
}
.optimal .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.75rem;
マージントップ: 1.5rem;
}
.multi-handles-inner .collection-image .caption {
フォントサイズ: 1rem;
行の高さ: 1.35rem;
}
.freedom .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 4.5rem;
}
.freedom .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.75rem;
}
.freedom .imgs .collection-image .caption {
フォントサイズ: 1rem;
行の高さ: 1.35rem;
}
}
@media 画面と (最大幅:1420px) {
}
@media 画面と (最大幅:1320px) {
}
@media 画面と (最大幅:1220px) {
.first-banner .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.first-banner .text-block .content {
フォントサイズ: 1.25rem;
行の高さ: 1.25rem;
マージントップ: 2rem;
}
.simple-features {
最下位: 4%。
パディング: 0 10%;
}
.icon-group li .icon {
幅: 55ピクセル;
高さ: 55ピクセル;
}
.icon-group リ スパン {
フォントサイズ: 0.95rem;
}
.statisfy-needs .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.statisfy-needs .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.5rem;
}
.m-station .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.m-station .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.5rem;
}
.adjustable .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.adjustable .text-block .content {
フォントサイズ: 1rem;
行の高さ: 1.5rem;
マージントップ: 1.5rem;
}
.neat .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.sidetop .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.sidetop .text-block .content {
フォントサイズ: 1.125rem;
行の高さ: 1.75rem;
マージントップ: 1.5rem;
}
.strap-pockets .text-block .title {
フォントサイズ: 2.25rem;
行の高さ: 2.75rem;
}
.strap-pockets .text-block .content {
フォントサイズ: 1.05rem;
行の高さ: 1.5rem;
マージントップ: 1レム;
}
.optimal .text-block .title {
フォントサイズ: 2.75rem;
行の高さ: 3.25rem;
}
.optimal .text-block .content {
フォントサイズ: 1.05rem;
行の高さ: 1.65rem;
マージントップ: 1.25rem;
}
.multi-handles-inner .collection-image .caption {
フォントサイズ: 1rem;
行の高さ: 1.25rem;
}
.freedom .text-block .title {
フォントサイズ: 2.25rem;
行の高さ: 2.75rem;
}
.freedom .text-block .content {
フォントサイズ: 1.05rem;
行の高さ: 1.65rem;
}
.freedom .imgs .collection-image .caption {
フォントサイズ: 1rem;
行の高さ: 1.25rem;
}
}
@media 画面と (最大幅:980px) {
.first-banner .text-block {
トップ: 15%;
}
.first-banner .text-block .title {
フォントサイズ: 3.5rem;
行の高さ: 3.75rem;
}
.first-banner .text-block .title スパン{
フォントの太さ:標準;
}
.first-banner .text-block .content {
フォントサイズ: 1.25rem;
行の高さ: 1.35rem;
マージントップ: 2rem;
}
.simple-features {
パディング: 0 5%;
}
.ビデオボタン {
表示: ブロック;
幅: 60ピクセル;
高さ: 60ピクセル;
}
.ショルダーバッグ-バナー1{
背景: #000;
最小幅: 360px;
パディングトップ:2%;
最小高さ: 360px;
}
.ショルダーバッグ-バナー1 .バナー画像-モバイル{
表示:ブロック;
位置:相対;
}
.ショルダーバッグ-バナー1 .バナー画像-モバイル .la-close{
ディスプレイ:なし;
幅: 28px;
高さ: 自動;
位置: 絶対;
フォントサイズ: 2.2rem;
右: 5px;
上: 5px;
色: #eee;
行の高さ: 30px;
}
.ショルダーバッグ-バナー1 .バナー画像-モバイル .youtube-モバイル{
ディスプレイ:なし;
幅: 100%;
高さ: 100%;
}
.banner-image-mobile{
背景:#000;
色: #fff;
幅:100%;
高さ:自動;
位置:相対;
}
.youtube-モバイル iframe{
幅:100%;
}
/***モバイル静的ブロック**/
.static-block-m {
最小高さ:300ピクセル;
位置:相対;
背景: #000;
パディングボトム: 0;
}
.static-block-m .banner-image{
位置:相対;
幅:100%;
}
.static-block-m .box-ratio {
背景色: 未設定;
}
.static-block-m .box-ratio img{
背景色: 未設定;
}
.static-block-m .text-block{
位置: 未設定;
幅:100%;
テキスト整列: 左;
マージントップ:0;
パディング:12.5% 2% 7.5% 5%;
}
.static-block-m .text-block .title{
色: #fff;
フォントサイズ: 3.25rem;
行の高さ: 3.85rem;
マージン-ボトム: 0.5rem;
}
.static-block-m .text-block .content{
色: #ddd;
フォントサイズ: 1.35rem;
行の高さ: 1.75rem;
マージントップ: 1.25rem;
}
.static-block-m .caption{
色: #fff;
フォントサイズ: 1rem;
行の高さ: 1.25rem;
位置: 絶対;
幅:92.5%;
テキスト整列: 左;
上: 設定を解除します。
左:5%;
下:5%;
}
.m-ステーション .テキストブロック {
パディングトップ:3%;
}
.adjustable .text-block .content {
フォントサイズ: 1.35rem;
}
.statisfy-needs .caption {
フォントサイズ: 1.2rem;
行の高さ: 1.5rem;
}
.statisfy-needs .text-block {
位置: 絶対;
幅: 100%;
テキスト整列: 左;
マージントップ: 0;
パディング: 12.5% 2% 5% 5%;
トップ: 0;
左: 0;
}
.neat .text-block {
パディングボトム: 0;
}
.sidetop .text-block {
パディングボトム: 0;
}
.optimal {
パディングトップ:2.5%;
}
.optimal .text-block {
パディングボトム: 0;
}
.optimal .banner-image {
幅: 100%;
マージン:0;
}
.sidetop .banner-image {
幅: 100%;
マージン左:0;
}
.multi-handles-m {
幅: 100%;
背景: #000;
高さ: 自動;
表示: ブロック;
オーバーフロー: 非表示;
}
.multi-handles-m .multi-handles-inner {
幅:100%;
マージン: 2% 自動 5% 自動;
}
.multi-handles-m .multi-handles-inner .left-image{
位置:相対;
幅:100%;
}
.multi-handles-m .multi-handles-inner .right-images{
幅:100%;
ディスプレイ:フレックス;
カラムギャップ:1.2%;
行ギャップ:1%;
フレックスラップ:ラップ;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
幅:49.4%;
位置:相対;
表示: テーブル;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
幅:100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
垂直配置: 中央;
表示: テーブルセル;
背景色: 未設定;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
位置:絶対;
左:5%;
幅:95%;
テキスト整列:左;
下:1.5レム;
色:#fff;
フォントサイズ:1.25rem;
行の高さ:1.5rem;
}
.freedom .text-block {
パディングトップ:10%;
}
.freedom .banner-image .caption {
最下位: 4%。
フォントサイズ: 1.25rem;
行の高さ: 1.5rem;
}
.freedom .imgs .collection-image .caption {
フォントの太さ:標準;
フォントサイズ: 1.25rem;
行の高さ: 1.5rem;
}
}
@media 画面と (最大幅:500px) {
.first-banner .text-block {
左: 0;
トップ: 10%;
テキスト整列: 中央;
幅: 100%;
}
.first-banner .text-block .title {
フォントサイズ: 2.5rem;
行の高さ: 2.75rem;
}
.first-banner .text-block .title スパン{
フォントの太さ:標準;
}
.first-banner .text-block .content {
フォントサイズ: 1.05rem;
行の高さ: 1.35rem;
マージントップ: 1レム;
色: #eee;
}
.simple-features {
ディスプレイ:なし;
}
.ビデオボタン {
表示: ブロック;
幅: 40ピクセル;
高さ: 40ピクセル;
}
/***モバイル静的ブロック**/
.static-block-m {
最小高さ:300ピクセル;
位置:相対;
背景: #000;
パディングボトム: 0;
}
.static-block-m .banner-image{
位置:相対;
幅:100%;
}
.static-block-m .box-ratio {
背景色: 未設定;
}
.static-block-m .box-ratio img{
背景色: 未設定;
}
.static-block-m .text-block{
位置: 未設定;
幅:100%;
テキスト整列: 左;
マージントップ:0;
パディング:12.5% 2% 7.5% 5%;
}
.static-block-m .text-block .title{
色: #fff;
フォントサイズ: 2.55rem;
行の高さ: 3rem;
マージン-ボトム: 0.5rem;
}
.static-block-m .text-block .content{
色: #ccc;
フォントサイズ: 1.05rem;
行の高さ: 1.35rem;
マージントップ: 1レム;
}
.static-block-m .caption{
色: #fff;
フォントサイズ: 1rem;
行の高さ: 1.25rem;
位置: 絶対;
幅:92.5%;
テキスト整列: 左;
上: 設定を解除します。
左:5%;
下:5%;
}
.m-ステーション .テキストブロック {
パディングトップ:3%;
}
.adjustable .text-block .content {
フォントサイズ: 1.05rem;
}
.statisfy-needs .caption {
フォントサイズ: 1.3rem;
行の高さ: 1.5rem;
}
.statisfy-needs .text-block {
位置: 絶対;
幅: 100%;
テキスト整列: 左;
マージントップ: 0;
パディング: 12.5% 2% 5% 5%;
トップ: 0;
左: 0;
}
.neat .text-block {
パディングボトム: 0;
}
.sidetop .text-block {
パディングボトム: 0;
}
.optimal {
パディングトップ:2.5%;
}
.optimal .text-block {
パディングボトム: 0;
}
.optimal .banner-image {
幅: 100%;
マージン:0;
}
.sidetop .banner-image {
幅: 100%;
マージン左:0;
}
.multi-handles-m {
幅: 100%;
背景: #000;
高さ: 自動;
表示: ブロック;
オーバーフロー: 非表示;
}
.multi-handles-m .multi-handles-inner {
幅:100%;
マージン: 2% 自動 5% 自動;
}
.multi-handles-m .multi-handles-inner .left-image{
位置:相対;
幅:100%;
}
.multi-handles-m .multi-handles-inner .right-images{
幅:100%;
ディスプレイ:フレックス;
カラムギャップ:1.2%;
行ギャップ:1%;
フレックスラップ:ラップ;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
幅:49.4%;
位置:相対;
表示: テーブル;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
幅:100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
垂直配置: 中央;
表示: テーブルセル;
背景色: 未設定;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
位置:絶対;
左:5%;
幅:95%;
テキスト整列:左;
下:1.5レム;
色:#fff;
フォントサイズ:0.85rem;
行の高さ:1.2rem;
}
.freedom .text-block {
パディングトップ:10%;
}
.freedom .banner-image .caption {
最下位: 4%。
フォントサイズ: 0.9rem;
行の高さ: 1.25rem;
}
.freedom .imgs .collection-image .caption {
フォントの太さ:標準;
フォントサイズ: 0.9rem;
行の高さ: 1.15rem;
}
}
@media 画面と (最大幅:380px) {
.first-banner .text-block .title {
フォントサイズ: 2.15rem;
行の高さ: 2.5rem;
}
.first-banner .text-block .title スパン{
フォントの太さ:標準;
}
.first-banner .text-block .content {
フォントサイズ: 1.05rem;
行の高さ: 1.35rem;
マージントップ: 1レム;
色: #eee;
}
.simple-features {
ディスプレイ:なし;
}
.ビデオボタン {
表示: ブロック;
幅: 40ピクセル;
高さ: 40ピクセル;
}
/***モバイル静的ブロック**/
.static-block-m {
最小高さ:300ピクセル;
位置:相対;
背景: #000;
パディングボトム: 0;
}
.static-block-m .banner-image{
位置:相対;
幅:100%;
}
.static-block-m .box-ratio {
背景色: 未設定;
}
.static-block-m .box-ratio img{
背景色: 未設定;
}
.static-block-m .text-block{
位置: 未設定;
幅:100%;
テキスト整列: 左;
マージントップ:0;
パディング:12.5% 2% 5% 5%;
}
.static-block-m .text-block .title{
色: #fff;
フォントサイズ: 2.25rem;
行の高さ: 2.5rem;
マージン-ボトム: 0.5rem;
}
.static-block-m .text-block .content{
色: #ddd;
フォントサイズ: 1rem;
行の高さ: 1.25rem;
マージントップ: 0;
}
.static-block-m .caption{
色: #fff;
フォントサイズ: 1rem;
行の高さ: 1.25rem;
位置: 絶対;
幅:92.5%;
テキスト整列: 左;
上: 設定を解除します。
左:5%;
下:5%;
}
.m-ステーション .テキストブロック {
パディングトップ:3%;
}
.adjustable .text-block .content {
フォントサイズ: 0.95rem;
}
.statisfy-needs .caption {
フォントサイズ: 1.15rem;
行の高さ: 1.25rem;
}
.statisfy-needs .text-block {
位置: 絶対;
幅: 100%;
テキスト整列: 左;
マージントップ: 0;
パディング: 9.5% 2% 7.5% 5%;
トップ: 0;
左: 0;
}
.neat .text-block {
パディングボトム: 0;
}
.sidetop .text-block {
パディングボトム: 0;
}
.optimal {
パディングトップ:2.5%;
}
.optimal .text-block {
パディングボトム: 0;
}
.optimal .banner-image {
幅: 100%;
マージン:0;
}
.sidetop .banner-image {
幅: 100%;
マージン左:0;
}
.multi-handles-m {
幅: 100%;
背景: #000;
高さ: 自動;
表示: ブロック;
オーバーフロー: 非表示;
}
.multi-handles-m .multi-handles-inner {
幅:100%;
マージン: 2% 自動 5% 自動;
}
.multi-handles-m .multi-handles-inner .left-image{
位置:相対;
幅:100%;
}
.multi-handles-m .multi-handles-inner .right-images{
幅:100%;
ディスプレイ:フレックス;
カラムギャップ:1.2%;
行ギャップ:1%;
フレックスラップ:ラップ;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
幅:49.4%;
位置:相対;
表示: テーブル;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
幅:100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
垂直配置: 中央;
表示: テーブルセル;
背景色: 未設定;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
位置:絶対;
左:5%;
幅:95%;
テキスト整列:左;
下:1.5レム;
色:#fff;
フォントサイズ:0.85rem;
行の高さ:1.2rem;
}
.freedom .text-block {
パディングトップ:10%;
}
.freedom .banner-image .caption {
最下位: 4%。
フォントサイズ: 0.9rem;
行の高さ: 1.25rem;
}
.freedom .imgs .collection-image .caption {
フォントの太さ:標準;
フォントサイズ: 0.9rem;
}
}
DJI Ronin 4D
バックパック
創造の力を運ぶ
<リ>
カスタマイズされたデザイン
<リ>
統合創造プラットフォーム
<リ>
ワンストップのストレージ ソリューション
<リ>
常に快適に持ち運べます
作業と保管の両方のニーズを満たす
モバイル
ワークステーション
Ronin 4D の本体は、Beetle カメラ クリップを介して
バックパネルに固定できます。
調節可能な
カメラ ストラップ
ジンバルとカメラを
体の前で柔軟かつ簡単に使用できます。
すべてが
きちんと整理されている
サイド+トップヒート
コンセント
フロントフラップのベルクロの助けを借りて、一年中使用するのに最適です。
ショルダー
ストラップストア
スマートフォン
すばやく簡単な方法でスマートフォンにアクセスします。
フロントポケット
アクセサリーを収納
ハードドライブ、メモリカード、データケーブルなど
最適な
負荷転送
このバックパックは、OneMo2 の高度なキャリングシステムを継承しており、高度に設計されたバックパネルと、重量を均一に分散するための複数のストラップを備えています。
取り外し可能なウエストストラップ
柔らかいパッドにより圧力が大幅に軽減されます
EAVフォームとスキューバニット
生地がさらなる快適さをもたらします
調節可能な胸骨
ストラップで呼吸が楽に
スタビライザー ストラップは荷重のバランスをとるのに役立ちます
どこでも
働く自由
ブラックカラーと防滴PUコーティングにより、屋外での一日に
最適なバックパックになります。
防滴YKKジッパーが
さらなる安心感をもたらします。
底部には特殊な耐摩耗性
素材を使用しており、激しい使用にも耐えられます。
DJI Ronin 4D
バックパック
創造の力を運ぶ
<リ>
カスタマイズされたデザイン
<リ>
統合創造プラットフォーム
<リ>
ワンストップのストレージ ソリューション
<リ>
常に快適に持ち運べます
作業と保管の両方のニーズを満たす
モバイル対応プラットフォーム
スマートな保管ソリューション
調節可能な
カメラ ストラップ
ジンバルとカメラを
体の前で柔軟かつ簡単に使用できます。
すべてがきちんと整理されている
サイド+トップヒート
コンセント
フロントフラップのベルクロの助けを借りて、一年中使用するのに最適です。
スマートフォンを収納できるショルダーストラップ
すばやく簡単な方法でスマートフォンにアクセスします。
フロントポケット
アクセサリーを収納
ハードドライブ、メモリカード、データケーブルなど
最適な負荷
転送
このバックパックは、OneMo2 の高度なキャリング システムを継承しており、高度に設計されたバックパネルと、重量を均一に分散するための複数のストラップを備えています。
取り外し可能なウエストストラップ
柔らかいパッドにより圧力が大幅に軽減されます
スタビライザー ストラップは荷重のバランスをとるのに役立ちます
EAVフォームとスキューバニット
生地がさらなる快適さをもたらします
調節可能な胸骨
ストラップで呼吸が楽に
どこでも
働く自由
ブラックカラーと防滴PUコーティングにより、屋外での一日に
最適なバックパックになります。
防滴YKKジッパーがさらなる安心感をもたらします。
底部の特別な耐摩耗性
素材は激しい使用に耐えます。