* { font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
* { word-wrap: break-word; overflow-wrap : break-word;}

img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

body {
	margin:10px 0px 0px 0px;
	padding0;
}



.iframes{
 width:100%;
 border:0;
}

.thumbnail {
 width:100px;
 height:auto;
}

.progress {
  border: none;
      width: 170px;
     background-color: hotPink; /* -moz- 用 */
}

.progress::-webkit-progress-bar {
  background-color: red;
}

/* バーの進捗率の表示を変える */
.progress::-moz-progress-bar {
  background-color: red;
}

.progress::-webkit-progress-value {
  background-color: blue;
}

@media screen and (min-width: 480px) {
  /* スマホ */
  .embed-contents {
    width: 100% !important;
    height: 512px !important;
  }
  .embed-imgur {
    width: 100% !important;
  }

  .embed-youtube {
    width: 100% !important;
    height: auto !important;
  }

  .canvas {
    width: 100% !important;
    height: auto !important;
  }
  .resize-contents {
    width: 100% !important;
  }

}

@media screen and (min-width: 896px) {
  .embed-contents {
    width: 512px !important;
    height: auto !important;
  }
  .embed-youtube {
    width: 640px !important;
    height: 360px !important;
  }

  .embed-imgur {
    width: 640px !important;
    height: 640px !important;
  }

  .canvas {
    width: 512px !important;
    height: auto !important;
  }
  .resize-contents {
    width: 512px !important;
  }
}

@media screen and (max-width: 896px) {

  .embed-contents {
    width:100% !important;
    height: auto !important;
  }

  .canvas {
    width:100% !important;
    height: auto !important;
  }
  .resize-contents {
    width:100% !important;
  }
}
@media only screen and (max-width: 750px) {
.pcsize { display: none !important; }
.spsize { display: block !important; }
}
.embed-xvideos,.embed-pornhub,.embed-javynow {
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.scrollbar-hidden {
  overflow: hidden;
  -ms-overflow-style: none; /* IE, Edge  */
  scrollbar-width: none; /* Firefox  */
}

/* Chrome, Safari */
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}



/* スマートフォン用スタイル */
@media only screen and (max-width: 640px) {
    .thumbnail{
        width: 100px;
        height: 75px;
    }

}


/* パソコン用スタイル */
@media only screen and (min-width: 640px) {

    .thumbnail{
        width: 120px;
        height: 90px;
        cursor: pointer;
    }


}

/* グローバルなスタイル */
body {
  background-size: cover;
background-image: url("https://nieru.net/view/data/upload/chatkkr-image1.jpeg");
  background-repeat: no-repeat;
}

/* ダークモード */
.dark-theme {
  background-image: url("https://nieru.net/view/data/upload/chatkkr-image2.png");
  color: #ddd;
transition: .5s;
}
/* 通常のリンクの色（ライトモード） */
a {
  color: blue;
}

/* ダークモード時のリンクの色 */
.dark-theme a {
  color: red;
}

/* ライトモード */
.light-theme {
  background-image: url("https://nieru.net/view/data/upload/chatkkr-image1.jpeg");
transition: .5s;
}

/* モードスイッチ */
.mode-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .mode-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
/* コンテンツエリア */
.container {
  text-align: center;
}

.title {
  font-size: 1.5rem; /* タイトルのフォントサイズを調整 */
}



/* 画像 */
.resizeimage img {
  max-width: 100%; /* 画像がコンテナからはみ出さないように */
  height: auto; /* 高さは自動調整 */
}

/* モバイルデバイス */
@media (max-width: 768px) {
  /* タブレット以下 */
  .container {
    padding: 1rem;
  }

  .title {
    font-size: 1.2rem;
  }
}

/* 小さな画面 */
@media (max-width: 480px) {
  /* スマートフォン以下 */
  .title {
    font-size: 1rem;
  }
}