@charset "Shift_JIS";
/**
 * default.css
 * modified : 2014.06.17
 */

/*--------------------------------------------------------------------------------
	Reset
--------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;vertical-align:top;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul{zoom:1}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}a{text-decoration:none;outline:none;}nav{display:block;}section{display:block}

/*--------------------------------------------------------------------------------
	body
--------------------------------------------------------------------------------*/
body {
	position: relative;
	margin: 0;
	padding: 0;
	min-width: 960px;
	min-height: 100%;
	font-family: "Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro","\30E1\30A4\30EA\30AA",sans-serif;
	background: #000;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

@media(max-width:640px) {
	body { min-width: 320px; }
}


.pc {
	display:block;
}
.sp {
	display: none !important;
}

@media(max-width:640px) {
	.pc {
		display: none !important;
	}
	.sp {
		display:block !important;
	}
}

/*--------------------------------------------------------------------------------
	anchor img
--------------------------------------------------------------------------------*/
a img.hover {
	transition: opacity 0.1s ease-in;
	-o-transition: opacity 0.1s ease-in;
	-ms-transition: opacity 0.1s ease-in;
	-moz-transition: opacity 0.1s ease-in;
	-webkit-transition: opacity 0.1s ease-in;
}
a:hover img.hover {
	opacity: 0.7;
}
html.no-opacity a:hover img.hover {
	filter: alpha(opacity=70);
}

@media(max-width:640px) {
	a img.hover {
		transition: none;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	a:hover img.hover {
		opacity: 1.0;
	}
}

/*--------------------------------------------------------------------------------
	.container
--------------------------------------------------------------------------------*/
.container {
	min-width: 950px;
	color: #fff;
	overflow: hidden;
}

@media(max-width:640px) {
	.container { min-width: 320px; }
}

/*--------------------------------------------------------------------------------
	.head
--------------------------------------------------------------------------------*/
.head {
	background: url("../img/head_bg.jpg") no-repeat center 0px #000;
	background-size: cover;
	min-height:644px;
}
@media(min-width:1921px) {
	.head {
		height:750px;
	}
}

@media(max-width:640px) {
	.head {
		background-size: contain;
		min-height:100px;
	}
}

/*--------------------------------------------------------------------------------
	.head-menu
--------------------------------------------------------------------------------*/
.head-menu {
	padding-bottom: 17px;
	width:100%;
	*zoom: 1;
	background:#000000;
}
.head-menu:after {
	clear: both;
	display: block;
	content: "";
}
.head-menu h1 {
	float: left;
	margin-top: 17px;
	margin-left:20px;
	line-height: 0;
}
.head-menu h1 img {
	width: 110px;
	height: auto;
}
.head-menu ul {
	float: right;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right:20px;
	margin-top:5px;
}
.head-menu ul:after {
	clear: both;
	display: block;
	content: "";
}
.head-menu li {
	float: left;
	margin-left: 30px;
	font-size: 68.8%;
	line-height: 1.0;
	margin-top: 12px;
}
.head-menu li a {
	color: #bababa;
	transition: color 0.1s ease-in;
	-o-transition: color 0.1s ease-in;
	-ms-transition: color 0.1s ease-in;
	-moz-transition: color 0.1s ease-in;
	-webkit-transition: color 0.1s ease-in;
}
.head-menu li a:hover {
	color: #ccc;
}



@media(max-width:640px) {
	.head-menu {
		margin: 0;
		padding: 0 ;
		width: auto;
	}
	.head-menu h1 {
		float: none;
		margin: 0 20px;
		padding: 20px 0 0;
		width: 76px;
	}
	.head-menu h1 img {
		width: 100%;
	}
	.head-menu ul {
		margin-right:20px;
		margin-top:-20px;
		
	}
	.head-menu li {
		margin: 0;
		font-size: 56.3%;
	}
	.head-menu li:nth-child(1) {
		display:none;
	}
	.head-menu li:nth-child(2) {
		width: 24%;
	}
}

/*--------------------------------------------------------------------------------
	.intro
--------------------------------------------------------------------------------*/
.intro {
	position: relative;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
}
.intro h2 {
	padding-top: 235px;
}

html.ielegacy .intro {
	padding-bottom: 76px;
	width: 950px;
}
html.ielegacy .intro img.main {
	width: 100%;
	height: auto;
}


@media(max-width:640px) {
	.intro {
		margin: 20px 20px 0px 20px;
		width:auto;
	}
	.intro h2 {
		padding-top: 45%;
	}
	.intro h2 img {
		width: 100%;
		max-width: 248px;
	}
}

/*--------------------------------------------------------------------------------
	.Profile
--------------------------------------------------------------------------------*/
.Profile {
	background: url("../img/profile_bg.jpg") no-repeat center 0 #000;
	height:511px;
	margin-top:100px;
}

@media(max-width:640px) {
	.head2 {
		display:none;
	}
}

.Profile .section {
	width:950px;
	margin:0 auto;
}

.Profile .section h3 {
	padding:80px 0 0 70px;
	display:block;
}

.Profile .section p {
	padding:110px 0 0 70px;
	display:block;
}

.Profile .section span a {
	margin:10px 0 0 70px;
	display:block;
}
@media(max-width:640px) {
	.Profile {
		background-size: contain;
		margin-top:0px;
		background: url("../img/profile_bg.jpg") no-repeat center bottom #000;
		height:auto;
	}
	.Profile .section {
		width:auto;
		margin:0 auto;
	}
	.Profile .section h3 {
		padding:0px;
		text-align:center;
		display:block;
		width:auto;
	}
	.Profile .section h3 img{
		width:70%;
	}
	.Profile .section p {
	padding:29% 0 0 30px;
	display:block;
	}
	
	.Profile .section span a {
		margin:10px 0 0px 30px;
		display:block;
		padding-bottom:20%;
	}
}


/*--------------------------------------------------------------------------------
	#Interview
--------------------------------------------------------------------------------*/
#Interview {
	position: relative;
	padding: 90px 0 45px;
	text-align: left;
	background: #000;
}

#Interview .section {
	width:950px;
	margin:0 auto;
}
#Interview .section:after {
	clear: both;
	display: block;
	content: "";
}

