/* ========================================
   パフォーマンス最適化設定
   ======================================== */

/* ボール要素の基本設定 */
[class*="ball"] {
    position: absolute !important; /* 重要: absoluteでないと動かない */
    /* GPUアクセラレーション有効化 */
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

/* ボタン要素の基本設定 */
[class*="btn"] {
    /* GPUアクセラレーション有効化 */
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

/* スクロールインジケーターの基本設定 */
.bm_howto_line {
    /* GPUアクセラレーション有効化 */
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    transform-origin: top center;
}


/* ========================================
   リップルエフェクト用設定
   ======================================== */

.bm_prologue_img img,
.bm_cut_logo img,
.bm_cut_item2 img,
.bm_product_cover img,
.bm_howto_img1 img,
.bm_howto_img2 img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: filter, transform;
}

img[style*="filter: url"] {
    transform-origin: center center;
}

/* bm_cut_item_maskの設定 */
.bm_cut_item_mask {
    overflow: hidden !important;
}

.bm_cut_item_mask img {
    display: block;
    width: 100%;
    height: auto;
    will-change: filter, transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}