body.is-fixed .header{
    background:rgba(255, 255, 255, 0);
}
.tw_wrap{
}
.tw_wrap *{
    box-sizing: border-box;
    font-size:14px;
}
.tw_back_wrap{
    display: block;
    position: fixed;
    width: 55%;
    height: calc(100vh - 170px);
    margin: auto;
    padding: 0;
    bottom:0;
    left:0;
    z-index:8;
}
.tw_back_inner{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.tw_back_image{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    top:0;
    left:-100%;
    background-size:cover;
    background-position:center;
    transition:all .5s ease;
    opacity:0;
}
.tw_back_image.active{
    left:0;
    opacity:1;
    
}
.tw_scroll_wrap{
    display: block;
    position: relative;
    width: 45%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    margin-right:0;
    z-index:9;
}
.tw_scroll_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    margin-right:0;
}
.tw_landing_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 4vw;
    padding-top:149px;
    margin-top:-149px;
}
.tw_landing_inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tw_landing_inner>h1{
    font-size:36px;
    margin-bottom:30px;
}
.tw_landing_inner>h1>span{
    font-size:14px;
}
.tw_landing_inner>p{
    line-height:1.7;
}
body.is-fixed .tw_landing_wrap{
    margin-top:0;
}
.tw_brand_main_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 4vw 4vw;
    background:#fafafa;
    padding-top:calc(88px + 8vw);
}
.tw_brand_main_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.tw_brand_main_txt{
    line-height:2;
}
.tw_brand_product_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 49vw;
    height: auto;
    margin: 8vw auto;
    padding: 0;
    margin-left:-12vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tw_brand_product_img{
    display: block;
    position: relative;
    width: 22vw;
    height: 22vw;
    margin: 0;
    padding: 0;
    background-size:cover;
    background-position:center;
    transition:all .5s .3s;
    left:-10vw;
    opacity:0;
}
.tw_brand_product_img.long{
    width: 20vw;
    height:30vw;
}
.tw_brand_product_img.active{
    left:0;
    opacity:1;
}
.tw_brand_product_img.product_10{
    width:16vw;
    height:16vw;
}
.tw_brand_10_product{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 49vw;
    height: auto;
    margin: -6vw auto 8vw;
    padding: 0;
    margin-left:-12vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tw_brand_product_wrap>dl{
    display: block;
    position: relative;
    width: 23vw;
    height: auto;
    margin: 0;
    padding: 0;   
}
.tw_brand_product_wrap>dl>dt{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}
.tw_brand_product_wrap>dl>dd{
    line-height:1.7;
}
.tw_brand_product_wrap.product_10>dl{
    width:29vw;
}
.tw_buynow_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background:rgba(240,240,240,.8);
    opacity:0;
    transition:all .5s;
}
.tw_buynow{
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    margin: auto;
    padding: 15px 40px;
    font-size:18px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    border:1px solid #000;
    line-height:1;
}
.tw_buynow_wrap:hover{
    opacity:1;
}
.tw_brand_product_img:hover{
    opacity:1;
}
.tw_ttl_wrap{
    display: block;
    position: fixed;
    width: calc(55% + 2vw);
    height: auto;
    margin: 0;
    padding: 0;
    top:61px;
    left:0;
    z-index:9;
}
.tw_ttl_wrap.active{
    display: none;
}
.tw_ttl_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.tw_brand_ttl_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transition:all .5s;
    opacity:0;
}
.tw_brand_ttl_wrap.active{
    opacity:1;
}
.tw_brand_ttl_inner{
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 10px;
    top:0;
    left:0;
    background:#000;
    color:#fff;
    padding-left:16vw;
    min-height: 124px;
    display: flex;
    align-items: center;
}
.tw_brand_ttl_num{
    display: block;
    position: absolute;
    width: 16vw;
    height: auto;
    margin: 0;
    padding: 0;
    top:0;
    left:0;
    text-align:center;
    text-shadow:0 3px 6px rgba(0,0,0,.2);
}
.tw_brand_ttl_num>dt{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size:15vw;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:0.9;
}
.tw_brand_ttl_num>dd{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size:24px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:0.9;
}
.tw_brand_ttl_inner>h2{
    font-size:28px;
}
.tw_brand_ttl_inner>h2>span{
    font-size:16px;
    display: inline-block;
}
.tw_back_landing{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    width: 100%;
    height: calc(100vh - 51px);
    margin: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left:0;
    bottom:0;
    opacity:0;
    transition:all .5s;
}
.tw_back_landing.active{
    opacity:1;
}
.tw_index_block{
    display: block;
    position: relative;
    width: 20%;
    height: 50%;
    margin: 0;
    padding: 0;
}
.tw_index_img{
    display: block;
    position: relative;
    width: 100%;
    height: 90%;
    margin: 0;
    padding: 0;
    background-size:cover;
    background-position:center;
}
.tw_index_num{
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 10px;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    transition:all .5s;
}
.tw_index_num:before{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    margin: auto;
    padding: 0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    transition:all .5s;
}
.tw_index_num>dt{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align:center;
    font-size:8vw;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
}
.tw_index_num>dd{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align:center;
    font-size:1vw;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
}
.tw_index_block:hover{
    opacity:1;
}
.tw_index_block:hover .tw_index_num:before{
    height: calc(50% + 20px);
}
.tw_index_block:hover .tw_index_num{
    padding-bottom:30px;
}
.footer {
    z-index: 11;
    position: relative;
}
.header-navlink,.header-topicks{
    position: relative;
    z-index:11;
}
.header-body{
    transition:all .5s;
    top:0;
    z-index:10;
    background:#fff;
    max-width: 100%;
}
body.is-fixed .header-body{
    top:-91px;
    max-width: 100%;
}
body.is-fixed .header:hover .header-body{
    top:0;
    max-width: 100%;
}
@media (max-width:1200px){
    .tw_brand_ttl_inner>h2{
        font-size:23px;
    }
    .tw_brand_ttl_inner>h2>span{
        font-size:14px;
    }
}
@media (max-width:900px){
    
}
@media (max-width:600px){
    
}
/* 0819 */
.tw_brand_product_wrap.multi_main,
.tw_brand_product_wrap.multi_others {
	display: block;
	width: 100%;
	margin-left: 0;
}
.tw_brand_product_wrap.multi_main {
	margin-top: 2vw;
	margin-bottom: 4vw;
}
.tw_brand_product_wrap.multi_others {
	margin-top: 0;
}
.tw_brand_product_wrap.multi_main>dl,
.tw_brand_product_wrap.multi_others>dl{
	width: 100%;
}
.tw_brand_main_inner h2 {
    font-size: 28px;
}
.tw_brand_product_wrap.multi_main .tw_brand_multi_product,
.tw_brand_product_wrap.multi_others .tw_brand_multi_product {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    margin: 2vw auto 4vw;
    padding: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.tw_brand_product_wrap.multi_main .tw_brand_product_img,
.tw_brand_product_wrap.multi_others .tw_brand_multi_product .tw_brand_product_img{
	width: 18vw;
    height: 18vw;
    margin-bottom: 1vw;
}
#brand_7_main .tw_brand_product_wrap.multi_main .tw_brand_multi_product {
    width: 49vw;
    margin-left: -12vw;
}
#brand_7_main .tw_brand_product_wrap.multi_main .tw_brand_multi_product .tw_brand_product_img{
    width: 16vw;
    height: 16vw;
}