#Interview .section img.left {
	float:right;
	margin-left:60px;
	margin-top:15px;
	margin-bottom:40px;
}

#Interview .section h3{
	margin-bottom:80px;
}

#Interview .section .txt-box h4{
	font-size:13pt;
	line-height:38px;
	font-weight:bold;
	margin-top:15px;
	padding-left:34px;
	background: url("../img/interview_line.gif") no-repeat 0 10px;
}
#Interview .section .txt-box p{
	font-size:12pt;
	line-height:30px;
	text-indent:1em;
}
@media(max-width:640px) {
	#Interview {
		width:auto;
	}
	#Interview .section {
		width:auto;
		margin:0;
		padding: 0 20px;
		text-align:center;
	}
	#Interview .section img.left {
		float:none;
		margin:15px 0px 40px 0px;
		max-width:362px;
		width:100%;
	}
	#Interview .section h3{
		width:auto;
		margin-bottom:20px;
		text-align:left;
	}
	#Interview .section h3 img{
		width:100%;
		max-width:486px;
	}
	
	#Interview .section .txt-box h4{
		text-align:left;
	}
	#Interview .section .txt-box p{
		text-align:left;
	}
}

/*--------------------------------------------------------------------------------
	#Lineup
--------------------------------------------------------------------------------*/
#Lineup {
	position: relative;
	z-index: 10;
	padding: 90px 0 45px;
	text-align: center;
	background: #000;
}

