* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif,"Hiragino Kaku Gothic Pro","Osaka","lroSVbN";
	font-style: normal;
	font-weight: normal;
	line-height: 1.0;
	-webkit-text-size-adjust:none;
	text-decoration: none;
	line-height : 1.3em;
}

A{
  text-decoration : none;
}

<STYLE type="text/css">
<!--


.top {
	height: auto;
	width: 240px;
}

.clear{
	clear:both;
}/*---回り込み解除---*/

/*--------------------入れ物--------------------------*/

.bbsbody{
background-color:#FFCCFF;
}

.container_all{
width:100%;
}

.container_banner{
width:94%;
background-color:#FFFFFF;
margin:0 auto;
margin-top:3px;
margin-bottom: 3px;
border: 1px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: px;
overflow: hidden;  }



/*--------------------画像に影--------------------------*/

.画像に影{
    margin: 4px 6px 4px 6px;
    float:left;
    width:135px;
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.thread-thumb{
    margin: 4px 6px 4px 6px;
    float:left;
    width:135px;
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.画像に影b{
    margin: 4px 7px 4px 4px;
float:left;
width:110px;
height:85px;
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}


.shadow{
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.piti{
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.piti2{
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.sikou{
    margin: 4px 6px 5px 1px;
    float:left;
    width:130px;
    border: 1px solid #000000;

    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}


.kikan{
    border: 1px solid #000000;
    margin-top: 2px;
    margin-bottom: 15px;
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

/*--------------------アンカーテキスト--------------------------*/

.テキスト {
text-decoration: none;
}

/*--------------------バックグランド--------------------------*/

.back1 {
background:url(https://img.peta2.jp/img/upload/th/0455000-0456000/0455671/co_4_1_org.gif)
background-repeat:  no-repeat;
}

#b1 {
background-image: url(http://spdoga.net/M1/e-top/la1.php) ;
}
#b2 {
background-image: url(http://spdoga.net/M1/e-top/la2.php) ;
}
#b3 {
background-image: url(http://spdoga.net/M1/e-top/la3.php) ;
}

#b4 {
background-image: url(http://spdoga.net/M1/e-top/la4.php) ;
}
#b5 {
background-image: url(http://spdoga.net/M1/e-top/la5.php) ;
}




/*--------------------menu--------------------------*/




.menu{

margin:0 auto;
}




/*--------------------coler--------------------------*/


.red
{
color: red;
font-size: 18px;
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;

-webkit-shadow: 0px  2px  3px gray;
    -moz-shadow: 0px  2px  3px gray;
    text-shadow: 0px  2px  3px gray;
}

.hotpink
{
color: hotpink;
font-size: 20px;
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;

-webkit-shadow: 0px  2px  3px gray;
    -moz-shadow: 0px  2px  3px gray;
    text-shadow: 0px  2px  3px gray;
}

.white
{
color: white;
font-size: 20px;
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;

-webkit-shadow: 0px  2px  3px gray;
    -moz-shadow: 0px  2px  3px gray;
    text-shadow: 0px  2px  3px gray;
}

.white2
{
color: white;
font-size: 19px;
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;

-webkit-shadow: 0px  2px  3px gray;
    -moz-shadow: 0px  2px  3px gray;
    text-shadow: 0px  2px  3px gray;
}


.container_body_text1{
text-align:center;
margin-left:80px;
}
.container_body_text2{
font-size:12px;
text-align:center;
}
.container_body_text3{
text-align:left;
margin-left:90px;
}
.container_body_text4{
text-align:left;
margin-left:80px;
}

.blue {
color: blue;
font-size: 20px;
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;

-webkit-shadow: 0px  3px  5px gray;
-moz-shadow: 0px  3px  5px gray;
text-shadow: 0px  3px  5px gray;
}

.style2
 {color: #0000CC}

.style3
 {color: #0099FF}

.style4
{color: #FF6600}

.style6
{color: #CC6600}

.style8
 {font-size: 16}

.style9
 {font-size: 18px; color: #FF0000;}

.style10
 {color: #FF66CC}

.style11
 {color: #FFFFFF}

.style15 {
	font-size: 35px;
	color: #666666;
}
.style17 {color: #FF99CC}





/*--------------------スレボタン--------------------------*/

.sp-title {
    border: 1px solid rgba(255,255,255, 0.5);
    margin: 0px 10px 0px 85px;
    padding: 6px 12px;
    border-radius: 16px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}


/*--------------------反応カラー--------------------------*/


div.thread:hover, div.thread a:hover {
    color: #000000;
}
div.thread:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(221,241,249,1)), color-stop(100%,rgba(160,216,239,1))) !important;
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%) !important;
}



/*--------------------PC--------------------------*/

/*-- メイン枠▼ --*/
#main {
   width: 100%;
}

#contents {
   margin: 0 150px;    /* 両端 150px のマージンを設定します。*/
}


/*-- 左枠▼ --*/
#menu {
   position: absolute;
   top: 274;
   left: 0;          /* position 指定の親要素 wrapperが基準になります。*/
   width: 160;
   background-repeat : repeat ;
   background-color: #FFFFFF;
   margin-right:3px;}

/*-- 右枠▼ --*/
#affiliate {
   position: absolute;
   top: 280px;
   right: 0;         /* position 指定の親要素 wrapperが基準になります。*/
   width: 150px;
   background-color: #FFFFFF;
   margin-right:3px;
   background-repeat : repeat ;
}
/*-- 下枠▼ --*/
#footer {
   clear: both;      /*上部にfloat使用した場合のためにクリアしています。*/
   width: 100%;
   height: 50px;
}
#menu ul {
   list-style: none;
}

/*---文字ｻｲｽﾞ-----*/
.xs { font-size: xx-small } /* 小2 */
.xm { font-size: x-small }  /* 小1 */
.sm { font-size: small }    /* 小 */
.md { font-size: medium }   /* 標準 */
.la { font-size: large }    /* 大 */
.xr { font-size: x-large }  /* 大1 */
.xl { font-size: xx-large } /* 大2 */
.sr { font-size: smaller }  /* 一段階小さい */
.lr { font-size: larger }   /* 一段階大きい */
.pt { font-size: 10pt }     /* 10pt */
.px { font-size: 20px }     /* 20px */
.pe { font-size: 200% }     /* 200% */


/*----共有 by y----*/

.clr {
    overflow: hidden;
}
.left-box {
    float: left;
}
.right-box {
    float: left;
    margin-top: 10px;
    width: calc(100% - 150px);
}


/*-----DL画面 by y-----*/
.download {
    font-size: 19px;
    padding: 2px 2px 2px 50px
}
.download-2 {
    font-size: 19px;
    padding: 2px 2px 2px 50px
}
.pink {
    background: #fe2e9a;
}
.dl-title {
    font-size: 17px;
    padding: 9px 10px;
    color: #ffffff;
    /*border-left: 10px solid #d766b9;*/
    position: relative;
}
.dl-img{
    margin: 4px 0px 4px 4px;
    float:left;
    width:130px;
    border: 1px solid #000000;

}
.tag-link{
    background: #fff;
    color: #000;
    position: absolute;
    right: 19px;
    padding: 4px 10px;
    right: 5px;
    bottom: 5px;
}
.comment-area {
    width: 100%;
    padding: 0px 10px 0 11px;
    box-sizing: border-box;
    color: #000;
}
.download-area {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

/* トップ更新 */
h2 {
 background: linear-gradient(
    to right top,
    #7F28FF,
    #4F28FF,
    #6F28FF,
    #AF28FF,
    #BF28FF
  );
  border-radius: 3px;
  color: #fff;
  font-size: 24px;
  line-height: 25px;
  padding: 7px 5px;
}

.left-img{
    width: 135px;
    border:1px solid #000;
    margin: 5px;
}
.thread-update-title {
    padding-left: 10px;
    color:blue;
}
.thread-update-comment1 {
    padding-left: 10px;
    color:blue;
}
.thread-update-comment2 {
    padding-left: 10px;
    color:black;
}
.update-pr {
    text-align: center;
    padding: 4px 5px;
    width: 162px;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
    color:black;
}
span.update-title {
}
span.update-num {
}

/* ピーチ by y */
.movie_pad {
    border-bottom:1px solid #fe2e9a;
}
.number-area{

    color: #000;
}
.number-no{
    padding: 0px 0px 0px 7px;
}
.number{
    padding: 0px 0px 0px 0px;
}
.title{
    padding: 0px 0px 0px 7px;
    color: #000;
}
.piti-img{
    border: 1px solid #000000;

}
.piti-img-area {
    text-align: center;
    size: 100%;

}
.piti-comment-area {
    text-align: center;
    color: #000;
}
.piti-download-area {
    font-size: 23px;
    text-color: #1e90ff;
    text-align: right;
    padding: 5px 13px 5px 3px;
}
.download-3 {
    font-size: 23px;
}

.cafe {
    margin: 3px;
    padding: 3px;
}

.pink {
 background: linear-gradient(
    to right top,
    #9200C3,
    #E100BB
  );
}



<!--------ハンバーガー--------->


.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: ffebe0;
}

.logo {
  font-size: 23px;
}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 18px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}


.noauth-img{
	-ms-filter: blur(4px);
	filter: blur(4px);
}



/*---カテ,タグ共通--*/
section {
  max-width: 600px;
  margin: 5em auto 2.5em;
  position: relative;
}

section:before {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  color: #fff;
  background: #bababa;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  z-index: +1;
  display: flex;
  justify-content: center;
  align-items: center;
}
body:nth-of-type(1) section {
  counter-increment: section;
}
body:nth-of-type(1) section:before {
  content: counter(section);
}
section:first-child {
  margin-top: 3em;
}
section ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}


/*---カテゴリ用CSS---*/

.tag_area05 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 3pxx;
}
.tag_area05 ul li {
  display: inline-block;
  margin: 0 .1em .3em 1em;
  padding: 0;
}
.tag_area05 ul li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 0.4em;
  background-color: #4F28FF;
  border-radius: 9px 9px 9px 9px;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.tag_area05 ul li a::before {
  position: absolute;
  top: 0;
  left: -14px;
  content: '';
  width: 0;
  height: 0;
  border-color: transparent #36aec9 transparent transparent;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.tag_area05 ul li a::after {
  position: absolute;
  top: 50%;
  left: -5px;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}
.tag_area05 ul li span {
  display: block;
  max-width: 60px;
  min-width: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tag_area05 ul li a:hover {
  background-color: #555;
  color: #fff;
}
.tag_area05 ul li a:hover::before {
  border-right-color: #555;
}


/*---タグ用---*/

section {
  max-width: 600px;
  margin: 5em auto 2.5em;
  position: relative;
}

section:before {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  color: #fff;
  background: #bababa;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  z-index: +1;
  display: flex;
  justify-content: center;
  align-items: center;
}
body:nth-of-type(1) section {
  counter-increment: section;
}
body:nth-of-type(1) section:before {
  content: counter(section);
}
section:first-child {
  margin-top: 3em;
}
section ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tag_area01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tag_area01 ul li {
  margin: 0 .3em .3em 0;
}
.tag_area01 ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100px;
  height: 25px;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  box-sizing: border-box;
}
.tag_area01 ul li a:hover {
  background-color: #2196F3;
  border: 1px solid #2196F3;
  color: #fff;
}
.tag_area01 ul li a:before {
  content: "#";
  padding-right: 2px;
}
.no3 {
  letter-spacing: 0.7em;
  font-size: 21px;
  font-style:italic;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

