* { 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;
	background-color:#ffffff;
	color:#000000;
}


.name    { color:#000000; }
.quote   { color:#ff0000; }
.comment { color:#ffff00; }
.error   { color:#ff0000; }

.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;
    }


}