@charset "utf-8";


body {
margin:					0px 0px 0px 0px;
padding:				0px 0px 0px 0px;
font-size:				110%;
color:					#555555;
font-family:			"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
line-height:			24px;
background-color:		#ffffff;
}

a img {
border:					none;
}

a {
border:					none;
}

.anchor {
display:				block;
padding-top:			60px;
}


hr.hr_01 { 
  width:  50%;
 height: 1px;
  background: #bbb;
  background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
  background-image: -moz-linear-gradient(left, #eee, #777, #eee);
  background-image: -ms-linear-gradient(left, #eee, #777, #eee);
  background-image: -o-linear-gradient(left, #eee, #777, #eee);
}



.accessory {
  height: 6px;
  background-image: radial-gradient(
    closest-side,
    hsla(0, 0%, 50%, 1.0),
    hsla(0, 0%, 50%, 0) 100%);
  position: relative;
}
.accessory:after {
  position: absolute;
  top:  50%;
  left: 50%;
  display:block;
  background-color: hsl(0, 0%, 75%);
  height: 12px;
  width:  12px;
  transform: rotate(45deg);
  margin-top:  -10px;
  margin-left: -10px;
  border-radius: 4px 0;
  border: 4px solid hsla(0, 0%, 100%, 0.35);
  background-clip: padding-box;
  box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);
}


/* メニュー　↓ */
#menu_01 {
margin:					0px auto;
width:					100%;
text-align:				center;
background-color:		rgba( 255, 255, 255, 0.55 );
}

#menu_01 ul{
margin:					0px;
padding:				20px 0px 20px 0px;
}

#menu_01 li{
padding:				0px 20px 0px 20px;
font-size:				110%;
display:				inline;
}

#menu_01 li a{
color:					#333333;
line-height:			30px;
list-style-type:		none;
text-decoration:		none;
}

#menu_01 li a:hover{
color:					#888888;
text-shadow:			0 0 10px #ffffee,0 0 15px #ffffff;
line-height:			30px;
list-style-type:		none;
text-decoration:		none;
}
/* メニュー　↑ */


/* footer　↓ */
#footer_01 {
margin-top:				30px;
width:					100%;
height:					530px;
color:					#aa0000;
text-align:				center;
background-image:		url(../images/back_01.jpg);
background-repeat:		repeat-x;
}

.footer_02 {
margin-top:				150px;
padding-top:			100px;
}

.footer_03 {
margin-top:				0px;
font-size:				280%;
font-weight:			bold;
letter-spacing:			4px;
font-stretch: extra-condensed; 
	transform: scaleY(0.9);
	-moz-transform: scaleY(0.9);
	-webkit-transform: scaleY(0.9);
	-o-transform: scaleY(0.9);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
}

.footer_03 a {
color:					#aa0000;
text-decoration:		none;
}


.footer_04 a{
margin:					0px auto;
margin-top:				-20px;
padding:				10px 0px 10px 0px;
width:					340px;
font-size:				100%;
color:					#ffffff;
text-align:				center;
display:				block;
text-decoration:		none;
background-color:		#aa0000;
border-radius:			30px;
}

.footer_04 a:hover{
opacity: 0.7;
}

.footer_05 {
margin-top:				0px;
padding-top:			0px;
width:					100%;
text-align:				center;
}

.footer_05 a {
color:					#aa0000;
text-decoration:		none;
}
/* footer　↑ */




/* 800px以下の場合 ↓ */
@media screen and (max-width: 800px) {


	img {
	width:					100%;
	}

	.anchor {
	display:				block;
	padding-top:			50px;
	margin-top:				-50px;
	}

	/* メニュー　↓ */
	#menu_01 {
	width:					100%;
	height:					50px;
	background-color:		rgba( 0, 0, 0, 0.60 );
	}

	ul#menu {
	margin-top:				0px;
	list-style-type:		none;
	width:					100%;
	background:				#eeeeee;
	opacity:				0.9;
	position:				absolute;
	left:					0px;
	top:					0px;
	z-index:				990;
	display:				none;
	}

	ul#menu li {
	text-align:				left;
	text-indent:			40px;
	}

	ul#menu li a {
	text-decoration:		none;
	display:				block;
	padding:				10px 0px 10px 0px;
	}

	ul#menu li a:hover {
	padding:				10px 0px 10px 0px;
	}


	/* スマホ用メニュー　↓ */
	div#sp-icon {
	width:					100%;
	height:					50px;
	position:				absolute;
	right:					0px;
	top:					0px;
	z-index:				999;
	background-color:		rgba( 255, 255, 255, 0.60 );
	}

	div#sp-icon:hover {
	cursor:					pointer;
	}

	div#sp-icon span,
	div#sp-icon span:before,
	div#sp-icon span:after {
	display:				inline-block;
	width:					30px;
	height:					3px;
	background:				#555555;
	position:				absolute;
	transition-property:	transform;
	transition-duration:	0.3s;
	}

	div#sp-icon span {
	right:					20px;
	top:					50%;
	transform:				translate( -50%, -50% );
	}

	div#sp-icon span:before {
	content:				"";
	transform:				translateY( -10px ) rotate( 0deg );
	}

	div#sp-icon span:after {
	content:				"";
	transform:				translateY( 10px ) rotate( 0deg );
	}


	div.sp-open span {
	background:				transparent !important;
	}

	div.sp-open span:before {
	transform:				rotate( 45deg ) !important;
	}

	div.sp-open span:after {
	transform:				rotate( -45deg ) !important;
	}
	/* スマホ用メニュー　↑ */
	/* メニュー　↑ */


	/* footer　↓ */
	#footer_01 {
	margin-top:				0px;
	width:					100%;
	height:					400px;
	color:					#aa0000;
	text-align:				center;
	background-image:		url(../images/back_01.jpg);
	background-repeat:		repeat-x;
	}

	.footer_02 {
	margin-top:				20px;
	padding-top:			50px;
	}

	.footer_03 {
	margin-top:				0px;
	font-size:				120%;
	font-weight:			bold;
	letter-spacing:			4px;
	font-stretch: extra-condensed; 
		transform: scaleY(0.9);
		-moz-transform: scaleY(0.9);
		-webkit-transform: scaleY(0.9);
		-o-transform: scaleY(0.9);
		transform-origin: left top;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-o-transform-origin: left top;
	}

	.footer_03 a {
	color:					#aa0000;
	text-decoration:		none;
	}


	.footer_04 a{
	margin:					0px auto;
	margin-top:				20px;
	padding:				10px 0px 10px 0px;
	width:					90%;
	font-size:				100%;
	color:					#ffffff;
	text-align:				center;
	display:				block;
	text-decoration:		none;
	background-color:		#aa0000;
	border-radius:			30px;
	}

	.footer_04 a:hover{
	opacity: 0.7;
	}

	.footer_05 {
	margin-top:				0px;
	padding-top:			0px;
	width:					100%;
	font-size:				80%;
	text-align:				center;
	}

	.footer_05 a {
	color:					#aa0000;
	text-decoration:		none;
	}
	/* footer　↑ */








}
/* 800px以下の場合 ↑ */