@charset "utf-8";
/* CSS Document */
#right_list{
display:none;
}

.rist-menu {
	list-style: none;
	overflow: hidden;
	width:100%;
	padding:0;
	margin:0;/*margin: 50px auto 100px;*/
}
.rist-menu li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #015123;
}
.rist-menu li:last-child {
	border-bottom: 0px;
}
.rist-menu li a {
	display: block;
	position: relative;
	z-index: 10;
	height: auto;/*40px*/
	margin: 0;
	padding: 10px 10px 10px 50px;/*0px 10px 0px 50px*/
	background: #00682c;
	color: #fff;
font-size:small;
	/*line-height: 40px;*/
	font-weight: normal;
	text-decoration: none;
}
.rist-menu li a:hover {
	background: #015123;
}




#right_list li a {
	background: #00682c;
}
#right_list li a:before {
	display: block;
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 25px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #50a53e;
	transition: .5s;
}
#right_list li a:hover:before {
	left: -271px;
	width: 200%;
	height: 600px;
	margin-top: -300px;
}



@media screen and (max-width: 1100px){
#right_list{
display:none;
}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	#right_list{
display:block;
}

		.rist-menu {
	list-style: none;
	overflow: hidden;
	width:100%;
	padding:0;
	margin:0;/*margin: 50px auto 100px;*/
}
.rist-menu li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #015123;
}
.rist-menu li:last-child {
	border-bottom: 0px;
}
.rist-menu li a {
	display: block;
	position: relative;
	z-index: 10;
	height: auto;/*40px*/
	margin: 0;
	padding: 10px 10px 10px 50px;/*0px 10px 0px 50px*/
	background: #00682c;
	color: #fff;
font-size:small;
	/*line-height: 40px;*/
	font-weight: normal;
	text-decoration: none;
}
.rist-menu li a:hover {
	background: #015123;
}




#right_list li a {
	background: #00682c;
}
#right_list li a:before {
	display: block;
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 25px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #50a53e;
	transition: .5s;
}
#right_list li a:hover:before {
	left: -271px;
	width: 200%;
	height: 600px;
	margin-top: -300px;
}
}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
		#right_list{
display:block;
		}
		
		.rist-menu {
	list-style: none;
	overflow: hidden;
	width:100%;
	padding:0;
	margin:0;/*margin: 50px auto 100px;*/
}
.rist-menu li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #015123;
}
.rist-menu li:last-child {
	border-bottom: 0px;
}
.rist-menu li a {
	display: block;
	position: relative;
	z-index: 10;
	height: auto;/*40px*/
	margin: 0;
	padding: 10px 10px 10px 50px;/*0px 10px 0px 50px*/
	background: #00682c;
	color: #fff;
font-size:small;
	/*line-height: 40px;*/
	font-weight: normal;
	text-decoration: none;
}
.rist-menu li a:hover {
	background: #015123;
}




#right_list li a {
	background: #00682c;
}
#right_list li a:before {
	display: block;
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 25px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #50a53e;
	transition: .5s;
}
#right_list li a:hover:before {
	left: -271px;
	width: 200%;
	height: 600px;
	margin-top: -300px;
}


}