@charset "utf-8";

/*--------------------------------------
  STRUCTURE
---------------------------------------*/

/*--- roidmude-area ---*/
.roidmude-area {
	/*background-image: url(../img/roy_bg.png) ;*/
	background-image: url(../img/roy_bg3.png) ;
	background-repeat: no-repeat;
	background-position: top left;
	color: #c1c1c1;
	overflow: hidden;
	clear: both;
	padding-top: 0px;
}

	@media only screen and (min-device-width: 760px)
		and (max-device-width: 1024px){
	.roidmude-area {
		/*background-image: url(../img/roy_bg2.png) ;*/
		background-image: url(../img/roy_bg4.png) ;
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #1f0800;
		background-size: 100%;
		color: #c1c1c1;
		overflow: hidden;
		clear: both;
		padding-top: 0px;
	}
	}
	
	@media screen and (max-device-width: 480px) {
	.roidmude-area {
		/*background-image: url(../img/roy_bg.png) ;*/
		background-image: url(../img/roy_bg3.png) ;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 100%;
		color: #c1c1c1;
		overflow: hidden;
		clear: both;
		padding-top: 25px;
	}
	}
	

/*************************************************************************************************/

/* roidmude-top
##################################### */

.roidmude-top {
	/*margin-top: 150px;*/
	margin-top: 120px;
	/*margin-bottom: 650px!important;*/
	margin-bottom: 0px!important;
	/*padding: 0 80px;*/ /*2列の時 3列は削除*/
	padding: 0 0px;
}
	
	@media screen and (max-device-width: 480px) {
		.roidmude-top {
			/*margin-top: 3.5em;*/
			margin-top: 3.5em;
			margin-bottom: 280px!important;
			/*padding: 0 1em;*/ /*2列の時 3列は削除*/
			padding: 0 0em;
		}
	}


