@charset "utf-8";
/* ==========================================================

title : 東建ウェブサイト 建築商品一覧 RC・ユニヴァリィ・プロシード
scope : 「RC・ユニヴァリィ・プロシード」

last modify : 2019/05/07 306_Kondou

=============================================================== */

/* --------------------------------------------------------
  共通
==========================================================
  /apartment/2_4_europure_f3/
---------------------------------------------------------- */
header#header_3rd #description{
	color: #808080;
	}
header#header_3rd #logoarea {
	margin: 10px 0 0 17px;
	}

#breadcrumb,
#gosoudan_box{
	max-height:100%;
}

a:hover img {
	opacity:.7;
 -webkit-transition: all .2s;
 transition: all .2s;
}

a:hover {
	opacity:.7;
 -webkit-transition: all .2s;
 transition: all .2s;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
	a:hover img {
	opacity: 1;
}
	a:hover {
	opacity:1;
}
}

#main h1 span{
  text-indent:-99999999px;
  font-size:0px;
}

/* -area
---------------------------------------------------------- */
[id$="-area"]{
	margin:0 auto;
}

[id$="-area"] p{
	font-size:17px;
	line-height:25px;
}

/* 詳しくはこちら共通 */
[id$="-area"] .btn_info{
 display:block;
 background:#fff;
 height:35px;
 width:150px;
}
[id$="-area"] a.btn_info:hover{
	opacity:1;
}

/* -box
---------------------------------------------------------- */
[class$="-box"] {
 margin:auto;
	width: 1020px;
}

/* second-area
---------------------------------------------------------- */
#second-area{
 background-color:#000;
 text-align:center;
	margin:0 auto;
}

/* nav-area
---------------------------------------------------------- */
#nav-area{
 background-color:#616e89;
	margin:0 auto;
}

#nav-area ul {
	margin:0 auto;
  width:920px;
}

#nav-area ul li{
	width:230px;
	height:55px;
	margin:0;
	float:left;
}
#nav-area ul li	a:hover,
#nav-area ul li	a:hover img {
	opacity: 1;
}

/* --------------------------------------------------------
  トップページ
==========================================================
  /apartment/2_4_europure_f3/
---------------------------------------------------------- */

/* #top-area
---------------------------------------------------------- */
#top-area{
 background-color:#1b3c69;
 height:100%;
}

#top-area h1{
 position: absolute;
 top: 0;
 left: calc(50% - 490px);
 width: 980px;
 margin: 0 auto;
 overflow: hidden;
 z-index:2;
}

/* #visual
---------------------------------- */
#visual{
 position: relative;
 width: 100%;
 height: 512px;
 overflow: hidden;
 color: #000;
 text-align: center;
}
#visual .fader-slides-wrap{
  width: 100%;
}
#visual .slide{
  position: absolute;
  display:block;
  top: 0;
  left: 50%;
  width: 100%;
  height: 512px;
  margin-left: -50%;
  background: #000 none no-repeat scroll center top;
  text-align: center;
}
#visual .slide span{
  display: block;
  width: 980px;
  margin: 0 auto;
  background: #111;
}
#visual .slide img{
  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.75);
  box-shadow: 0 2px 15px rgba(0,0,0,0.75);
}
#visual	a:hover,
#visual	a:hover img {
	opacity: 1;
}

/* #slider
---------------------------------- */
#slider{
  position: relative;
  display:table;
  z-index: 1;
  width: 800px;
  margin: 0 auto 0 auto;
  padding: 20px 0;
}
#slider a:hover,
#slider a:hover img {
	opacity: 1;
}
#slider .nav{
 position: relative;
 display:table-row;
 width: 800px;
 overflow: hidden;
 margin: 0 auto;
}
#slider .nav li{
  width: 280px;
  display:table-cell;
}
#slider .nav li:nth-child(3){
  width: 240px;
}

/* #slider .nav li > a
---------------------------------- */
#slider .nav li > a{
  display: block;
  width: 240px;
  height: 125px;
}
#slider .nav li > a .img{
  display: block;
  width: 240px;
  height: 125px;
  text-indent:-9999999px;
  -webkit-transition: all .8s;
  transition: all .8s;
}
#slider .nav li:nth-child(1) > a .img{
	background:url(../image/img_slide1_sam.png) 0 0 no-repeat;
}
#slider .nav li:nth-child(1) > a.js_current .img{
	background:url(../image/img_slide1_sam_ov.png) 0 0 no-repeat;
}
#slider .nav li:nth-child(2) > a .img{
	background:url(../image/img_slide2_sam.png) 0 0 no-repeat;
}
#slider .nav li:nth-child(2) > a.js_current .img{
	background:url(../image/img_slide2_sam_ov.png) 0 0 no-repeat;
}
#slider .nav li:nth-child(3) > a .img{
	background:url(../image/img_slide3_sam.png) 0 0 no-repeat;
}
#slider .nav li:nth-child(3) > a.js_current .img{
	background:url(../image/img_slide3_sam_ov.png) 0 0 no-repeat;
}