#Lineup .model-list {
	display: inline-block;
	width: 750px;
	*zoom: 1;
	margin:0 auto;
}
#Lineup .model-list:after {
	clear: both;
	display: block;
	content: "";
}
#Lineup .item {
	float: left;
}
#Lineup .item .img {
	height: 485px;
}
#Lineup .item .tag {
	height: 137px;
}
#Lineup .item .tag span {
	display: block;
	margin-top: 10px;
	font-size: 75%;
}
#Lineup .item .btn {
	display: inline-block;
	margin-top: 20px;
	background: #373737;
	transition: opacity 0.15s ease-in;
	-o-transition: opacity 0.15s ease-in;
	-ms-transition: opacity 0.15s ease-in;
	-moz-transition: opacity 0.15s ease-in;
	-webkit-transition: opacity 0.15s ease-in;
	*display: inline;
	*zoom: 1;
}
#Lineup .item .btn:hover {
	opacity: 0.7;
}
#Lineup .item .btn.blue {
	background: #2567d2;
	border-radius: 2px;
	box-shadow: 0px 0px 2px 2px #333;
	margin-top:40px;
}
#Lineup .item .btn.red {
	background: #e72e35;
	border-radius: 2px;
	box-shadow: 0px 0px 2px 2px #333;
	margin-top:40px;
}
#Lineup .item .btn.white {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 2px 2px #333;
}
#Lineup .item .btn a {
	display: block;
	padding: 16px 36px 16px 18px;
	font-size: 81.3%;
	color: #fff;
	background: url("../img/btn_arrow.png") no-repeat right center;
}
#Lineup .item .btn.blue a {
	background:url("../img/gradation.png") no-repeat center bottom !important;
}
#Lineup .item .btn.red a {
	background:url("../img/gradation.png") no-repeat center bottom !important;
}
#Lineup .item .btn.white a {
	color: #333;
	background:url("../img/gradation.png") no-repeat center bottom !important;
}
#Lineup .item .btn.down a {
	padding: 14px 64px 14px 64px;
	font-size: 75%;
	background: none;
}
html.ielegacy #Lineup .model-list {
	width: 750px;
}
html.ielegacy #Lineup .item .spec img {
	width: 94%;
	max-width: 387px;
}
html.ielegacy #Lineup .item .btn:hover {
	filter: alpha(opacity=70);
}


@media(max-width:640px) {
	#Lineup .item .btn {
		width:100%;
	}
}

/* .a7s
--------------------------------------------------------------------------------*/
#Lineup .item.a7s {
	width: 50%; /*387px;*/
}
#Lineup .item.a7s .img img {
	width: 100%;
	width: inherit\9; 
	max-width: 270px;
}
#Lineup .item.a7s .tag img {
	width: 100%;
	width: inherit\9;
	max-width: 263px;
}
#Lineup .note {
	font-size:75%;
	margin-top:0 auto;
	padding-left:90px;
	padding-top:20px;
	width:1280px;
	text-align:left;
	display: inline-block;
}

@media (max-width: 640px) {
	#Lineup .note {
		width: auto;
		padding:0 20px;
	}
}

/* .a7r
--------------------------------------------------------------------------------*/
#Lineup .item.a7r {
	width: 50%; /*387px;*/
}
#Lineup .item.a7r .img img {
	width: 100%;
	width: inherit\9;
	max-width: 270px;
}
#Lineup .item.a7r .tag img {
	width: 100%;
	width: inherit\9;
	max-width: 263px;
}


