@charset "UTF-8"; 

/* for common page */


.fixed {
	position: fixed;
	top: -100px;
	width: 100%;
	z-index: 10000;
}

.header_menu {
	margin: 0;
	padding: 0;
	background-color: #c90a30;
}

h2.midashi {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 250%;
	color: #c90a30;
	font-weight: normal;
	line-height: 1.4;
}

p.midashi_sub{
	font-size: 14px;
	color: #555555;
	margin: 5px;
	text-align: center;
}

hr {
	margin: 30px 0 30px 0 ;
	border: none;
	height: 1px;
	background-color: #c9c9c9;
}

hr.space {
	background-color: #ffffff;
}

/* ------------------ */

a.round_button {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 240px;
	height: 32px;
	background-color: #c90a30;

	border-radius: 21px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	
	text-align: center;
	
	font-size: 16px;
	font-weight: bold;
	color: white;
}

_::-webkit-full-page-media, _:future, :root a.round_button {
		padding: 5px 0 0 0;
	}

a.round_button:hover {
	opacity: 0.7;
}

/* ------------------ */

a.border_button {
	display: inline-block;
	margin: 0;
	padding: 10px 0 0 0;
	width: 240px;
	height: 32px;
	background-color: #ffffff;
	
	border: 1px solid #c90a30;
	border-radius: 21px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	
	text-align: center;
	
	font-size: 16px;
	font-weight: normal;
	color: #c90a30;
}

_::-webkit-full-page-media, _:future, :root a.border_button {
		padding: 5px 0 0 0;
	}

a.border_button:hover {
	opacity: 0.7;
}


/* smart phone */
@media screen and ( max-width: 1100px )
{
	.pc {
		display: none;
	}
	
	#header_title {
		margin: 0;
		padding: 5px 0 5px 0;
		width: 100%;
		height: auto;
	}
	
	.header_image {
		width: 300px;
	}
	
	.header_menu ul {
		list-style: none;
		width: 100%;
		height: 35px;
		margin: 0 auto 0 auto;
		padding: 0;
		text-align: center;
	}
	
	.header_menu ul li {
		display: inline-block;
		margin: 0;
		padding: 7px 0 0 0;
		width: 16.6%;
		height: 35px;
	}
	
	_::-webkit-full-page-media, _:future, :root .header_menu ul li {
		padding: 2px 0 0 0;
	}
	
	.header_menu ul li a {
		color: white;
		font-size: 12px;
	}
	
	/* main */
	
	main {
		padding: 0;
	}
	
	.main_full {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0 30px 0;
	}
	
	.main_wrap {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0 30px 0;
	}
	
	/* footer */
	
	#footer_sns {
		margin: 30px 0 0 0;
		padding: 20px 0 20px 0;
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	#footer_menu {
		margin: 0;
		padding: 30px 0 30px 0;
		width: 100%;
		height: auto;
		background-color: #222222;
		text-align: center;
	}
	
	#footer_menu a img {
		margin: 10px;
		width: 300px;
		border: 3px solid white;
	}
	
	#footer_menu a:hover img {
		opacity: 0.8;
	}

	#footer_copyright {
		margin: 0;
		padding: 10px 0 10px 0;
		width: 100%;
		height: 20px;
		background-color: #c90a30;
		
		font-size: 12px;
		text-align: center;
		color: white;
	}
}
 
/* pc */
@media screen and ( min-width: 1100px )
{ 
	.sp {
		display: none;
	}
	
	#header_title {
		width: 1100px;
		height: 120px;
		margin: 0 auto 0 auto;
		padding: 30px 0 0 0;
		background-image:url( "//orbis-ido.com/share/image/header_title_bg.png" );
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	
	.header_image {
		width: 400px;
	}
	
	.header_menu ul {
		list-style: none;
		margin: 0 auto 0 auto;
		padding: 0;
		width: 1100px;
		height: 35px;
		text-align: center;
	}
	
	.header_menu ul li {
		display: inline-block;
		margin: 0;
		padding: 5px 0 0 0;
		width: 183px;
		height: 35px;
	}
	
	.header_menu ul li a {
		color: white;
		font-size: 13px;
	}
	
	/* main */
	
	main {
		padding: 0;
	}
	
	.main_full {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0 30px 0;
	}
	
	.main_wrap {
		width: 1100px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 10px 0 30px 0;
	}
	
	/* footer */
	
	#footer_sns {
		margin: 0;
		padding: 30px 0 30px 0;
		width: 100%;
		height: auto;
		background-color: #f0f0f0;
		text-align: center;
	}
	
	#footer_menu {
		margin: 0;
		padding: 30px 0 30px 0;
		width: 100%;
		height: auto;
		background-color: #222222;
		text-align: center;
	}
	
	#footer_menu a img {
		margin: 10px;
		width: 300px;
		border: 3px solid white;
	}
	
	#footer_menu a:hover img {
		opacity: 0.8;
	}

	#footer_copyright {
		margin: 0;
		padding: 10px 0 10px 0;
		width: 100%;
		height: 20px;
		background-color: #c90a30;
		
		font-size: 12px;
		text-align: center;
		color: white;
	}
}