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


body{
	background-color:#fff;}
	
.headgray{
	display:block;
	padding:4px 4px 4px 20px;
	width:100%;
	height:40px;
	text-align:left;
	background-color:#999;}
	
.wrapperriso{
	margin:0 auto;
	width:100%;
	}	
	
.innerriso{
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.innerriso p{
	font-size:20px;
	float:left;
	margin-right:20px;}
	
.innerriso2{
	position:relative;
	background-color:#FFFFFF;
	margin:0 auto;
	max-width:860px;
	height:1200px;
	width:100%;}
	
.innerriso2 img,.risostart2 img{
	width:100%;
	height:auto;}
	
.risostart2{
	position:absolute;
	top:20%;
	left:14%;
	width:18%;
	height:auto;}
	

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

.risotop{
	position:relative;
	max-width:949px;
	width:100%;
	height:340px;
	border:#000 1px solid;
	margin:8px auto 10px;
	overflow:hidden;
	background-color:#231815;}
	
.risop1{
	position:absolute;
	top:0%;
	left:0;
	width:100%;
	height:auto;}
	
.risop2{
	display:none;}

	
.risostart{
	position:absolute;
	top:6%;
	left:34%;
	width:12%;
	height:auto;}
	
.risop1 img,.risop2 img,.risostart img{
	width:100%;
	height:auto;}
	
.risobun{
	position:absolute;
	top:63%;
	left:56%;
	width:40%;
	font-size:14px;
	letter-spacing:-1px;
	color:#fff;
	}

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


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

.noprint {display: none;}
	
}



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

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


}


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

/*トップページ*/
.risotop{
	height:300px;}
	
	
.kuwariso{
	left:80%;}

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

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


	
/*トップページ*/
	
.risotop{
	height:270px;}
	
.risobun{
	font-size:12px;}	


	
}


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

/*トップページ*/

.risotop{
	height:250px;}

	
.risobun{
	top:57%;}

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


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

	
.risotop{
	height:650px;}
	
.risop1{
	display:none;}
	
.risop2{
	position:absolute;
	display:inherit;
	top:0px;
	width:100%;
	height:auto;}
	
.risostart{
	position:absolute;
	top:6%;
	left:62%;
	width:30%;
	height:auto;}
		
.risobun{
	top:88%;
	left:7%;
	width:85%;
	font-size:13px;}

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

	
}

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

.risotop{
	height:600px;}
	
.risobun{
	top:84%;}

}

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

.risotop{
	height:570px;}
	
.risobun{
	top:84%;
	left:5%;
	width:90%;
	font-size:12px;}
	
.kuwariso{
	left:58%;
	font-size:13px;}


}

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

.risotop{
	height:540px;}

.risobun{
	top:82%;}
}



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

.risotop{
	height:500px;}

.risobun{
	top:80%;}


}