.lineup-wrap{width:100%;float: left;margin:0}
.lineup-container{width:1400px; margin:90px auto 0}
.toptx{width:55%;float: left; margin:0 22.5% 70px;text-align: center}
.toptx h1{margin:0 0 30px;font-size: 26px; font-weight:500; letter-spacing: 0.1em;text-indent: 0.1em;}
.toptx h1{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.toptx h1.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.toptx h2{margin-bottom: 40px;font-size:18px;font-weight:500; }
.toptx h2{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.toptx h2.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.sidebar-right{width:48%;float:left;margin:0;padding-top: 10px}
.m-pic{ float:left;width:45%; margin:0 0 80px 7%;}
.m-pic{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.m-pic.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.m-pic img{max-width:100%;height: auto;display: block;margin: 0;} 
.featurebox{width:100%;float: left;margin-bottom: 30px}
.feature{width:100px;border: 1px solid #0090BF;border-radius:18px;text-align: center;line-height: 1.6em;font-size: 20px;font-weight: 500;letter-spacing: 0.1em;}
.right-tx{width:100%;float:left;margin-bottom:25px; line-height: 1.5em}
.right-tx h2{margin:0 0 10px;font-size:18px;font-weight: 500;letter-spacing: 0.1em}
.right-tx h2{opacity:0;-moz-transform:translateX(20px);-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.right-tx h2.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.right-tx h3{margin-bottom:5px;font-size:15px;font-weight: 500;color: #666}
.right-tx p{font-size:16px;line-height: 1.7em;text-align:justify;}
.right-tx p{opacity:0;-moz-transform:translateX(20px);-ms-transform:translateX(20px);-webkit-transform:translateX(20px);transform:translateX(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.right-tx p.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.video-content{width:100%; float:left;margin:0 0 80px;}
.video-content{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.video-content.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.lineup-video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.lineup-video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width: 1600px) {
.lineup-container{width:1160px;margin: 70px auto 0}
.toptx{width:60%;margin:0 20% 60px}
.m-pic{margin:0 0 70px 7%;}
}
@media screen and (max-width: 1200px) {
.lineup-container{width:86%;margin:60px auto 0}
.toptx{width:65%;margin:0 17.5% 55px}
.toptx h2{margin-bottom: 30px;font-size:18px}
.m-pic{margin:0 0 70px 7%;}
.video-content{margin:0 0 70px;}
}
@media screen and (max-width: 980px) {
.lineup-container{width:90%;margin: 50px auto 0}
.toptx{width:80%;margin:0 10% 35px}
.toptx h1{margin:0 0 25px;font-size: 22px;}	
.toptx h2{margin-bottom: 20px}
.sidebar-right{padding:0;margin-bottom:20px}	
.featurebox{margin-bottom:20px}
.right-tx{margin-bottom:15px;}
.right-tx h2{margin:0 0 6px;}
.right-tx h3{margin-bottom:4px;}
.right-tx p{font-size:16px;line-height: 1.7em;}
.video-content{margin:0 0 60px;}
}
@media screen and (max-width: 767px) {
.lineup-container{margin:30px auto 0}	
.toptx{width:100%;margin:0 0 15px}
.toptx h1{margin:0 0 15px;font-size: 20px;}	
.toptx h2{margin-bottom:15px}
.featurebox{margin-bottom:12px;}
.m-pic{width:100%; margin:0 0 30px;}
.sidebar-right{width:100%;margin-bottom:10px}
.right-tx h2{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}
.right-tx p{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}
.video-content{margin:0 0 35px;}
}

.lineup-bwrap{width:100%;float: left;margin:0;}
.lineup-bcontainer{width:80%; margin:10px auto 100px}
.flow-content{float:left;width:100%; margin:0; padding:0; font-size:0}
.flow-box{float:none;width:14.285714%; margin:0; text-align:left;display: inline-block;vertical-align: top;}
.flow-box{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.flow-box.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.flow-box:nth-child(1).show{-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}
.flow-box:nth-child(2).show{-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
.flow-box:nth-child(3).show{-moz-transition-delay:.4s;-o-transition-delay:.4s;-webkit-transition-delay:.4s;transition-delay:.4s}
.flow-box:nth-child(4).show{-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}
.flow-box:nth-child(5).show{-moz-transition-delay:.8s;-o-transition-delay:.8s;-webkit-transition-delay:.8s;transition-delay:.8s}
.flow-box:nth-child(6).show{-moz-transition-delay:1.0s;-o-transition-delay:1.0s;-webkit-transition-delay:1.0s;transition-delay:1.0s}
.flow-box:nth-child(7).show{-moz-transition-delay:1.2s;-o-transition-delay:1.0s;-webkit-transition-delay:1.0s;transition-delay:1.2s}
.flow-box:nth-child(8).show{-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.0s;transition-delay:1.4s}
.boxtop{width:100%; float:left;margin:0 0 10px; text-align: center;}
.flowicon{width:50px;height: 50px;position: absolute;top:0;left: 0; margin:0 0 10px 0;padding:10px; border: 2px solid #9e9a6d; border-radius:50%;text-align: center;background-color: #fff;font-size: 15px; font-weight:600;text-align: center;line-height: 28px}
.flow img{max-width:90%; height: auto;}
.flow-no{width:50px; font-size:15px; text-align: left;text-align: center; margin-bottom:10px;margin-right: auto;display: block}
.flow-info{width:85%; float:left;margin:0 15% 0 0;}
.flow-info h2{font-size:17px; line-height:1.8em;font-weight: 500;margin-bottom: 5px;}
.flow-info p{margin:0;font-size:15px;color: #555;line-height:1.7em;text-align:justify;}
.flow-linebox{width:100%; float:left;margin:0 0 20px 0;position: relative;}
.flow-line{width:100%;float:left; height: 1px; margin:25px 0; background-color: #666}
.flow-lastline{width:100%;float:left; height: 1px; margin:25px 0; background-color:transparent}
@media screen and (max-width: 1600px) {
.lineup-bcontainer{width:1160px;}
}
@media screen and (max-width:1200px) {
.lineup-bcontainer{width:86%;margin:0 auto 80px}
}
@media screen and (max-width:980px) {
.lineup-bcontainer{width:90%;margin:0 auto 20px}
.flow-box{width:25%; margin:0 0 50px;}
}
@media screen and (max-width:767px) {
.lineup-bcontainer{margin:0 auto 10px}
.flow-box{width:50%; margin:0 0 25px;}
}

.lineup-cwrap{width:100%;float: left;margin:0;background-color: #f2f2f2;padding:70px 0 0;}
.lineup-ccontainer{width:100%; float: left;margin:0}
.c-toptx{width:100%;float: left; margin:0 0 80px;text-align: center;}
.c-toptx h1{font-size: 26px; font-weight:500; letter-spacing: 0.1em;text-indent: 0.1em;}
.house-item{width:100%;float: left; margin:0 0 130px;position:relative}
.house-pic{width:70%;float: left;margin: 0;}
.house-pic{opacity:0;-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.house-pic.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.house-rightpic{width:70%;float: left;margin: 0;}
.house-rightpic{opacity:0;-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.house-rightpic.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.house-pic img, .house-rightpic img{max-width: 100%;height:auto; margin:0;display: block;}
.house-tx{width:15%;float: left; margin:100px 8% 0 7%; border-left:2px solid #000;padding-left:30px;padding-bottom:10px}
.house-tx{opacity:0;-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.house-tx.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.house-tx h2{margin-bottom:40px;margin-top:10px; font-size:36px;font-weight:700}
.house-tx p{margin-bottom:15px; font-size:18px;line-height:1.8em}
.house-righttx{width:15%;float: left; margin:100px 10% 0 5%; border-left:2px solid #000;padding-left:30px;padding-bottom:10px;position: absolute;top:0;right:0}
.house-righttx{opacity:0;-moz-transform:translateX(30px);-ms-transform:translateX(30px);-webkit-transform:translateX(30px);transform:translateX(30px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.house-righttx.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.house-righttx h2{margin-bottom:40px;margin-top:10px; font-size:36px;font-weight:700}
.house-righttx p{margin-bottom:15px; font-size:18px;line-height:1.8em}
.brbox{float:left; width:100%;margin:0;}
.view-link{width:88px;border-bottom: 1px solid #666;}
  .view-link a{display:block; color: #000; font-size:13px;text-decoration: none;}
  .view-link a:hover{color: #333;}  
  .view-link i{margin:5px 0 0 6px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.view-link:hover i{margin-left: 10px;}

@media screen and (max-width: 1600px) {
.c-toptx{margin:0 0 70px;}
.house-item{margin:0 0 110px;}
.house-tx{width:18%;margin:100px 6% 0 6%;}
.house-tx h2{font-size:34px;}
.house-righttx{width:18%;float: left; margin:100px 8% 0 4%;}
.house-righttx h2{font-size:34px;}
}
@media screen and (max-width: 1200px) {
.lineup-cwrap{padding:60px 0 0}
.c-toptx{margin:0 0 50px;}
.house-item{margin:0 0 80px;}
}
@media screen and (max-width: 980px) {
.lineup-cwrap{padding:50px 0 0}
.c-toptx{margin:0 0 40px;}
.house-item{margin:0 0 60px;}
.house-tx{width:22%;margin:15px 3% 0 5%; padding-left:20px;padding-bottom:10px}
.house-tx{opacity:0;-moz-transform:translateX(-15px);-ms-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.house-tx h2{margin-bottom:30px;margin-top:10px; font-size:30px;}
.house-tx p{margin-bottom:15px; font-size:18px;line-height:1.8em}
.house-righttx{width:22%;margin:15px 3% 0 2%; padding-left:20px;padding-bottom:10px;}
.house-righttx h2{margin-bottom:30px;margin-top:10px; font-size:30px;}
.house-righttx p{margin-bottom:15px; font-size:18px;line-height:1.8em}
.house-pic{opacity:0;-moz-transform:translateX(15px);-ms-transform:translateX(15px);-webkit-transform:translateX(15px);transform:translateX(15px)}
.house-rightpic{opacity:0;-moz-transform:translateX(15px);-ms-transform:translateX(15px);-webkit-transform:translateX(15px);transform:translateX(15px)}
}
@media screen and (max-width: 767px) {
.lineup-cwrap{padding:35px 0 0}
.house-item{margin:0 0 40px;}
.c-toptx{margin:0 0 30px;}
.c-toptx h1{font-size: 24px;}	
.house-tx{width:85%;margin:0 7.5% 30px;padding-left:20px;}
.house-tx{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}
.house-tx h2{margin-bottom:15px;margin-top:10px; font-size:24px}
.house-tx p{margin-bottom:10px; }
.house-righttx{width:85%;margin:0 7.5% 30px;padding-left:20px;position:static;}
.house-righttx{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}
.house-righttx h2{margin-bottom:15px;margin-top:10px; font-size:24px;}
.house-righttx p{margin-bottom:10px;}
.house-pic{width:92.5%;margin: 0 0 0 7.5%;}
.house-pic{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}
.house-rightpic{width:92.5%;margin: 0 7.5% 0 0;}
.house-rightpic{opacity:0;-moz-transform:translateX(10px);-ms-transform:translateX(10px);-webkit-transform:translateX(10px);transform:translateX(10px)}
}