@media(max-width:640px) {
	#Lineup {
		padding: 14.062% 0 7.031%;
	}
	#Lineup .model-list {
		display: block;
		margin: 0 20px;
		background: none;
		width:auto;
	}
	#Lineup .item {
		float: none;
		margin-top: 30px;
		padding-bottom: 20px;
		width: auto !important;
		border-bottom: 1px dotted #7d7c7c;
		text-align:center;
	}
	#Lineup .item:last-child {
		border-bottom: none;
	}
	#Lineup .item .img {
		height: auto;
	}
	#Lineup .item .img img {
		margin: 0 !important;
		width: 70% !important;
	}
	#Lineup .item .tag {
		margin-top: 30px;
		height: auto;
	}
	#Lineup .item .tag img {
		width: 75% !important;
	}
	#Lineup .item .tag span {
		margin-top: 10px !important;
	}
	#Lineup .item .spec {
		margin-top: 20px;
		border-left: none !important;
		border-right: none !important;
	}
}

/* .message
--------------------------------------------------------------------------------*/
#Lineup .message {
	margin: 100px auto 0;
	padding: 33px 0 24px 0;
	width: 950px;
	text-align: left;
	background: #000;
	*zoom: 1;
}
#Lineup .message:after {
	clear: both;
	display: block;
	content: "";
}
#Lineup .message strong {
	display: block;
	margin-left: 41px;
}
#Lineup .message .img {
	float: right;
	margin: -34px 33px 0 53px;
}
#Lineup .message p {
	margin: 30px 0 0 40px;
	font-size: 87.5%;
	line-height: 2.0;
}
#Lineup .message .sign {
	margin: 25px 0 0 42px;
}
#Lineup .message .sign img {
	width: 320px;
}

#Lineup .bnr {
	margin-top:50px;
}
#Lineup .bnr2 {
	margin-top:40px;
}

@media(max-width:640px) {
	#Lineup .message {
		margin: 10% 10px 0;
		padding: 25px 0;
		width: auto;
	}
	#Lineup .message strong {
		margin: 0 20px;
		text-align: center;
	}
	#Lineup .message strong img {
		width: 70%;
		max-width: 280px;
	}
	#Lineup .message .img {
		float: none;
		margin: 15px 20px 0;
		text-align: center;
	}
	#Lineup .message .img img {
		width: 180px;
	}
	#Lineup .message p {
		margin: 20px 20px 0;
		font-size: 81.3%;
	}
	#Lineup .message .sign {
		margin: 20px 20px 0;
	}
	#Lineup .message .sign img {
		width: 100%;
		max-width: 320px;
	}
	#Lineup .bnr {
		width:auto;
		margin-left:20px;
		margin-right:20px;
	}
	#Lineup .bnr2 {
		width:auto;
		margin-left:20px;
		margin-right:20px;
	}
	#Lineup .bnr img,#Lineup .bnr2 img {
		width:100%;
	}
}


/*--------------------------------------------------------------------------------
	.pagetop
--------------------------------------------------------------------------------*/
.pagetop {
	margin: 0 auto;
	width: 950px;
	height: 1px;
}
.pagetop .floater {
	position: static;
	width: 950px;
	text-align: right;
}
.pagetop .floater.fixed {
	position: fixed;
	bottom: 0;
	z-index: 1000;
}
.pagetop .floater a {
	position: relative;
	/*top: -38px;*/
	display: block;
	float: right;
	width: 60px;
	height: 38px;
}
.pagetop .floater.fixed a {
	top: 0;
}
.pagetop .target {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 0px;
	zoom: 1;
}

@media(max-width:640px) {
	.pagetop {
		margin: 10px auto;
		width: auto;
	}
	.pagetop .floater {
		width: 95%;
		text-align: right;
	}
	.pagetop .floater a {
		float: none;
		display: inline-block;
		zoom:0.8;
	}
}

/*--------------------------------------------------------------------------------
	.copyright
--------------------------------------------------------------------------------*/
.copyright {
	margin: 10px auto 0;
	padding-right:150px;
	width: 950px;
	text-align: right;
	line-height: 0;
}

@media(max-width:640px) {
	.copyright {
		margin: 0px 15px 0 20px;
		width: auto;
		text-align: left;
	}
	.copyright img {
		width: 100%;
		max-width: 302px;
		margin-left: 0;
		margin-bottom:15px;
	}
}