.pc {
      display: block;
      margin:auto;
}
.sp {
      display: none;
      margin:auto;
}

@media screen and (max-width: 640px){
    .pc {
      display: none;
	}
    .sp {
      display: block;
	}
    #header{
	  overflow:hidden;
	}
	.row,
    .row img,
	.row div{
       max-width:100%;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    .row{
	   padding: 0 20px;
	}
	.sns_block {
      padding-bottom: 50px;
      padding-top: 50px;	
	}
	.doku{
      height: auto;
	}
	.doku_intro {
      padding-bottom: 100px;
      padding-top: 152px;
      width: 700px;
	}
	
	.doku_ill_list h2 {
      margin: 50px auto;
      width: 400px;
	}
	
	.rule .step {
	  font-size: 22px;
	}
	body{
	  background: rgba(0, 0, 0, 0) url("../img/bg.jpg") repeat scroll 0 center;
	}	
	.fglb01-bottom .rohto-logo p.logo {
      float: left;
    }
    .footer_corp {
      float: left;
      width: 60%;
	}
	.fglb01-bottom .rohto-logo {
	}
	.rule h3 {
	   width: auto;
	}
	.fglb01-bottom .rohto-logo p.sub-rohto-logo {
      float: right;
      margin: 0 41px 16px;
      width: 15%;
	}
    .inbox_sp{
       margin-top:-130px;
	   padding:0px 0px 30px;
	}
    .inbox_sp .row{
        background: #FFF;
		padding-bottom: 15px;
	}
    .next{
    	top: -25px;
	}
}