/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 699px) {
	html,body {
	position:fixed;
	min-width:320px;
	min-height:480px;
	height:100%;
	} 
	
	#container {
	min-width:320px;
	overflow-x:hidden;
	}
	
    
    #logo img{
		width:120px;
	}
    
    #logo02 img{
		width:120px;
	}
    
    #logo{
		position:fixed;
		z-index: 1;
		top: 50%;
		left: 50%;
        margin-top: -182px;
        margin-left: -60px;
	}
    
    #logo02{
		position:fixed;
		z-index: 0;
		top: 50%;
		left: 50%;
        margin-top: -62px;
        margin-left: -60px;
		display:none;
	}
    
	#opningArea li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	.opningImage{
		position: absolute;
		left:50%;
		width:auto;
		height:100%;
	}
 
	#opningCopy  {
		position:fixed;
		top: 50%;
		left: 50%;
        margin-top: -20px;
        margin-left: -26px;
		z-index: 1;
		overflow: visible;
		width: auto;
		height: auto;
	}
     
	#opningCopy li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		overflow: visible;
		width: auto;
		height: auto;
	}
	
	/* サムネイル */	
 	.line_block_set{
	 position:relative;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 overflow:hidden;
	 display:none;
	z-index: 1;
	background:#ffffff;
	 }
	
 	.line_block{
	 width:100%;
	 height:100%;
	 position:absolute;
	 top:0;
	 margin-top:0;
	 }
 
 	.line_block img{
	 width:20%;
	 margin:0;
	 display:block;
	 float:left;
	 }
	
	.back_btn{
	 display:block;
	 float:left;
	
	}
	
	.rps_visible{
		display:block;
	}
	
	.rps_del{
		display:none;
	}
}