@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: 1335px;
	width: 100%;
	margin: auto;
}
/* 	header
++++++++++++++++++++++++++++++++++*/
header{
	width: 100% ;
	padding: 10px 0;
	box-sizing: border-box ;
	align-items: center;
  /* border-bottom: solid 1px #ff901a; */
	justify-content: space-between;margin: auto;
}
header > .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;align-items: center;
}
	header .search {
		display: flex;
		margin-left: 50px;
		border-radius: 5px;
		align-items: center;
		margin-bottom: 10px;
	}
		header .search .select {
			background: #EEE;
			padding: 10px 15px;
			font-size: 11px;
			color: #444;
			margin: 0;
			height: 35px;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
			border-right: solid 1px #CCC;
			border-radius: 5px 0 0 5px;
		}
		header .search .select::after {
			content: "▼";
			font-size: 9px;
			margin-left: 5px;
		}
		header .search input {
			height: 35px;
			box-sizing: border-box;
			border: solid 1px #333;
			margin: 0;
			width: 400px;
		}
		header .search .btn {
		background: linear-gradient(#ff5442, #790317);
		padding: 10px 0;
		display: flex;
		align-items: center;
		font-size: 11px;
		color: #444;
		margin: 0;
		height: 35px;
		box-sizing: border-box;
		border: solid 1px #333;
		border-left: 0;
	}
	header .search .btn::before {
		content: "";
		background: 	url(../images/ico_search.svg) no-repeat center center;
		display: block;
		width: 30px;
		height: 30px;
	}
	header h1{
		/* flex: 1; */;
    font-size: 2rem;
		display: inline-block;
    margin: 0px 0 10px 0;
    color: #000;
    font-weight: bold;
    position: relative;
        line-height: 1;
	}
	header h1::first-letter{
		font-size: 3rem;
		color: #ff0033;
	}
	header h1 span{
    font-size: 1rem;
		color: #ff0033;
		display: block;
		text-align: right;
	}
	header h1 small{
    font-size: 15px;
		margin-left: 30px;
		color: #04c;font-weight: normal;
	}

	header nav{
		width: 100%;
		padding: 5px 20px;
		box-sizing: border-box;
		text-align: center;
		background: linear-gradient(#23488e, #251f69);
	}

		header nav ul{
			width: auto;
			max-width: 1335px;
			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;; /* border-top: solid 1px #CCC; */n;
}

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