/* #top-concept-area
---------------------------------------------------------- */
#top-concept-area{
 position: relative;
	background:url(../image/bg-concept.jpg) 50% 0 no-repeat;
 width:1020px;
 height:347px;
}
#top-concept-area > *:nth-child(1){
 position: absolute;
 display:block;
 top:62px;
 right:34px;
}
#top-concept-area > *:nth-child(2){
 position: absolute;
 display:block;
 top:52px;
 left:65px;
}

/* #top-design-area
---------------------------------------------------------- */
#top-design-area{
 background-color:#031C3C;
 border-top: 10px solid #000;
 color:#fff;
}
#top-design-area > .inner-box{
 position:relative;
 height:398px;
}
#top-design-area h2 {
 position:absolute;
 top:41px;
 left:65px;
}
#top-design-area h2 + p{
 position:absolute;
 left:62px;
 text-indent:-0.5em;
 text-align: justify;
 top:86px;
 width:22.5em;
}
#top-design-area h2 + p + figure{
 position:absolute;
 left:50%;
}
#top-design-area .btn_info{
 position:absolute;
 left:298px;
 bottom:40px;
}

#top-design-area > section{
 background-color:#003063;
}
#top-design-area > section > .inner-box{
 position:relative;
 height:201px;
}
#top-design-area h3 {
 position:absolute;
 left:60px;
 top:42px;
 font-size:22px;
 line-height:22px;
 letter-spacing:2px;
}
#top-design-area h3 + p{
 position:absolute;
 left:62px;
 text-align: justify;
 top:85px;
 width:22.6em;
}
#top-design-area h3 + p + figure{
 position:absolute;
 left:50%;
}

/* #top-equipment-area
---------------------------------------------------------- */
#top-equipment-area{
 border-top: 10px solid #000;
}
#top-equipment-area > .inner-box{
 position:relative;
 height:266px;
}
#top-equipment-area h2 {
 position:absolute;
 top:40px;
 left:572px;
}
#top-equipment-area h2 + p{
 position:absolute;
 left:572px;
 text-align: justify;
 text-justify:inter-ideograph;
 top:90px;
 width:22.98em;
}
#top-equipment-area .btn_info{
 position:absolute;
 right:62px;
 bottom:40px;
}

/* #top-security-area
---------------------------------------------------------- */
#top-security-area{
 background-color:#031C3C;
 border-top: 10px solid #000;
 border-bottom: 10px solid #000;
 color:#fff;
}
#top-security-area > .inner-box{
 position:relative;
 height:266px;
}
#top-security-area h2 {
 position:absolute;
 left:62px;
 top:41px;
}
#top-security-area h2 + p{
 position:absolute;
 left:62px;
 text-align: justify;
 top:90px;
 width:22.8em;
}
#top-security-area h2 + p + figure{
 position:absolute;
 left:50%;
}
#top-security-area .btn_info{
 position:absolute;
 left:298px;
 bottom:40px;
}

/* #top-barrierfree-area 
---------------------------------------------------------- */
#top-barrierfree-area {
 border-bottom: 1px solid #000;
 width:980px;
 margin-bottom:50px;
}
#top-barrierfree-area > .inner-box{
 position:relative;
 height:340px;
}
#top-barrierfree-area h2 {
 position:absolute;
 top:40px;
 left:424px;
}
#top-barrierfree-area .sttl{
 position:absolute;
 font-size:19px;
 font-weight:bold;
 top:85px;
 left:421px;
}
#top-barrierfree-area .sttl + p{
 position:absolute;
 left:420px;
 text-align: justify;
 text-justify:inter-ideograph;
 top:116px;
 width:30.5em;
}
#top-barrierfree-area figure{
 position:absolute;
 top:54px;
 left:82px;
}
#top-barrierfree-area .btn_info{
 position:absolute;
 right:82px;
 bottom:40px;
}

/* .comment_box
---------------------------------------------------------- */
.comment_box {
  margin: 40px auto 30px;
}

/* fancybox
---------------------------------------------------------- */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
 overflow:visible;
}
.fcb a {
 position: relative;
 display:block;
}
.fcb a img:nth-of-type(2) {
 position: absolute;
 top: 4px;
 left: 4px;
}

/*-------パンフレット・ＰＣチラシなど A-------*/

.info_area ul.ic {
  overflow: hidden;
  width: 920px;
  margin: 0px auto 44px;
}

.info_area ul.ic li.ic_bn {
  float: left;
  margin: 0px;
}

.info_area ul.ic li.ic_bn:nth-child(1) {
  float: left;
  margin: 0px 16px 0px 117px;
}

.info_area ul.ic li.ic_bn:nth-child(3) {
  float: left;
  margin: 0px 117px 0px 16px;
}

.info_area a:hover {
  opacity: 0.7;
}