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

@import url('https://fonts.googleapis.com/css?family=Oswald:500,600,700');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700');

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

/*  reset

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

html {
	overflow-y	: scroll;
	height		: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display:inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

body/**/table {
	font-size	: 12px;
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}



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

/*  Basic Style

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

html {
	font-size: 62.5%;	/*10px*/
}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: 'Nunito Sans', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MS PGothic, arial, sans-serif;
	background	: #000;
	font-size	: 16px;
	font-size	: 1.6rem;
	line-height	: 1.7;
	text-align	: center;
	color		: #444;
}

div#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}

body *,
body *:before,
body *:after {
	box-sizing: border-box;
}

.container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.container_fluid {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.container p,
.container_fluid p {
	text-align: left;
	margin: 0 0 25px;
}

.container,
.container_fluid {
	color: #fff;
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:1000px) {
	.container,
	.container_fluid {
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (min-width:481px) {
	.pc_style {
		display: block;
	}

	.sp_style {
		display: none !important;
	}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	.sp_style {
		display: block;
	}

	.pc_style {
		display: none !important;
	}

	.container .row,
	.container_fluid .row {
		margin: 0 -15px;
	}
}



/* Link
--------------------------------------------------------------------------- */

a {
	outline: none;
}

a:link	{
	text-decoration	: none;
	color			: #fff;
}

a:visited	{
	text-decoration	: none;
	color			: #fff;
}

a:hover	{
	text-decoration	: underline;
}

a.underline {
	text-decoration: underline;
}

a.underline:hover {
	text-decoration: none;
}


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

/* Hedaer

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

header {
	padding: 15px 0 0;
	background: #000;
	border-bottom: 2px solid #e60213;
	position: relative;
	z-index: 20;
}

	header .container {
		overflow: visible;
	}

	header #logo {
		text-align: left;
	}

	header nav {
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
	}

		header nav>ul {
			display: -webkit-flex; /* Safari */
  			display: flex;
			-webkit-justify-content: space-between; /* Safari */
  			justify-content:         space-between;
		}

			header nav>ul>li {
			}

				header nav>ul>li>a {
					color: #fff !important;
					display: block;
					padding: 15px 0;
					position: relative;
				}

					header nav>ul>li:hover>a:after {
						bottom: 0;
						left: 50%;
						border: solid transparent;
						content: " ";
						height: 0;
						width: 0;
						position: absolute;
						pointer-events: none;
						border-color: rgba(230, 2, 19, 0);
						border-bottom-color: #e60213;
						border-width: 10px;
						margin-left: -10px;
					}

					header nav>ul>li:hover>a {
						text-decoration: none;
						color: #e60213 !important;
					}

					header nav>ul>li>.submenu {
						display: none;
						position: absolute;
						left: 0;
						bottom: -46px;
						width: 100vw;
						background: rgba(230, 2, 19, 0.7);
					}

						header nav>ul>li>.submenu>ul {
							width: 100%;
							max-width: 1000px;
							margin: 0 auto;
							display: -webkit-flex;
				  			display: flex;
							-webkit-justify-content: space-between;
				  			justify-content:         space-between;
						}

							header nav>ul>li>.submenu>ul>li {

							}

								header nav>ul>li>.submenu>ul>li a {
									display: block;
									height: 46px;
									line-height: 46px;
								}

									header nav>ul>li>.submenu>ul>li a:hover {
										text-decoration: none;
										color: #000;
									}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	header {
		height: 60px;
		position: relative;
		z-index: 100;
	}

		header #logo {
			width: 200px;
			position: absolute;
			left: 15px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		header .menu_btn {
			width: 35px;
			height: 35px;
			position: absolute;
			right: 15px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}

	header nav {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 60px;
		background: #000;
	}

		header nav ul {
			display: block !important;
		}

			header nav ul li {
				border-bottom: 1px solid #222;
			}

			header nav>ul>li:hover>a:after {
				display: none;
			}

			header nav>ul>li>.submenu {
				position: static;
			}
}


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

/* Contents

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

#mainBlock {}

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

/* Footer

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

footer {
	color: #808080;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 100px 0 0;
	padding: 20px 0;
	border-top: 1px solid #bc9946;
	border-bottom: 1px solid #e60213;
}