.roidmude-top a {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top a:visited {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top a:focus {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top a:active {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top a:hover {
	color: #ff0808;
	text-decoration: none;
}



/*--- main ---*/
.roidmude-top .roidmude-chara-main {
	float: left;
	width: 33.3%; /*3列*/ 
	/*width: 50%; 2列*/
	/*margin-bottom: 40px;*/ /*150517*/
	margin-bottom: 1px;
}

	@media screen and (max-device-width: 480px) {
	.roidmude-top .roidmude-chara-main {
		float: left;
		width: 33.3%; /*3列*/ 
		/*width: 50%; 2列*/
		/*margin-bottom: 4em;*/ /*150517*/
		margin-bottom: 2em;
		}
	}

		.roidmude-top .roidmude-chara-main a {
			text-align: center;
			/*margin: 10px;*/
			/*padding: 8px;*/
			margin: 10px 0;
			padding: 8px 0;
			text-decoration: none;
			font-size: 108%;
			display: block;
			border: 0;
			color: #FFF;
		}
		
			@media screen and (max-device-width: 480px) {
			.roidmude-top .roidmude-chara-main a {
				text-align: center;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				font-size: 80%;
				display: block;
				border: 0;
				color: #FFF;
				}
			}


				.roidmude-top .roidmude-chara-main a .roidmude-name-main {
					margin: 0;
					padding: 1em 1em 1em 1em;
					font-size: 100%;
					line-height: 1.4em;
					text-align: center;
					font-weight: bold;
					color: #FFF;
				}
				
				
					@media screen and (max-device-width: 480px) {
					.roidmude-top .roidmude-chara-main a .roidmude-name-main {
						margin: 0;
						padding: 0.75em 0.5em 0.5em 0.5em;
						font-size: 100%;
						line-height: 1.4em;
						text-align: center;
						font-weight: bold;
						color: #FFF;
						}
					}



.roidmude-top .roidmude-chara-main a img {
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/
}
	
	@media screen and (max-device-width: 480px) {	
	.roidmude-top .roidmude-chara-main a img {
		width: 100%;
		height: auto;
		/*margin-bottom: 10px;*/
		}
	}
		
		
		
/*--- sub ---*/
.roidmude-top .roidmude-chara-sub {
	float: left;
	width: 33.3%; 
	/*width: 50%; 2列 */
	margin-bottom: 15px;
}

	@media screen and (max-device-width: 480px) {
	.roidmude-top .roidmude-chara-sub {
		float: left;
		width: 33.3%; 
		/*width: 50%; 2列 */
		margin-bottom: 25px;
		}
	}

		.roidmude-top .roidmude-chara-sub a {
			text-align: center;
			margin: 10px;
			padding: 8px;
			text-decoration: none;
			font-size: 95%;
			display: block;
			border: 0;
			color: #FFF;
		}
		
			@media screen and (max-device-width: 480px) {
			.roidmude-top .roidmude-chara-sub a {
				text-align: center;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				font-size: 70%;
				display: block;
				border: 0;
				color: #FFF;
				}
			}


				.roidmude-top .roidmude-chara-sub a .roidmude-name {
					margin: 0;
					padding: 2px;
					font-size: 100%;
					line-height: 1.4em;
					text-align: center;
					font-weight: bold;
					color: #FFF;
				}
				
				
					@media screen and (max-device-width: 480px) {
					.roidmude-top .roidmude-chara-sub a .roidmude-name {
						margin: 0;
						padding: 0.5em;
						font-size: 100%;
						line-height: 1.4em;
						text-align: center;
						font-weight: bold;
						color: #FFF;
						}
					}



.roidmude-top .roidmude-chara-sub a img {
	width: 95%;
	/*width: 70%;*/ /* 2列 */
	height: auto;
	/*margin-bottom: 10px;*/
}
	
	@media screen and (max-device-width: 480px) {	
	.roidmude-top .roidmude-chara-sub a img {
		width: 85%; 
		/*width: 60%;*/ /* 2列 */
		height: auto;
		/*margin-bottom: 10px;*/
		}
	}
	
/*************************************************************************************************/

/* roidmude-top3
##################################### */

.roidmude-top3 {
	margin-top: 120px;
	margin-bottom: 0px!important;
	padding: 0 14%;
}
	
	@media screen and (max-device-width: 480px) {
		.roidmude-top3 {
			margin-top: 3.5em;
			margin-bottom: 280px!important;
			padding: 0 60px; /*2列の時 3列は削除*/
		}
	}


.roidmude-top3 a {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top3 a:visited {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top3 a:focus {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top3 a:active {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top3 a:hover {
	color: #ff0808;
	text-decoration: none;
}



/*--- main ---*/
.roidmude-top3 .roidmude-chara-main {
	float: left;
	width: 50%; /*2列*/ 
	margin-bottom: 1px;
}

	@media screen and (max-device-width: 480px) {
	.roidmude-top3 .roidmude-chara-main {
		float: left;
		width: 50%; /*2列*/ 
		margin-bottom: 2em;
		}
	}

		.roidmude-top3 .roidmude-chara-main a {
			text-align: center;
			/*margin: 10px;*/
			/*padding: 8px;*/
			margin: 10px 0;
			padding: 8px 0;
			text-decoration: none;
			font-size: 108%;
			display: block;
			border: 0;
			color: #FFF;
		}
		
			@media screen and (max-device-width: 480px) {
			.roidmude-top3 .roidmude-chara-main a {
				text-align: center;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				font-size: 80%;
				display: block;
				border: 0;
				color: #FFF;
				}
			}


				.roidmude-top3 .roidmude-chara-main a .roidmude-name-main {
					margin: 0;
					padding: 1em 1em 1em 1em;
					font-size: 100%;
					line-height: 1.4em;
					text-align: center;
					font-weight: bold;
					color: #FFF;
				}
				
				
					@media screen and (max-device-width: 480px) {
					.roidmude-top3 .roidmude-chara-main a .roidmude-name-main {
						margin: 0;
						padding: 0.75em 0.5em 0.5em 0.5em;
						font-size: 100%;
						line-height: 1.4em;
						text-align: center;
						font-weight: bold;
						color: #FFF;
						}
					}



.roidmude-top3 .roidmude-chara-main a img {
	width: 88%;
	height: auto;
	/*margin-bottom: 10px;*/
}
	
	@media screen and (max-device-width: 480px) {	
	.roidmude-top3 .roidmude-chara-main a img {
		width: 80%;
		height: auto;
		/*margin-bottom: 10px;*/
		}
	}
		


/*************************************************************************************************/

/* roidmude-top2
##################################### */

.roidmude-top2 {
	/*margin-top: 150px;*/
	margin-top: 120px;
	margin-bottom: 650px!important;
	/*padding: 0 80px;*/ /*3列の時 4列は削除*/
	padding: 0 10px; 
}
	
	@media screen and (max-device-width: 480px) {
		.roidmude-top2 {
			/*margin-top: 3.5em;*/
			margin-top: 3.5em;
			margin-bottom: 280px!important;
			padding: 0 1em; /*3列の時 4列は削除*/
			padding: 0 0.5em;
		}
	}


.roidmude-top2 a {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top2 a:visited {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top2 a:focus {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top2 a:active {
	color: #d8020a;
	text-decoration: none;
}
.roidmude-top2 a:hover {
	color: #ff0808;
	text-decoration: none;
}




/*--- sub ---*/
.roidmude-top2 .roidmude-chara-sub {
	float: left;
	width: 25%; 
	/*width: 50%; 2列 */
	/*width: 33.3%; 3列 */
	margin-bottom: 15px;
}

	@media screen and (max-device-width: 480px) {
	.roidmude-top2 .roidmude-chara-sub {
		float: left;
		width: 25%; 
		/*width: 50%; 2列 */
		/*width: 33.3%; 3列 */
		margin-bottom: 25px;
		}
	}

		.roidmude-top2 .roidmude-chara-sub a {
			text-align: center;
			margin: 10px;
			padding: 8px;
			text-decoration: none;
			font-size: 95%;
			display: block;
			border: 0;
			color: #FFF;
		}
		
			@media screen and (max-device-width: 480px) {
			.roidmude-top2 .roidmude-chara-sub a {
				text-align: center;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				font-size: 70%;
				display: block;
				border: 0;
				color: #FFF;
				}
			}


				.roidmude-top2 .roidmude-chara-sub a .roidmude-name {
					margin: 0;
					padding: 2px;
					font-size: 100%;
					line-height: 1.4em;
					text-align: center;
					font-weight: bold;
					color: #FFF;
				}
				
				
					@media screen and (max-device-width: 480px) {
					.roidmude-top2 .roidmude-chara-sub a .roidmude-name {
						margin: 0;
						padding: 0.5em;
						font-size: 100%;
						line-height: 1.4em;
						text-align: center;
						font-weight: bold;
						color: #FFF;
						}
					}



.roidmude-top2 .roidmude-chara-sub a img {
	width: 95%;
	/*width: 70%;*/ /* 2列 */
	height: auto;
	/*margin-bottom: 10px;*/
}
	
	@media screen and (max-device-width: 480px) {	
	.roidmude-top2 .roidmude-chara-sub a img {
		width: 85%; 
		/*width: 60%;*/ /* 2列 */
		height: auto;
		/*margin-bottom: 10px;*/
		}
	}
	
	
/*************************************************************************************************/




/* LINE
##################################### */

hr.line-03{
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px solid #552000;
	margin-bottom: 15px !important;
	clear: both;
}


h4.line-red{
	border-bottom: 1px solid #42078c;
}