article#topPages section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center!important;
    width: 100%;
    height:600px;
}

article#topPages section#page1 {
    /* background-size: cover;*/
}
article#topPages section#page2 {
    background-size: cover;
    background-position: bottom center!important;
}
article#topPages section#page3 {
    height:auto;
    padding-bottom:20px;
}
article#topPages section#page4 {
    background-size: cover;
    clear:both;
}
article#topPages section#page5 {
    background-size: cover;
}
article#topPages section#page6 {
    background-size: cover;
}
article#topPages section#page8 {
    background-size: cover;
}
article#topPages section#page9 {
    background-size: cover;
}

var {
	font-size:8pt;
}
.news{
    background-color:rgba(255,255,255,0.8);
    padding:20px 20px 20px 20px;
}
.news a{
    text-decoration: underline;
}
.news dt{ width:135px; padding:0px 0 0 0px; font-size:9pt; margin-bottom:0; float:left;margin-right:25px; }
.news dt.new{ background:url(../../template/2/images/common/topic_icon_new.gif) left 0px no-repeat; text-align: right}
.news dd{ position:relative;top:-3px; }
    
.topmes {
    background-color:rgba(0,0,0,0.3);
    color:#ffffff;
    font-size:25pt;
    position:absolute;
    top:250px;
    margin:auto 70px;
}

.subtitle {
    font-weight:bold;
    font-size:60pt;
}

#search>div>h3{ margin-bottom:20px;}
#search { display: block; height:auto; padding-top:30px; }
#search #area h2{ text-align:center;margin:20px auto;width:100%;max-width:300px; }
#search #kodawari li{ display:block; height:53px; background:#EEEDEB; border-bottom:1px #FFF solid;}
#search #kodawari ul li a{ display:block; color:#394149; }
#search #kodawari ul li a:hover{ color:#D94F55;}
#search #kodawari h2{ text-align:center;margin:20px auto;width:100%;max-width:300px; }
#search .map li{ display:block; background:#EEEDEB; border-bottom:1px #FFF solid;}
#search .map ul li a{ display:block; color:#394149; }
#search .map ul li a:hover{ color:#D94F55;}

#search #area .menu{ clear:both; overflow:hidden; width:320px;}
#search #area .menu li{ float:left; display:block; width:160px; padding:17px 0; background:#eeedeb; border-bottom:1px solid #FFF; border-right:1px solid #FFF; box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#search #area .menu li:nth-child(2n){ border-right:none;}
#search #area .menu li:last-child{ font-size:14px; line-height:1.2;}
#search #area .menu li a{ display:block; font-size:14px; line-height:1.2; color:#394149; padding-left:10px; background-size:contain; }
#search #area .menu li a:hover{ color:#D94F55;}


#limited { padding-bottom:30px; position:relative; width:100%; background:url(../2/images/index/newRelease/background.jpg) no-repeat; background-size: cover; overflow:hidden;}
#limited ul{ display:block; margin:0; padding:0; overflow:hidden; }
#limited li{ position:relative;  display:block; background:#FFF; overflow:hidden; }
#limited li a{ display:block; width:98%; height:400px; max-width:216px; color:#000; margin:0 auto; }
#limited li a:hover{ text-decoration:none;}
#limited li a:hover img{ alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#limited li .thumb{ position:relative; display:block; width:98%; max-width:216px; margin:0 auto 10px auto; text-align:center;}
#limited li .new{ position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; background:url(../2/images/common/icon_new.png) right 15px top 12px no-repeat;}
#limited li a h3{ color:#000000; font-size:11pt; font-weight:bold; margin-top:5px; line-height:1.2em; }
#limited li a p{ clear:both; display:block; color:#656565; overflow:hidden; margin:5px 0; padding:3px 0; overflow:hidden; line-height:1.4; }
#limited li a p span{ display:block; float:left; color:#FFF; height:20px; padding:4px 3px 2px 3px; margin:-3px 5px 0 0; }
#limited li a p span.status_1{ background-color:#64AFE3; }
#limited li a p span.status_2{ background-color:#D67F6D; }
#limited li a p span.status_3{ background-color:#ff0000; }
#limited li a p span.status_4{ background-color:#D67F6D; }
#limited li a p.thumb_price{ font-size:10pt; margin:0; padding:0; line-height:16px; }
#limited li a p.thumb_lotarea{ margin:0; padding:0; line-height:1.6; }
#limited .more{ display:block; width:275px; margin:37px auto;}

