PIPEDAコンプライアンス

#フォーム-pipeda-アカウント編集リクエスト、

#form-pipeda-requests-request、

#個人情報リクエストフォーム

#フォームパイプ注文リクエスト、

#個人データ報告リクエストのパイプフォーム、

#form-pipeda-delete-account-request{

表示: なし;

#パイプページボタン {

背景色: 透明;

境界線: 0;

border-bottom: 1px 黒一色;

パディング: 0px;

/* モーダル背景 */

#データ検証の背景 {

表示: なし;

位置: 固定;

zインデックス: 1;

パディングトップ: calc(50vh - 83px);

左: 0;

上: 0;

幅: 100%;

高さ: 100%;

オーバーフロー: 自動;

背景色: rgba(0, 0, 0, 0.4);

不透明度: 未設定;

zインデックス: 9999;

/* モーダルの内容 */

#データ検証モーダル{

背景色: #fefefe;

マージン: 自動;

パディング: 16px;

境界線: 1px 実線 #888;

幅: 38%;

不透明度: 1;

/* モーダル閉じるボタン */

.データ検証終了{

色: #aaaaaa;

フロート: 右;

フォントサイズ: 28px;

フォントの太さ: 太字;

行の高さ: 17px;

背景色: 透明;

境界線: 0px;

パディング: 0px;

.データ検証-close:hover {

色: #000;

テキスト装飾: なし;

カーソル: ポインタ;

/* チェックボックスのテキスト */

#データ検証コンテナ p {

表示: インラインブロック;

パディング: 0;

マージン: 0;

行の高さ: 24px;

左パディング: 10px;

垂直位置揃え: 上;

幅: calc(100% - 45px);

#データ検証コンテナ a,

#データ検証コンテナ a:hover {

テキスト装飾: 下線 !important;

色: #4285f4;

#データ検証コンテナ入力{

不透明度: 0;

幅: 0;

高さ: 0;

マージン: 0;

パディング: 0;

/* チェックボックスアイコン */

#データ検証アイコン{

カーソル: ポインタ;

位置: 相対的;

マージン: 自動;

幅: 18px;

高さ: 18px;

-webkit-tap-highlight-color: 透明;

変換: translate3d(0, 0, 0);

上マージン: 2px;

#データ検証アイコン:before {

コンテンツ: "";

位置: 絶対;

上: -7px;

左: -7px;

幅: 32px;

高さ: 32px;

境界線の半径: 50%;

背景: rgba(34, 50, 84, 0.03);

不透明度: 0;

遷移: 不透明度 0.2 秒、イーズ;

#データ検証アイコン svg {

位置: 相対的;

zインデックス: 1;

塗りつぶし: なし;

ストロークの線の長さ: 丸い;

ストロークラインジョイン: 丸い;

ストローク: #c8ccd4;

ストローク幅: 1.5;

変換: translate3d(0, 0, 0);

遷移: すべて 0.2 秒の緩和;

#データ検証アイコン svg パス {

ストロークダッシュ配列: 60;

ストロークダッシュオフセット: 0;

#データ検証アイコン svg ポリライン {

ストロークダッシュ配列: 22;

ストロークダッシュオフセット: 66;

#データ検証アイコン:hover:before {

不透明度: 1;

#データ検証コンテナ:hover #データ検証アイコン svg {

ストローク: #4285f4;

#データ検証アイコン.clicked svg {

ストローク: #4285f4;

#データ検証アイコン.clicked svg パス {

ストロークダッシュオフセット: 60;

遷移: すべて 0.3 秒の線形。

#データ検証アイコン.clicked svg ポリライン {

ストロークダッシュオフセット: 42;

遷移: すべて 0.2 秒の線形。

遷移遅延: 0.15秒

/* アクセシビリティ */

#データ検証アイコン:focus、.data-verification-close:focus、#データ検証コンテナ input:focus ~ #データ検証アイコン svg、#データ検証コンテナ a:focus {

ボックスシャドウ: 0 0 0 3px rgba(21, 156, 228, 0.4);

遷移: すべて 0.3 秒の緩和;

アウトライン: なし;

変換: スケール(1.06);

/* 要素を読み込み中 */

.loading {

表示: なし;

トップ:50vh;

左:50vw;

位置: 固定;

.loading:not(:required):after {

コンテンツ: '';

表示: ブロック;

フォントサイズ: 10px;

幅: 1em;

高さ: 1em;

上マージン: -0.5em;

-webkit-animation: スピナー 1500ms 無限線形;

-moz-animation: スピナー 1500ms 無限線形;

-ms-animation: スピナー 1500ms 無限線形;

-o-アニメーション: スピナー 1500 ミリ秒 無限線形;

アニメーション: スピナー 1500 ミリ秒 無限線形;

境界線の半径: 0.5em;

-webkit-box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0;

ボックスシャドウ: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0;

#pipeda_page .list-unstyled li ボタン {

カーソル: ポインタ;

.show-isense {

遷移: 不透明度 400 ミリ秒 !重要;

.hide-isense {

不透明度: 0 !重要;

遷移: 0.4 秒のイーズアウト;

/* モバイルでの変更 */

@media 画面のみ、(最大幅: 600px) {

#データ検証

注文すべてでカーボンニュートラルな配送
111kg
除去された配送による排出量
つまり...
454
平均的なガソリン車を運転したキロ数
私たちはイノベーションに資金を提供しています...
森林