@charset "utf-8";

/* ------------------------------------
  #パンくず ブラック
------------------------------------ */
#breadcrumb,
#breadcrumb a{ color:#fff !important;}

/*-------------------------
	movie thum play btn
-------------------------*/
.play{
  border:none;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background:#fff;
}
.play .mv1,
.play .mv2{
	width: 435px;
	height: 270px;
	transition-duration: 0.5s;

	}
.play .mv1:hover,
.play .mv2:hover{ opacity:0.8; transition-duration: 0.5s;}

.play a{
	text-align:center;
    display: block;
    height: 100%;
	position:relative;
	}
.play img{
  width: 25%;
  margin:auto;
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  transition-duration: 0.5s;
}
.play:hover img{
  transform: scale(0.8);
  transition-duration: 0.5s;
}
.mv1{ background:url(../img/mv_thum1.jpg) no-repeat;}
.mv2{ background:url(../img/mv_thum2.jpg) no-repeat;}
.stylepro{
	width:100% !important;
	text-align:center;
	margin:auto;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
	font-size:26px !important;
	padding-top: 40px !important;
	}


#modeltop{
	background-image:url(../img/modeltop_bg.jpg);
	background-color:#4C443E;
	background-size:cover;
/*	background-size:auto !important;*/
	}
#modeltop .section_head{
	height:520px !important;
	}

#modeltop h2.brand_logo img{ height:48px; width:auto; }

#mv p{
    padding: 100px 0 50px;
    font-size: 24px;
    color: #fff;	
	}
#mv{
	background-image:url(../img/mv_bg.jpg);
	background-color:#4C443E;
	background-size:cover;
    background-position: center;
	height:700px;
/*	background-size:auto !important;*/
	}
#mv .thum{ display:flex; justify-content:center;}
/*#modeltop .thum{ display:flex; justify-content:space-between;}*/

#mv h2{
	font-size:28px;
	text-align:center;
	padding:100px 0 50px;
	color:#fff;
	}

/*-------------------------
	MODEL
-------------------------*/
h2.brand_logo {
    right: -20px !important;
    bottom: -50px !important;}
	
#model{
	position:relative;
	height:750px;
	background:url(../img/model_img.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	z-index:1;
	
}
	
#model .inner{
	position:relative;
	width:900px;
	height:505px;
	margin:0 auto;
	padding:175px 0 70px;
	text-align:left;
}

#model .section_head h3{
	font-size:26px;
	line-height:1.46;
	font-weight:normal;
	text-shadow:1px 1px 1px hsla(0,0%,0%,0.5),1px 1px 1px hsla(0,0%,0%,0.5);
	padding:0;
	position:absolute;
	top: 60px;
    left: 0px;
}
#model .section_head h3 p{
	font-size:18px !important;
	top:35px;
	left:0;
	}
#model .section_head p{
	width:400px;
	position:absolute;
	right:0px;
	top: 320px;
	font-size:14px;
	line-height:1.86;
	text-shadow:1px 1px 1px hsla(0,0%,0%,0.5),1px 1px 1px hsla(0,0%,0%,0.5);
	padding:0;
}

#model .modelsub1{
	position:absolute;
	top:80px;
	left:120px;
}

#model .modelsub2{
	position:absolute;
	right:120px;
	bottom:80px;
}

#model .model_img{
	display:none;
}


.sp{ display:none;}

#tech .inner{
	background:url(../img/century_monocoque01_bg.png) no-repeat bottom left;
	height:720px;
	}
#tech .section_head{
	top:0;
	left:0px;
	padding:170px 0 0 0 !important;
	}
#tech .section_2{
	position:absolute;
	top:89px;
	right:36px;
	width:334px;
	}
#tech .section_2 p.read{
	padding-top:20px;
	padding-bottom:20px;
	font-weight:bold;
}
	video{ margin:0;}
p.caption{
	font-size:10px;
	padding-top:20px;
	}
#tech .section_2 p{
    letter-spacing: -0.1px;
	}
#tech .link{
	text-align:right;
	padding:30px 10px 10px;
	}
#tech .link a{
    background: #969696;
    padding: 5px 16px;
    border-radius: 4px;
	color:#fff !important;
	}
.txt_block h3 p{
	font-size:16px;
	padding:5px 0;
	}
@media screen and (max-width: 479px) {
	h2.brand_logo {
    	right: 0px !important;
    	bottom: 0px !important;}

	video{ margin:40px 0 0 0 !important;}
	
	#tech .inner{
		background:url(../img/century_monocoque01_bg.png) no-repeat bottom left;
		background-size:76% !important;
		height:770px;
		}
	#tech .section_head{
		padding:20px 0 0 0 !important;
		margin:0 2% !important;
		width:96%;
		left:0 !important;
		text-align:center;
		}
	#tech .section_head img {
		width:96%;
		}
	#tech .section_2{
		position:inherit !important;
		width:100% !important;
		top:0;
		right:0;
		}
	#tech .section_2 p.read{
		padding-top:20px;
		padding-bottom:10px;
	}
	#tech .section_2 p{
		padding-left:20px;
		padding-right:20px;
	}
	#tech .section_head h2 {
		margin-bottom:15px !important;
		}
	#tech .link{
		text-align:right;
		padding:10px 10px 10px !important;
		}
}


/*==================
	interior
====================*/
#concept_nav .flipsnap .item a:hover span, #concept_nav .flipsnap .item .active span {
    background-color: #999 !important;
}
#interior{ background:#e9e9e9;}
#interior .inner {
    width: 900px;
    padding-top: 70px;
	}
#interior .section_head{ margin-bottom:30px;}
#interior .section_head h2{
	float:left;
	}
#interior .section_head p.read{
	padding-top:15px;
	float:right;
	text-align:right;
	}
#interior .section_head:after,
#interior_thum ul:after{ content:""; clear:both; display:block;}
#interior_thum li{
	float:left;
	}
#interior_thum li:hover{ opacity:0.6;}
.attention{ font-size:10px;}
#interior .pc{ display:block;}
#interior .sp{ display:none;}
	
	@media screen and (max-width: 479px){
	#interior .pc{ display:none;}
	#interior .sp{ display:block;}
	#interior .inner {
		width: 100%;
		padding: 25px 20px 25px;
		}
	#interior_thum li{
		width:50%;
		}
	#interior .section_head h2,
	#interior .section_head p.read{ float:none;}
	#interior .section_head h2 img {
		width: auto;
		height: 26px;
		}
	#interior .section_head p.read {
		margin-bottom: 0;
		color: #6e6e6e;
		font-size: 12px;
		line-height: 1.67;
		text-align:left;
		}
	#interior .section_head p.read br{ display:none;}
	}


/*
#concept0{ background:url(../img/ikkodate-syouhin-century_primore3-living02_bg00.jpg) no-repeat center center; }
#concept1{ background:url(../img/ikkodate-syouhin-century_primore3-century_amenity_bg01.jpg) no-repeat center center; }
#concept2{ background:url(../img/ikkodate-syouhin-century_primore3-century_safety_bg02.jpg) no-repeat center center; }
#concept3{ background:url(../img/ikkodate-syouhin-century_primore3-century_wellness_bg03.jpg) no-repeat center center; }
*/