/* ===================================================================
   image-protection.css - Image Protection Styles
   株式会社シグナス 画像保護用スタイルシート
   =================================================================== */

/* ===================================================================
   Basic Image Protection
   =================================================================== */
img {
  /* 右クリック防止 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  /* ドラッグ防止 */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  
  /* 長押し保存防止（モバイル） */
  -webkit-touch-callout: none;
  pointer-events: auto;
}

/* ===================================================================
   Background Images Protection
   =================================================================== */
.hero picture,
.hero img,
[style*="background-image"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

/* ===================================================================
   Logo and Icon Protection
   =================================================================== */
.logo img,
footer img,
#footer img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

/* ===================================================================
   Service/Recruit Images Protection
   =================================================================== */
#top_service img,
#recruit_contents img,
.service-card-icon img,
.dev-flow-icon img,
.flow-icon img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

/* ===================================================================
   Allow Interaction on Clickable Images
   =================================================================== */
a img {
  /* クリック可能な画像はpointer-eventsを有効化 */
  pointer-events: auto;
  cursor: pointer;
}

/* ===================================================================
   Prevent Context Menu Overlay
   =================================================================== */
::selection {
  background: transparent;
}

::-moz-selection {
  background: transparent;
}

/* ===================================================================
   Additional Mobile Protection
   =================================================================== */
@media (max-width: 767.98px) {
  img,
  picture,
  [style*="background-image"] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}