@charset "utf-8";


#modeltop{
	width:auto;
	background:url(../img/modeltop_bg_sp.jpg) no-repeat top;
	background-size:auto;
	}
#modeltop .inner{ padding:0px 0 0 !important;}
#modeltop .section_head{ height:auto !important; background-color:none;}
#modeltop .thum{
	width:70%;
	margin:auto;
	margin-bottom:20px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	justify-content:center;
	}
#model{
	position:relative;
	height:inherit;
	background:url(../img/model_img.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	z-index:1;
	}
	

/*-------------------------
	movie thum play btn
-------------------------*/
.play{
  border:none;
  margin: 0 0 3px;
  overflow: hidden;
  cursor: pointer;
  background:#fff;
}
.play .mv1,
.play .mv2{
	width: 100%;
	height: 150px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transition-duration: 0.5s;
	position:relative;
	}
.play .mv1:hover,
.play .mv2:hover{ opacity:0.8; transition-duration: 0.5s;}

.play a{ text-align:center; position:initial;}
.play img{
  width: 25%;
  transition-duration: 0.5s;
}
.play:hover img{
  transform: scale(0.8);
  transition-duration: 0.5s;
}

.mv1{ background:url(../img/mv_thum1.jpg) no-repeat; background-size:cover;}
.mv2{ background:url(../img/mv_thum2.jpg) no-repeat; background-size:cover;}
#mv{
	width:auto;
	background:url(../img/mv_bg_sp.jpg) no-repeat top;
	background-size:auto;
	height:60%;
	}
#mv .inner{ padding:30px 0 0 !important;}
#mv .section_head{ height:auto !important; margin-top: 40px; background-color:none;}
#mv .thum{
	width:70%;
	margin:auto;
	margin-bottom:220px;
	/*	margin-bottom:20px;*/
	display:flex;
	flex-direction:column;
	justify-content:center;
	justify-content:center;
	}
#mv p{
	font-size:20px;
	color:#fff;
	padding:10px 0 20px !important;
	}


#modeltop h1.brand_logo img{ height:36px !important; width:auto; }
#modeltop h2.brand_logo img{ height:36px; width:auto; }

#modeltop h1.brand_logo{ text-align:center; margin-top: 10px;}
.stylepro{ padding-top:0 !important; font-size:1.4em !important;}

#concept0{ background:url(../img/concept_00.jpg) no-repeat center center; }
#concept1{ background:url(../img/concept_01sp.jpg) no-repeat center center; }
#concept2{ background:url(../img/concept_02sp.jpg) no-repeat center center; }
#concept3{ background:url(../img/concept_03sp.jpg) no-repeat center center; }
#concept4{ background:url(../img/concept_04sp.jpg) no-repeat center center; }
#concept5{ background:url(../img/concept_05sp.jpg.jpg) no-repeat center center; }


	#model .inner{
		width:100%;
		height:auto;
		padding:0;
		position:static;
	}
	#model .section_head{
		width:100%;
		height:auto;
		padding:15px 15px 10px;
		background-color:#222222;
		color:#fff;
		line-height:1.56;
		text-shadow: 1px 1px 1px hsla(0,0%,0%,0.70);
	}

	#model .section_head h3{
		margin-bottom:5px;
		font-size:16px;
		font-weight:bold;
		padding:0;
		position:inherit;
	}
	#model .section_head h3 p{
		font-size:13px !important;
		}
	#model .section_head p{
		width:auto;
		font-size:11px;
		padding:0;
		position:inherit;
	}
	#model .model_img{
		display:block;
		width:100%;
		height:auto;
	}
	#model .model_img img{
		width:100%;
		height:auto;
	}
	
	#model .modelsub1{
	display:none;
	}

	#model .modelsub2{
	display:none;
	}
	
.sp{display:inherit;}