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

/*--------------------------------------------------------------------------------
	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: YuGothic,"ŸàƒSƒVƒbƒN","\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro",
	"\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Droid Sans",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-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%;
	}
}

/*--------------------------------------------------------------------------------
	.head
--------------------------------------------------------------------------------*/
.head {
	width:auto;
}
.head h2{
	width:100%;
	display:block;
}
.head img.bg{
	width:100%;
	z-index:-10;
}


/*--------------------------------------------------------------------------------
	.intro
--------------------------------------------------------------------------------*/
.intro {
	z-index:10;
	margin-top:-20%;
	margin-bottom:20%;
	text-align:center;
	width:100%;
}

@media(max-width:640px) {
	.head {
		margin-top:20px;
	}
	.intro {
		margin: 20px 20px 0px 20px;
		padding-bottom: 12%;
		width:auto;
	}
	.intro h2 {
		padding-top: 10%;
	}
	.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;
}
.Profile .section {
	width: 950px;
	margin: 0 auto;
}
.Profile .section .copy {
	padding: 75px 0 0 66px;
	display: block;
}
.Profile .section .copy p {
	display: none;
}
.Profile .section p.name {
	padding: 40px 0 0 68px;
}
.Profile .section span {
	margin: 16px 0 0 74px;
	display: block;
}
@media(max-width:640px) {
	.Profile {
		margin-top:0px;
		height:auto;
		background-position: center bottom;
		background-size: contain;
	}
	.Profile .section {
		margin: 0 20px;
		width: auto;
	}
	.Profile .section .copy {
		display: block;
		padding: 0;
		width: auto;
	}
	.Profile .section .copy p {
		display: block;
		line-height: 2.0;
		text-align: center;
	}
	.Profile .section .copy img{
		display: none;
	}
	.Profile .section p.name {
		padding: 27% 0 0 0;
	}
	.Profile .section p.name img {
		width: 100px;
	}
	.Profile .section span {
		margin: 20px 0 0 0;
		padding-bottom: 20%;
	}
	.Profile .section span img {
		width: 80px;
	}
}
@media(max-width:360px) {
	.Profile .section .copy p {
		font-size: 93.8%;
	}
}
@media(max-width:320px) {
	.Profile .section .copy p {
		font-size: 81.3%;
	}
}

/*--------------------------------------------------------------------------------
	#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 h3{
	margin-bottom: 60px;
}
#Interview .section img.left {
	float: left;
	margin-right: 60px;
	margin-top: 15px;
	margin-bottom: 40px;
}
#Interview .section img.right {
	float: right;
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 40px;
}
#Interview .section .txt-box h4 {
	font-size: 13pt;
	line-height: 38px;
	font-weight: bold;
	margin-top: 15px;
}
#Interview .section .txt-box h4 span.slash {
	padding-right: 10px;
	font-weight: normal;
	letter-spacing: -0.35em;
}
#Interview .section .txt-box p{
	font-size: 12pt;
	line-height: 30px;
}
@media(max-width:640px) {
	#Interview {
		padding: 50px 0 45px;
		width: auto;
	}
	#Interview .section {
		width:auto;
		margin:0;
		padding: 0 20px;
		text-align:center;
	}
	#Interview .section img.left {
		float: none;
		margin: 15px 0px 20px 0px;
		max-width: 362px;
		width: 100%;
	}
	#Interview .section img.right {
		float: none;
		margin: 15px 0px 20px 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: 490px;
	}
	#Interview .section .txt-box h4{
		text-align:left;
	}
	#Interview .section .txt-box p{
		text-align:left;
	}
}
@media(max-width:360px) {
	#Interview .section .txt-box h4{
		font-size:12pt;
	}
	#Interview .section .txt-box p{
		font-size: 11pt;
	}
}

/*--------------------------------------------------------------------------------
	#orignal
--------------------------------------------------------------------------------*/

#Interview .section.part1 img.left{
	margin-bottom: 230px;
}

#Interview .section.part3_2{
	margin-top: 20px;
}


#Interview .section .txt-box p.sepalate{
	margin-top:20px;
}


#Interview .section.part4 img.right{
	margin-bottom: 200px;
}

@media(max-width:640px) {
	#Interview .section.part4 img.right{
	margin-bottom: 0px;
	}
}


/*--------------------------------------------------------------------------------
	#Lineup
--------------------------------------------------------------------------------*/
#Lineup {
	position: relative;
	z-index: 10;
	padding: 90px 0 45px;
	text-align: center;
	background: #000;
}
#Lineup .model-list {
	margin:0 auto;
	width: 950px;
	*zoom: 1;
}
#Lineup .model-list:after {
	clear: both;
	display: block;
	content: "";
}
#Lineup .item.a7m2 {
	float: left;
	margin-left: 11.5789%; /*110px;*/
	width: 33.473%; /*318px;*/
}
#Lineup .item.a6000 {
	float: right;
	margin-right: 12.6315%; /*120px;*/
	width: 28.842%; /*274px;*/
}
#Lineup .item.a6000 img {
	margin-top: 82px;
}
#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 .item .btn:hover {
	filter: alpha(opacity=70);
}

@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 {
		margin-top: 30px;
		padding-bottom: 20px;
		width: auto !important;
		border-bottom: 1px dotted #7d7c7c;
		text-align:center;
	}
	#Lineup .item.a7m2 {
		float: none;
		margin-left: 0;
		width: auto;
	}
	#Lineup .item.a7m2 img {
		max-width: 318px;
	}
	#Lineup .item.a6000 {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#Lineup .item.a6000 img {
		margin-top: 0;
		max-width: 258px;
	}
	#Lineup .item:last-child {
		border-bottom: none;
	}
	#Lineup .item .img {
		height: auto;
	}
	#Lineup .item .img img {
		margin: 0 !important;
		width: 70% !important;
	}
	#Lineup .item .btn {
		width:100%;
	}
}

/* .bnr
--------------------------------------------------------------------------------*/
#Lineup .bnr {
	margin-top:90px;
}
#Lineup .bnr2 {
	margin-top:40px;
}

@media(max-width:640px) {
	#Lineup .bnr {
		width:auto;
		margin-top: 40px;
		margin-left: 20px;
		margin-right: 20px;
	}
	#Lineup .bnr2 {
		width:auto;
		margin-top: 20px;
		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;
	}
}