#newRelease{ position:relative; width:100%; background:url(../2/images/index/newRelease/background.jpg) no-repeat; background-size: cover; overflow:hidden;}
#newRelease ul{ display:block; margin:0; padding:0; overflow:hidden; }
#newRelease li{ position:relative;display:block; background:#FFF; overflow:hidden; }
#newRelease li a{ display:block; width:98%; height:400px; line-height:14px; max-width:216px; color:#000; margin:0 auto; }
#newRelease li a:hover{ text-decoration:none;}
#newRelease li a:hover img{ alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#newRelease li .thumb{ position:relative; display:block; width:98%; max-width:216px; margin:0 auto 10px auto; text-align:center;}
#newRelease li .new{ position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; background:url(../2/images/common/icon_new.png) right 15px top 12px no-repeat;}
#newRelease li a h3{ color:#000000; font-size:11pt; font-weight:bold; margin-top:5px; line-height:1.2em; }
#newRelease li a p{ clear:both; display:block; color:#656565; overflow:hidden; margin:5px 0; padding:3px 0; overflow:hidden; line-height:1.4; }
#newRelease li a p span{ display:block; float:left; color:#FFF; height:20px; padding:4px 3px 2px 3px; margin:-3px 5px 0 0; }
#newRelease li a p span.status_1{ background-color:#64AFE3; }
#newRelease li a p span.status_2{ background-color:#D67F6D; }
#newRelease li a p span.status_3{ background-color:#ff0000; }
#newRelease li a p span.status_4{ background-color:#D67F6D; }
#newRelease li a p.thumb_price{ font-size:10pt; margin:0; padding:0; line-height:16px; }
#newRelease li a p.thumb_lotarea{ margin:0; padding:0; line-height:1.6; }
#newRelease .more{ display:block; width:275px; margin:37px auto;}
#special ul{ display:block; margin:0 auto; padding:0; overflow:hidden; }
#special li{ display:block; }
#special .more{ float:right; display:block; color:#000000; text-decoration:underline; font-size:14px;}
#special .more a{ display:block; color:#000000; text-decoration:underline; padding-left:0px;}
#soldOut{ background:#F6F6F6; border-top:1px #EDEDED solid; border-bottom:1px #EDEDED solid;}
#soldOut dt{ font-size:14px; font-weight:bold; }
#soldOut a{ color:#63717D; }

#newcons * { box-sizing:content-box; }
#newcons{ position:relative; width:100%; overflow:hidden;}
#newcons ul{ display:block; margin:0; padding:0; overflow:hidden; }
#newcons li{ width:30%; position:relative;  display:block; background:#FFF; overflow:hidden; }
#newcons li a{ display:block; width:auto; padding:5px 0px; max-width:400px; color:#000; margin:0 auto; }
#newcons li a:hover{ text-decoration:none;}
#newcons li a:hover img{ alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#newcons li .thumb{ position:relative; display:block; width:98%; max-width:216px; margin:0 auto 10px auto; text-align:center;}
#newcons li .new{ position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; background:url(../2/images/common/icon_new.png) right 15px top 12px no-repeat;}
#newcons li a h3{ color:#000000; font-size:14pt; font-weight:bold; margin:250px 5px 0px 5px;height:auto; line-height:1.2; }
#newcons li a p{ clear:both; display:block; color:#656565; overflow:hidden; margin:5px 0; padding:3px 0; overflow:hidden; line-height:1.4; }
#newcons li a span{ display:block; float:left; color:#FFF; font-size:10pt; height:14px; padding:4px 3px 2px 3px; margin:-3px 5px 0 0; }
#newcons li a span.status_1{ background-color:#64AFE3; }
#newcons li a span.status_2{ background-color:#D67F6D; }
#newcons li a span.status_3{ background-color:#ff0000; }
#newcons li a span.status_4{ background-color:#D67F6D; }
#newcons li a .thumb_price{ font-size:11pt; margin:0px 10px; padding:0; line-height:16px; }
#newcons li a .big_price{ position:absolute;margin:0px 0px;display:block;width:100%;background-color:rgba(245,107,107,0.8);height:25px;padding:10px 10px 0px 10px;text-align:right;color:#ffffff;top:225px;right:0px;z-index:100;font-size:21pt;/*background-color:rgba(0,0,0,0.1);padding:20px;*/ }
#newcons li a .photo{ position:absolute;top:0px;right:0px;height:240px; }
#newcons li a .thumb_lotarea{ margin:0; padding:0; line-height:1.6; }
#newcons .more{ display:block; width:275px; margin:37px auto;}

