Garoonのポータルをスマホでは非表示にしたい

GaroonのHTMLポートレットをスマホで見る場合(PC表示含む)、非表示にしたいのですが、うまくいきません。
どなたかご存じの方、ご教示いただけないでしょうか。

コードは以下の通りです。

	<iframe id="iframe" frameborder="0" src="https://****.cybozu.com/k/****/" style="min-height:350px; min-width:100%;" ></iframe>
/* スマホではiframeの背景を灰色にし、コンテンツを見えなくする */
<style type="text/css">
@media (max-width: 768px) {
  #iframe {
      background-color: gray;
      pointer-events: none; /* クリックなどのイベントを無効化 */
      opacity: 0.5; /* 半透明にする場合 */
  }
}
</style>

display : none
も試しましたが、スマホで見た場合kintoneのスマホアプリ画面が出てしまいます。

コメント失礼しました。:man_bowing:

/* スマホではiframeを非表示にする */ @media (max-width: 768px) { #iframe { display: none; pointer-events: none; /* クリックなどのイベントを無効化 */ } }

の部分をcssファイルに分けて制御できるか試してみましたが、kintoneモバイルアプリの画面が出てしまいました。
※画面上部のポータル部分