* { 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;
}

hr {
  background-color: #663333;
  color: #663333;
  border-color: #663333;

}

a:link   { color:#d90d0d; }
a:visited{ color:#d90d0d; }
a:active { color:#d90d0d; }
.name    { color:#000000; }
.cap     { color:#000000; }
.quote   { color:#ff3300; }
.comment { color:#05b322; }
.reference { color:#050dff; }
.error   { color:#d10505; }

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

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

.progress {
  border: none;
      width: 1px;
     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;
    }


}

* {
	margin:0px;
	font-size: 16px;
	font-family:'HelveticaNeue',Helvetica,'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
}
/* 上下タイトル */
#top,#bottom{
	color: #ffffff;
	text-align: center;
	padding: 6px 0px;
 	text-shadow: 1px 1px 1px #999999;
	filter: dropshadow(color=#999999, offx=1, offy=1);
	background: -moz-linear-gradient(top, #4f4f4f, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), to(#000000));
	background: linear-gradient(to bottom, #4f4f4f, #000000);
}
#top a:link { color:#ffffff; }
#top a:visited  { color:#ffffff; }
#top a:active  { color:#ffffff; }

/* 上部機能バー */
#link {
	margin-bottom: 5px;
}
/* 下部機能バー */
#linkbt {
	margin-top: 5px;
}
/* スレッド部 */
#thread {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px
}
/* 設定ボタン */
#conf {
	margin-top: 4px;
}
/* 本文 */
#ｔｘｔ {
	padding-right: 16px;
	padding-left: 16px;
}
/* 画像サムネイル */
.img-thumbnail {
 	aspect-ratio: 1 / 1;
 }
/* リアクション */
.rea {
	float:left;
}
#reac {
    clear:  both;
}