#chintai{ position:relative; width:100%; background:url(../2/images/background.jpg) no-repeat; background-size: cover; overflow:hidden;}
#chintai ul{ display:block; margin:0; padding:0; overflow:hidden; }
#chintai li{ position:relative;  display:block; background:#FFF; overflow:hidden; }
#chintai li a{ display:block; width:98%; height:350px; max-width:216px; color:#000; margin:0 auto; }
#chintai li a:hover{ text-decoration:none;}
#chintai li a:hover img{ alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#chintai li .thumb{ position:relative; display:block; width:98%; max-width:216px; margin:0 auto 10px auto; text-align:center;}
#chintai li .new{ position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; background:url(../2/images/common/icon_new.png) right 15px top 12px no-repeat;}
#chintai li a h3{ color:#000000; font-size:11pt; font-weight:bold; line-height:1.5em; }
#chintai li a p{ clear:both; display:block; color:#656565; overflow:hidden; margin:5px 0; padding:3px 0; overflow:hidden; line-height:1.4; }
#chintai li a p span{ display:block; float:left; color:#FFF; height:14px; padding:4px 3px 2px 3px; margin:-3px 5px 0 0; }
#chintai li a p span.status_1{ background-color:#64AFE3; }
#chintai li a p span.status_2{ background-color:#D67F6D; }
#chintai li a p span.status_3{ background-color:#ff0000; }
#chintai li a p span.status_4{ background-color:#D67F6D; }
#chintai li a p.thumb_price{ font-size:10pt; margin:0; padding:0; line-height:16px; }
#chintai li a p.thumb_lotarea{ margin:0; padding:0; line-height:1.6; }
#chintai .more{ display:block; width:275px; margin:37px auto;}


@media screen and (min-width:736px) {
    #search { clear:both; max-width:1160px; margin:0px auto 0px auto;}
    #search>div{ float:left; padding:10px 19px 19px 19px; background:#FFF;}
    #search>div.banner{ text-align:center; float:left;}  
    #search #area .map{ width:320px; height:305px; }
    #search #area h2{text-align:left;margin:0px;max-width:300px;}
    #search #kodawari ul li a{  padding:12.5px 0 12.5px 38px; }
    #search #kodawari h2{text-align:left;margin:0px;max-width:300px;}
    #limited ul{ max-width:1064px; margin:15px auto;}
    #limited li{ float:left; width:23%; padding:10px 0; margin:0 1%; margin-bottom:10px;}
    #limited li .title{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; }
    #limited li .address{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto;}
    #newRelease ul{ max-width:1064px; margin:15px auto;}
    #newRelease li{ float:left; width:23%; padding:10px 0; margin:0 1%; margin-bottom:10px;}
    #newRelease li .title{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; }
    #newRelease li .address{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto;}
    #newcons ul{ max-width:1064px; margin:15px auto;}
    #newcons li{ float:left; padding:10px 0; margin:0 1%;}
    #newcons li .title{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; }
    #newcons li .address{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto;}
    #chintai ul{ max-width:1064px; margin:0 auto;}
    #chintai li{ float:left; width:23%; padding:10px 0; margin:0 1%; margin-bottom:10px;}
    #chintai li .title{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; }
    #chintai li .address{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto;}
    #special{ max-width:1160px; margin:0 auto; }
    #special ul{ clear:both; }
    #special li{ width:50%; }
    #special li:nth-child(odd){ float:left; }
    #special li:nth-child(even){ float:right; }
    #special .more{ margin:24px 0; line-height:150%; display:block; color:#000000; text-decoration:underline;}
    #soldOut .inner{ max-width:1160px; margin:0 auto;}
    #soldOut h3{ float:left; display:block; width:260px; text-align:center;}
    #soldOut dl{ display:block; border-left:1px #B1B1B1 solid; margin-bottom:68px; padding-left:20px; overflow:hidden; }
    #soldOut dt{ float:none; clear:left; width:80px;text-align:right; font-size:14px; font-weight:normal; padding:5px 25px 0px 0; }
    #soldOut dd{ float:none; padding:5px 0; }
}

@media screen and (min-width:900px) {
    #soldOut .inner{ max-width:1160px; margin:0 auto;}
    #soldOut h3{ float:left; display:block; width:290px; text-align:center;}
    #soldOut dl{ display:block; border-left:1px #B1B1B1 solid; margin-bottom:68px; padding-left:50px; overflow:hidden; }
    #soldOut dt{ float:left; clear:left; width:80px;text-align:right; font-size:14px; font-weight:normal; padding:5px 25px 5px 0; }
    #soldOut dd{ float:left; padding:5px 0; }
}

