@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
 レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く */
}

/************************************
子テーマのCSS
************************************/





/* サイト全体にスクロールバーのデザインを適用 */
::-webkit-scrollbar {
  width: 10px; /* スクロールバー本体の幅 */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* 背景（トラック）部分の色 */
}

::-webkit-scrollbar-thumb {
  background: #aaa; /* つまみ（サム）の色 */
  border-radius: 6px; /* 丸みを付けて柔らかい印象に */
}

::-webkit-scrollbar-thumb:hover {
  background: #999; /* ホバー時に少し濃くして視認性アップ */
}