@charset "UTF-8";

/*  Layout
---------------------------------------------------*/
html{
	margin: 0 ;
	padding: 0 ;
	height: 100%;
    font-family:
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

img{
	max-width: 100% ;
	max-height: 100%;
}

/* 	Body
++++++++++++++++++++++++++++++++++*/
body{
    font-family:Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
	position: relative ;
	width: 100% ;
	height: 100% ;
	-webkit-text-size-adjust: 100%;
	-ms-touch-action : manipulation ; /* for *IE10 */
	touch-action : manipulation ;
}

	#container {
		width: 100%;
		height: 100%;
		position: relative;
	}
.wrap {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
/* 	header
++++++++++++++++++++++++++++++++++*/
header{
	width: 100% ;
	padding: 10px 0;
	box-sizing: border-box ;
  display: flex;flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;margin: auto;
	background: #333;
	border-bottom: solid 5px #000;
}
header .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	header h1{
		/* flex: 1; */;
    font-size: 1.5rem;
		display: inline-block;
    margin: 0;
    color: #FFF;
    font-weight: bold;
    position: relative;
	}
		header .search {
			display: flex;
			margin-right: 50px;
			border-radius: 5px;
			align-items: center;
		}
			header .search input {
				height: 35px;
				box-sizing: border-box;
				margin: 0;
				width: 300px;
				border: 0;
				font-size: 14px;
				padding: 0 10px;
				border-radius: 2px 0 0 2px;
			}
			header .search .btn {
			background: #EEE url(../images/ico_search.svg) no-repeat center center;
			padding: 10px 20px;
			display: flex;
			align-items: center;
			font-size: 11px;
			color: #444;
			margin: 0;
			height: 35px;
			box-sizing: border-box;
			border-radius: 0 2px 2px 0;
		}

	header nav{
		text-align: center;
	}

		header nav ul{
			width: auto;
			/* max-width: 1200px; */
			width: 100%;
			margin:0 auto ;
			overflow:hidden ;
			display: inline-block;
			/* padding: 10px 10px 10px 20px; */
			text-align: right;
		}

			header nav ul li{
				list-style:none ;
				display: inline-block;
				margin-right:15px ;
			}

				header nav ul li a,
				header nav ul li a:link,
				header nav ul li a:visited,
				header nav ul li a:hover{
					display:block ;
					width:100% ;
					/* padding:10px 0 ; */
					color: #FFF;
					font-size: 12px;
					font-weight: bold;
				}


/* 	main
++++++++++++++++++++++++++++++++++*/
main{
	width: 100% ;
	position: relative ;
	overflow: hidden ;
	padding-top: 30px ;
	padding-bottom: 100px ;
}

	main #main_wrapper{/* max-width: 1400px; */; /* margin: auto; */; /* box-sizing: border-box; */
	}
	main #main_wrapper #contents{
	}


/* 	Footer
++++++++++++++++++++++++++++++++++*/
footer{
	width: 100% ;
	position: relative ;
	box-sizing: border-box ;
	padding: 30px 0 ;
  color: #000;
	text-align: center ;
	background-color: #f2f2f2;
}

	footer #copyright{
		width: 100% ;
		margin: 0 auto ;
		text-align: center ;
	}