@media screen and (min-width:1020px){
    .disp_sp_pr{ display:none;}
    .disp_tb_pr{ display:none;}
}
@media screen and (min-width:736px) and (max-width:1020px) {
    .disp_pc_pr{ display:none;}
    #search .banner{ width:auto!important; }
    .top_prbn2{ width:100%!important; height:auto; margin:0 auto;}
}
@media screen and (max-width:736px){
    .disp_tb_pr{ display:none;}
    .disp_pc_pr{ display:none;}
}

@media screen and (max-width:1020px){
    #search>div.banner{ text-align:center;width:95%; margin:40px auto 0 auto; float:none; display:block;}
    #search>div.banner img{ width:100%; max-width: 700px; }
    #limited li a h3{ font-size:0.9em; }
    #limited li a p{ font-size:0.8em;}
    #newRelease li a h3{ font-size:0.9em; }
    #newRelease li a p{ font-size:0.8em;}
    #newcons li a h3{  }
    #newcons li a p{ font-size:0.8em;}
    #chintai li a h3{ font-size:0.9em; }
    #chintai li a p{ font-size:0.8em;}
}

/******** スマホ、タブレット用 ********/
@media screen and (max-width:736px){
    section.scrollEvent{ padding-top:50px; }
    #search{ margin-top:30px; padding-top:0px;} 
    #search>div{ width:95%; margin:0 auto;} 
    #search #area .menu{ clear:both; overflow:hidden; width:100%;}
    #search #area .menu li{ float:left; height:auto; display:block; width:50%; padding:15px 0; background:#eeedeb; border-bottom:1px solid #FFF; border-right:1px solid #FFF; box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    #search #area .menu li:nth-child(2n){ border-right:none;}
    #search #area .menu li:last-child{ font-size:14px; line-height:1.2;}
    #search #area .menu li a{ display:block; font-size:14px; line-height:1.2; color:#394149; padding-left:30px; }
    #search #area .menu li a:hover{ color:#D94F55;}
    #search #kodawari{ padding-top:25px; margin:0 auto; width:95%!important;}
    #search #kodawari ul li{ height:auto; padding:15px 0;}
    #search #kodawari ul li a{ font-size:14px; line-height:1.2; padding-left:50px; background:url(../2/images/index/search/icon_sp.gif) 20px center no-repeat; background-size:contain; }
    #limited ul{ width:90%; max-width:562px; margin:0 auto; overflow:hidden; }
    #limited li{ padding:10px 0;}
    #limited li.disp_pc{ display:none; }
    #limited li a{ display:block; width:98%; max-width:216px; margin:0 auto;}
    #limited li a .thumb img{ display:block; max-height:583px; margin:0 auto;}
    #limited li a h3{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; font-size:11pt;}
    #limited li a p{ display:block; width:98%; margin:0 auto 10px auto; font-size:9pt;}
    #limited .btn{ position:absolute; z-index:20;  }
    #limited .btn{ position:absolute; top:50%; margin-top:-30px;  }
    #limited .prev{ left:10px; }
    #limited .next{ right:10px; }
    #limited .more{ width:60%;}
    #newRelease ul{ width:90%; max-width:562px; margin:0 auto; overflow:hidden; }
    #newRelease li{ padding:10px 0;}
    #newRelease li a{ display:block; width:98%; max-width:216px; margin:0 auto;}
    #newRelease li a .thumb img{ display:block; max-height:583px; margin:0 auto;}
    #newRelease li a h3{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; font-size:11pt;}
    #newRelease li a p{ display:block; width:98%; margin:0 auto 10px auto; font-size:9pt;}
    #newRelease .btn{ position:absolute; z-index:20;  }
    #newRelease .btn{ position:absolute; top:50%; margin-top:-30px;  }
    #newRelease .prev{ left:10px; }
    #newRelease .next{ right:10px; }
    #newRelease .more{ width:60%;}
    #newcons ul{ width:90%; max-width:562px; margin:0 auto; overflow:hidden; }
    #newcons li{ width:auto; }
    #newcons li.disp_pc{ display:none; }
    #newcons li a{ display:block; width:98%; max-width:216px; margin:10px auto 0px auto;padding:5px 20px; }
    #newcons li a .big_price{ font-size:12pt;width:auto;background-color:rgba(255,255,255,1);height:auto;padding:0px 0px 0px 0px;text-align:left;margin:20px 0px;position:static;color:#656565;z-index:100; }
    #newcons li a .photo{ position:static;height:160px; }
    #newcons li a .thumb img{ display:block; max-height:583px; margin:0 auto;}
    #newcons li a h3{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; font-size:11pt;}
    #newcons li a p{ display:block; width:98%; margin:0 auto 10px auto; font-size:9pt;}
    #newcons .btn{ position:absolute; z-index:20;  }
    #newcons .btn{ position:absolute; top:50%; margin-top:-30px;  }
    #newcons .prev{ left:10px; }
    #newcons .next{ right:10px; }
    #newcons .more{ width:60%;}
    #chintai ul{ width:90%; max-width:562px; margin:0 auto; overflow:hidden; }
    #chintai li{ padding:10px 0;}
    #chintai li.disp_pc{ display:none; }
    #chintai li a{ display:block; width:98%; max-width:216px; margin:0 auto;}
    #chintai li a .thumb img{ display:block; max-height:583px; margin:0 auto;}
    #chintai li a h3{ display:block; width:98%; max-width:216px; margin:0 auto 10px auto; font-size:11pt;}
    #chintai li a p{ display:block; width:98%; margin:0 auto 10px auto; font-size:9pt;}
    #chintai .btn{ position:absolute; z-index:20;  }
    #chintai .btn{ position:absolute; top:50%; margin-top:-30px;  }
    #chintai .prev{ left:10px; }
    #chintai .next{ right:10px; }
    #chintai .more{ width:60%;}
    #special ul{ width:95%; }
    #special ul li{ text-align:center; margin-bottom:30px; }
    #special .more{ max-width:100%; margin:0px 2% 30px auto; font-size:14px; line-height:150%; display:block; color:#000000; text-decoration:underline; }
    #soldOut h3{ display:block; width:100%; margin-bottom:30px; text-align:center;}
    #soldOut dl{ display:block; width:95%; max-width:567px; margin:0 auto; overflow:hidden; border-top:1px solid #cdcdcd; padding:30px 0;}
    #soldOut dt{ display:block; font-size:14px; font-weight:normal; padding:0;}
    #soldOut dd{ display:block; font-size:14px; margin-bottom:20px; padding:0; }
    .top_prbn{ width:95%!important; height:auto; margin:0 auto;}

}
@media screen and (max-width:430px){
    #start .logo{ background-size:90%; }
    #search>div.banner{ margin:25px auto 0 auto;}
    #search #area .menu li a{ background-size:6px 12px; padding-left:25px; }
    #search #kodawari ul li a{ background-size:6px 12px; padding-left:25px; }
}



