@charset "UTF-8";
/* CSS Document */


body{
	background-color:#c6b3a3;}
	
.headkuro{
	display:block;
	padding:4px 4px 4px 20px;
	width:100%;
	height:40px;
	text-align:left;
	background-color:#422309;}
	
.wrapperrichpo{
	margin:0 auto;
	width:100%;
	}	
	
.innerrichpo{
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.innerrichpo p{
	font-size:20px;
	float:left;
	margin-right:20px;}
	
.innerrichpo2{
	position:relative;
	background-color:#FFFFFF;
	margin:0 auto;
	max-width:860px;
	height:1200px;
	width:100%;}
	
.innerrichpo2 img,.start img{
	width:100%;
	height:auto;}
	
.start{
	position:absolute;
	top:60%;
	left:14%;
	width:168px;
	height:auto;}
	

	
	
	
/*全体トップページ*/

.rpotop{
	position:relative;
	max-width:949px;
	width:100%;
	height:343px;
	border:#000 1px solid;
	margin:8px auto 10px;
	overflow:hidden;
	background-color:#000;}
	
.rpop1{
	position:absolute;
	top:36%;
	left:0;
	width:100%;
	height:auto;}

.rpop2{
	position:absolute;
	top:5%;
	left:22%;
	width:65%;
	height:auto;}
	
.rpop3{
	position:absolute;
	top:12%;
	left:4%;
	width:17%;
	height:auto;}
	
.rpop4{
	position:absolute;
	top:64%;
	left:6%;
	width:45%;
	height:auto;}
	
.rpop5, .rpop6{
	position:absolute;
	display:none;}
	
.rpopstart{
	position:absolute;
	top:22%;
	left:4%;
	width:12%;
	height:auto;}
	
.rpop1 img,.rpop2 img,.rpop3 img,.rpop4 img,.rpop5 img,.rpop6 img,.rpopstart img{
	width:100%;
	height:auto;}
	
.rpobun{
	position:absolute;
	top:19%;
	left:28%;
	width:60%;
	font-size:14px;
	letter-spacing:-1px;
	color:#fff;
	}

.kuwarpo{position:absolute;
	top:88%;
	left:84%;
	font-size:14px;
	letter-spacing:-1px;}


@media only print{
	
	
.wrapperrichpo{
	width:860px;
	height:1200px;
	background-image:url(richpor2019print.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;}
		

.noprint {display: none;}
	
}



@media only screen and (max-width: 859px){

.innerrichpo2{
	width:100%;
	height:auto;}


}


@media only screen and (max-width: 840px){

/*トップページ*/
.rpotop{
	height:310px;}
	
	
.kuwarpo{
	left:80%;}

.rpobun{
	font-size:13px;}	
	
}

@media only screen and (max-width: 768px){


.start{
	width:20%;}
	
/*トップページ*/
	
.rpotop{
	height:280px;}
	
.rpobun{
	font-size:13px;
	left:24%;
	width:74%;}	


	
}


@media only screen and (max-width: 640px){

/*トップページ*/

.rpotop{
	height:280px;}
	
.rpop1{
	top:38%;}
	
.rpobun{
	top:19%;
	font-size:12px;}

.kuwarpo{
	left:76%;
	font-size:13px;}
	
	
}


@media only screen and (max-width: 480px){

	
.rpotop{
	height:650px;}
	
.rpop1,.rpop2{
	display:none;}
	
.rpop5{
	display:inherit;
	top:31%;
	width:100%;
	height:auto;}
	
.rpop6{
	display:inherit;
	top:6%;
	left:15%;
	width:70%;
	height:auto;}
	
.rpop3{
	top:1%;
	left:4%;
	width:30%;
	height:auto;}
	
.rpop4{
	top:78%;
	left:6%;
	width:70%;
	height:auto;}
	
.rpopstart{
	top:35%;
	left:6%;
	width:22%;}
		
.rpobun{
	top:20%;
	left:10%;
	width:85%;
	font-size:13px;}

.kuwarpo{
	top:95%;
	left:68%;
	font-size:13px;}

	
}

@media only screen and (max-width: 414px){

.rpotop{
	height:580px;}

}

@media only screen and (max-width: 375px){

.rpotop{
	height:520px;}
	
.rpobun{
	top:19%;
	left:5%;
	width:90%;
	font-size:12px;}
	
.kuwarpo{
	left:60%;}


}

@media only screen and (max-width: 360px){

.rpotop{
	height:500px;}


}



@media only screen and (max-width: 320px){

.rpotop{
	height:450px;}
	
.rpobun{
	font-size:11px;}


}