横スクロールのスクロールバーを消したい

Question

前提・実現したいこと

CSSで横スクロールUI（スクロールバーなし）を再現しているのですが、スクロールバーが出てしまいます。
修正箇所を教えていただけますと助かります。

発生している問題・エラーメッセージ

スクロールバーが消えない（PC表示で）

該当のソースコード

<div class="horizontal_scroll_wrap">
   <ul class="scroll_lst">
       <li class="scroll_item">
           <a href="" class="scroll_item_inr">
               <div class="scroll_item_thum">
                   <img src="http://blog.keisuke11.com/wp-content/uploads/2017/04/click-event-after-add-300x158.jpg" alt="" width="300" height="158" class="alignnone size-medium wp-image-986" />
               </div>
               <div class="scroll_item_info">
                   <h4 class="scroll_item_ttl">clickイベントが効かない？appendで後から追加した要素にクリックイベントを追加する方法</h4>
               </div>
           </a>
       </li>
      <li class="scroll_item">
           <a href="" class="scroll_item_inr">
               <div class="scroll_item_thum">
                   <img src="http://blog.keisuke11.com/wp-content/uploads/2017/04/click-event-after-add-300x158.jpg" alt="" width="300" height="158" class="alignnone size-medium wp-image-986" />
               </div>
               <div class="scroll_item_info">
                   <h4 class="scroll_item_ttl">clickイベントが効かない？appendで後から追加した要素にクリックイベントを追加する方法</h4>
               </div>
           </a>
       </li>
      <li class="scroll_item">
           <a href="" class="scroll_item_inr">
               <div class="scroll_item_thum">
                   <img src="http://blog.keisuke11.com/wp-content/uploads/2017/04/click-event-after-add-300x158.jpg" alt="" width="300" height="158" class="alignnone size-medium wp-image-986" />
               </div>
               <div class="scroll_item_info">
                   <h4 class="scroll_item_ttl">clickイベントが効かない？appendで後から追加した要素にクリックイベントを追加する方法</h4>
               </div>
           </a>
       </li>
      <li class="scroll_item">
           <a href="" class="scroll_item_inr">
               <div class="scroll_item_thum">
                   <img src="http://blog.keisuke11.com/wp-content/uploads/2017/04/click-event-after-add-300x158.jpg" alt="" width="300" height="158" class="alignnone size-medium wp-image-986" />
               </div>
               <div class="scroll_item_info">
                   <h4 class="scroll_item_ttl">clickイベントが効かない？appendで後から追加した要素にクリックイベントを追加する方法</h4>
               </div>
           </a>
       </li>
      <li class="scroll_item">
           <a href="" class="scroll_item_inr">
               <div class="scroll_item_thum">
                   <img src="http://blog.keisuke11.com/wp-content/uploads/2017/04/click-event-after-add-300x158.jpg" alt="" width="300" height="158" class="alignnone size-medium wp-image-986" />
               </div>
               <div class="scroll_item_info">
                   <h4 class="scroll_item_ttl">clickイベントが効かない？appendで後から追加した要素にクリックイベントを追加する方法</h4>
               </div>
           </a>
       </li>
</ul>
</div>

.horizontal_scroll_wrap{
    background: #f1f1f1;
    height: 240px;
    overflow-y: hidden;
    margin: 0 -10px;
}
.scroll_lst {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 50px;
    margin: 25px 0 0;
    -webkit-overflow-scrolling: touch;
}
.scroll_item {
    margin-right: 10px;
    display: inline-block;
    width: 220px;
    border: 1px solid #ddd;
    background: #fff;
}
.scroll_item:first-child {
    margin-left: 10px;
}

.scroll_item_inr {
    display: block;
}
.scroll_item_info {
    white-space: normal;
    padding: 8px;
}
.scroll_item_ttl {
    font-size: 12px;
    color: #484848;
    line-height: 1.4;
    margin-bottom: 0;
}

試したこと

画像サイズやマージンサイズなどをいじってみましたが、変化がないので元に戻しました。
スマホではバーは消えていますが、PCで表示されてしまいます。

補足情報（FW/ツールのバージョンなど）

表示結果
https://codepen.io/yuka-yokoi/pen/roXgVO

参考にしたサイト
http://blog.keisuke11.com/webdesign/horizontal-scroll/

ここにより詳細な情報を記載してください。

Answer 1

これのことでしょうか。

.horizontal_scroll_wrap {
	background: #f1f1f1;
	height: 240px;
	overflow-y: hidden;
	/* margin: 0 -10px; */
}

Comments

[cherryz]

素早いご回答をありがとうございます！スクロールバーが消えました。
私が勘違いしていたようなのですが、このcssはスマホでスクロールできるもので、PCでも同様にスクロールバーなしでスライダーになるものではないのですね・・・。レスポンシブだと期待していたのですが・・。

[kei344]

そうですね。スクロールバーを出せばよいと思いますが、出さないならJavaScriptで処理する必要がありますね。