@media screen and (max-width:640px){
    .news dt{ width:135px; padding:0px 0 0 0px; font-size:9pt; margin-bottom:0; float:none;margin-right:0px;}
    .news dt.new{ background:url(../../template/2/images/common/topic_icon_new.gif) left 0px no-repeat; text-align:right; } 
    .news dd{ position:inherit; }
}


article#topPages section#page2 .pageContents {
    top:160px;
    height:350px;
    vertical-align:middle;
}

@media screen and (max-width:1020px) {

    article#topPages section {
        height: auto;
        background-position: bottom center!important;
        min-height: 500px;
    }

    article#topPages section#page2 .pageContents {
        top:120px;
        height:300px;
    }

    article#topPages section#page2 .pageContents .inner {
        top:0px;
    }

    #search { padding-top:10px; }
    #search:after { clear:both; }
}

@media screen and (max-width:734px) {

    article#topPages section#page2 .pageContents {
        top:80px;
        min-height:350px;
        height:auto;
    }

    #search { padding-top:0px; }
}


/* Slider */
.sliders li>img{ display:none; max-width:none;  }
.slick-slider { position: relative; display: block; height:100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: hidden; } 
.slick-slider div, .slick-slider li{  height:100%; }
.slick-list{    position: relative;    display: block; overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{    -webkit-transform: translate3d(0, 0, 0);       -moz-transform: translate3d(0, 0, 0);        -ms-transform: translate3d(0, 0, 0);         -o-transform: translate3d(0, 0, 0);            transform: translate3d(0, 0, 0);}
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;}
.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{  display: none;    float: left;    height: 100%;    min-height: 1px; overflow: hidden; }
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{   display: block;  /* max-width:none; */  }
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}


