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) {
#データ検証
クリーンアップを自分たちで行います。
Eコマースの配送にはカーボンフットプリントが伴います。だからこそ、Shopifyは大気中の二酸化炭素を除去する検証済みのプロジェクトをサポートしています。
配送のすべての二酸化炭素排出量は、重量、配送方法、移動距離に基づいて計算されます。Shopifyは、画期的なプロジェクトによる検証済み炭素除去クレジットを購入することで、排出量を相殺します。


ご購入いただくと、持続可能な未来に向けて取り組む積極的なマーチャントやお客様のコミュニティに参加していだけます。Shopifyは協力して、62百万件以上の配送で二酸化炭素排出量を削減し、45千トン以上の炭素を除去しました。
私たちは、コマースプラットフォームのShopifyによって審査された、先駆的な炭素除去企業のネットワークと提携しています。

