@charset "utf-8";

.main-visual {
	background-position:center;
	background-size:cover;
	background-attachment: fixed;
    position: relative;
    overflow: hidden;
	}
 
.main-visual img.btn {
	display:none;
	position:absolute;
	width:14%;
	margin:auto;
	}
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
	width:100%;	
	}
@media screen and (max-width: 479px) {
	.main-visual {
		min-width:100% !important;
		position:relative;
		}
	.main-visual img.btn {
		display:block !important;
		z-index: 10 !important;
		position: absolute;
		top: 110px !important;
		text-align:center;
		left: 44%;
		width:14%;
		margin: auto;
		}
	.main-visual video {
		margin: 0 auto;
		z-index: 1;
		width:100%;	
		}
	}


#modeltop{
	background-image:url(../img/ikkodate-syouhin-century_primore3-living01.jpg);
	background-color:#4C443E;
	background-size:cover;
/*	background-size:auto !important;*/
	}
#modeltop h2.brand_logo img{ height:48px; width:auto; }


/*-------------------------
	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/ikkodate-syouhin-century_primore3-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/ikkodate-syouhin-century_primore3-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; }
*/