@charset "utf-8";

/* ------------------------------------
  #パンくず ブラック
------------------------------------ */
#breadcrumb,
#breadcrumb a{ color:#fff !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;
	}
/*-------------------------
	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:45px;
	font-weight:normal;
	font-family:FP-ヒラギノ角ゴ StdN W1 !important;
	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: 230px;
    right: 35px;
	line-height: 1.2;
}
#model .section_head h3 p{
	font-size:18px !important;
	top:35px;
	left:0;
	}
#model .section_head p{
	width:350px;
	position:absolute;
	right:0px;
	top: 345px;
	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; }
*/

#modeltop .section_head h1.brand_logo img {
	height: 42px;
}
#concept0 .block {
	width: 400px;
	padding-right: 560px;
	white-space: nowrap;
}
#gallery p.read {
	color: #6e6e6e;
}
#plan #plan_drawing .item {
	text-align: center;
}
#concept1 .block, #concept2 .block, #concept3 .block, #concept4 .block {
	width: 250px;
	padding: 0 40px;
}
#concept_detail .block h3 {
	white-space: nowrap;
}
#outline .section_head h3 span {
	font-size: 16px;
}
#model .section_head p {
	width: 350px;
}
#model .section_head h3 {
	right: 0;
	width: 350px;
}
#model .section_head p {
	width: 350px;
}
#model .section_head::after {
	content: '';
	position: absolute;
	top: 220px;
	right: -20px;
	width: 390px;
	height: 400px;
	background-color: rgba(0,0,0,.3);
	z-index: -1;
}
#plan #plan_drawing .item img {
	width: 100%;
	height: auto;
}