/* move start */

*, *::after, *::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
}
html {
    overflow-x: hidden;
/*    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;*/
}
body, html {
    min-height: 100%;
}
body {
    min-height: 100vh;
    overflow: hidden;
}
#header #name-and-logo {
text-align: center;
margin-top: 4px;
margin-bottom: 15px;
}
#header #name-and-logo a {
display: inline-block!important;
}
#header #main-menu {
background-color: #ffffff;
}
#main-menu a {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 13px!important;
}
#main-footer nav {
    min-width:100%;  
}
#main-footer p#copyright {
    float:none;
    margin:0;
    width:100%;
    text-align:center; 
}
.bg-transparent {
    background-color: rgba(0,0,0,0);
}
@media (min-width: 768px) {
.bg-transparent {
    width: 750px;
    padding-top:40px;
}
}
@media (min-width: 992px) {
.bg-transparent {
    width: 970px;
}
}
@media (min-width: 1350px) {
.bg-transparent {
    width: 1144px;
}
}

@media (min-width: 768px) {
.container {
    padding-left: 0;
    padding-right: 0;
}
}
@media (min-width: 992px) {
.container {
    width: 970px;
}
}
@media (min-width: 1350px) {
.container {
    width: 1144px;
}
}
.top-banner-block {
  margin: 0 auto;
}
@media (min-width: 768px) {
.top-banner-block {
    width: 750px;
}
}
@media (min-width: 992px) {
.top-banner-block {
    width: 970px;
}
}
@media (min-width: 1350px) {
.top-banner-block {
    width: 1144px;
}
}
.bg-transparent h2 {
  margin-left:15px;
  margin-right:15px;
}

/* 追加 */
/*スマホで見たときは"sp"のclassの画像が表示される*/
/*@media only screen and (max-width: 799px) {
.pc { display: none !important; }
.sp { display: block !important; }
}*/
/* タブレットで見たときは"ta"のclassがついた画像が表示される */
/*@media only screen and (min-width: 800px) {
.pc { display: block !important; }
.sp { display: none !important; }
}*/

a{
  color:#000;
/*  position:relative;*/
  padding:0;
  text-decoration: none;
  background-color:none}
.row .twelve.columns {
    width: 100%;
}
/* move end */

.tw_wrap *{
    box-sizing: border-box;
}
.tw_secwrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.tw_sec_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.tw_hero_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 4vw;
    padding: 0;
}
.tw_hero_img{
    display: block;
    position: relative;
    width: 50%;
    height: 50vh;
    margin: 0 auto;
    padding: 0;
    background-size:cover;
    background-position:center;
}
.tw_landing_txt{
    display: block;
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 5vw 0 10vw;
}
.tw_landing_txt>h1{
    font-size:24px;
    text-align:center;
    margin-bottom: 30px;
}
.tw_landing_txt>h1>span{
    font-size:14px;
    display: block;
    margin-bottom: 10px;
}
.tw_landing_txt>p{
    font-size:16px;
    line-height:1.7;
}
.tw_index_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tw_index{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 50%;
    height: 120px;
    margin: 0;
    padding: 0;
    background:#000;
    color:#fff;
    border-bottom:none;
}
.tw_index a{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.tw_index_img_sp{
    display: block;
    position: relative;
    width: 98%;
    height: 115px;
    margin: 3px;
    padding: 0;
    background-size:cover;
    background-position:center;
}
.tw_index_img_sp p{
    position: absolute;
    font-size: 36px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
    color:#fff;
    right: 15px;
    top: 25px;
}
.tw_index_txt{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 70%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color:#fff;
}
.tw_index_txt>dt{
    font-size:36px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
    color:#fff;
}
.tw_index_txt>dd{
    font-size:14px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
    color:#fff;
}
.tw_item_head{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 25px 10px;
    background:#000;
    text-align:center;
    color:#fff;
}
.tw_item_head>dl>dt{
    font-size:48px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1.5;
}
.tw_item_head>dl>dd{
    font-size:18px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
}
.tw_item_head>dl{
/*    margin-bottom: 30px;*/
}
.tw_item_head>h2{
    font-size:20px;
    margin-bottom: 15px;
}
.tw_item_head>h2>span{
    font-size:14px;
    display: block;
    margin-bottom: 5px;
}
.tw_item_img{
    display: block;
    position: relative;
    width: 100%;
    height: 125vw;
    margin: 0 auto;
    padding: 0;
    background-size:cover;
    background-position:center;
}
.tw_item_main{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background:#fff;
    color: #000;
}
.tw_item_main>p{
    width: 90%;
    padding: 8vw 0;
    font-size:16px;
    line-height:1.7;
    margin: 0 auto;
}
.tw_item_product{
    display: block;
    position: relative;
    width: 90%;
    height: 110vw;
    margin: 0 auto 8vw;
    padding: 0;
    background-size:cover;
    background-position:center;
    border-bottom:none;
}
.tw_item_product.long{
    width: 70%;
    height: 105vw;
}
.tw_item_main>h3{
    font-size:20px;
    width: 90%;
    margin: 0 auto;
    padding: 8vw 0vw 2vw;
}
.tw_item_main>p.tw_product_text{
/*    padding-top:4vw;*/
  padding: 0;
  font-size:16px;
  font-weight: bold;
}
.tw_item_product_10{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto 8vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tw_item_product_10>.tw_item_product{
    width: 30vw;
    height: 30vw;
    margin: 0;
    padding: 0;
}
.tw_item_product_10>.tw_item_product:nth-child(1){
    width: 100%;
    height: 90vw;
}
.tw_sp_btn{
    display: block;
    position: relative;
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.tw_sp_btn_inner{
    border-bottom:none;
    padding: 20px 15px;
    display: inline-block;
    width: 100%;
    background:#000;
    font-size:18px !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:1;
    text-align:center;
    margin: 0 auto 10vw;
}
@media (max-width:1200px){
    
}
@media (max-width:900px){
    
}
@media (max-width:600px){
    
}
.tw_item_others {
	display: flex;
	justify-content: space-between;
	margin: 16px auto 0;
	flex-wrap: wrap;
	width: 90%;
	margin-bottom: 8vw;
  list-style: none;
}
.tw_item_others li {
	width: 49%;
}
.tw_item_others .tw_item_product {
	width: 100%;
	height: 42vw;
	margin-bottom: 2vw;
}
.tw_item_others .tw_sp_btn_inner {
	padding: 10px;
	font-size: 16px;
	margin-bottom: 4vw;	
}
/*
.tw_item_product_col2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto 8vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tw_item_product_col2 >li {
	width: 50%;
}
.tw_item_product_col2 .tw_item_product {
	width: 100%;
	height: 42vw;
}
*/

body.is-fixed .header{
    background:rgba(255, 255, 255, 0);
}
.tw_wrap{
}
.tw_wrap *{
    box-sizing: border-box;
    font-size:16px;
}
.tw_back_wrap{
    display: block;
    position: fixed;
    width: 55%;
    /*height: calc(100vh - 112px);*/
    height: 100vh;
    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{
    font-size: 16px;
    line-height:1.7;
}
body.is-fixed .tw_landing_wrap{
    margin-top:0;
}
.tw_item_main_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 4vw 4vw;
    background:#000000;
    color: #ffffff;
/*    padding-top: 7vw;*/
    padding-top: calc(88px + 2vw);
    padding-bottom: 5vw;
}
.tw_item_main_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.tw_item_main_txt{
    line-height:2;
}
.tw_item_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_item_product_img{
    display: block;
    position: relative;
    width: 22vw;
    height: 26vw;
    margin: 0;
    padding: 0;
    background-size:cover;
    background-position:center;
    transition:all .5s .3s;
    left:-10vw;
    opacity:0;
}
.tw_item_product_img.long{
    width: 20vw;
    height:30vw;
}
.tw_item_product_img.active{
    left:0;
    opacity:1;
}
.tw_item_product_img.product_10{
    width:16vw;
    height:16vw;
}
.tw_item_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_item_product_wrap>dl{
    display: block;
    position: relative;
    width: 23vw;
    height: auto;
    margin: 0;
    padding: 0;   
}
.tw_item_product_wrap>dl>dt{
    font-size:24px;
    font-weight:bold;
    margin-bottom:20px;
}
.tw_item_product_wrap>dl>dd{
    line-height:1.7;
}
.tw_item_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;
    transition:all .5s;
    color: #000;
}
/* add start */
.tw_buynow:hover{
  background-color: #000;
  color: #fff;
}
.tw_buynow a{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* add end */
.tw_buynow_wrap:hover{
    opacity:1;
}
.tw_item_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_item_ttl_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transition:all .5s;
    opacity:0;
}
.tw_item_ttl_wrap.active{
    opacity:1;
}
.tw_item_ttl_inner{
    display: flex;
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 100px 10px 20px 10px;
/*    padding: 20px 10px;*/
    top:75vh; /*65vh*/
    left:0;
/*    background:#000;*/
    color:#fff;
    padding-left:16vw;
    min-height: 124px;
    display: flex;
    align-items: flex-end;
}

/*.tw_item_ttl_inner{
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 10px;
    top:75vh;
    left:0;
    color:#fff;
    padding-left:16vw;
    min-height: 124px;
    display: flex;
    align-items: center;
}*/
/*.tw_item_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_item_ttl_num>dt{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size:10vw;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:0.9;
}
.tw_item_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_item_ttl_num{
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    top:0;
    left:20px;
    text-align:left;
    text-shadow:0 3px 6px rgba(0,0,0,.2);
}
.tw_item_ttl_num>dt>span{
  font-size: 1.9vw;
}
.tw_item_ttl_num>dt{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size:8vw;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    line-height:0.9;
}
.tw_item_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_item_ttl_inner>h2{
    font-size:24px;
}
.tw_item_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 - 158px);
    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: 18%;
    height: 50%;
    margin: 0px 10px 10px 0px;
    padding: 0;
    cursor: pointer;
    transition:all .5s;
}
.tw_index_block a{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.tw_index_img{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-size:cover;
    background-position:center;
}
.tw_index_num{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 10px;
    left:0;
    right:0;
    bottom:0;
    color:rgba(255, 255, 255, 0.2);
    transition:all .5s;
}
.tw_index_num:hover{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 10px;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    transition:all .5s;
    vertical-align: bottom;
}
/*.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;
    bottom: -24vh;
}
.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:0.8;
}
.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_item_ttl_inner>h2{
        font-size:23px;
    }
    .tw_item_ttl_inner>h2>span{
        font-size:14px;
    }
}
/* 0819 */
.tw_item_product_wrap.multi_main,
.tw_item_product_wrap.multi_others {
	display: block;
	width: 100%;
	margin-left: 0;
}
.tw_item_product_wrap.multi_main {
	margin-top: 2vw;
	margin-bottom: 4vw;
}
.tw_item_product_wrap.multi_others {
	margin-top: 0;
}
.tw_item_product_wrap.multi_main>dl,
.tw_item_product_wrap.multi_others>dl{
	width: 100%;
}
.tw_item_main_inner h2 {
    font-size: 28px;
}
.tw_item_product_wrap.multi_main .tw_item_multi_product,
.tw_item_product_wrap.multi_others .tw_item_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_item_product_wrap.multi_main .tw_item_product_img,
.tw_item_product_wrap.multi_others .tw_item_multi_product .tw_item_product_img{
	  width: 18vw;
    height: 22vw;
    margin-bottom: 1vw;
}
#item_8_main .tw_item_product_wrap.multi_main .tw_item_multi_product {
    width: 55vw;
    margin-left: -18.5vw;
    margin-bottom: 4vw;
}
#item_8_main .tw_item_product_wrap.multi_main .tw_item_multi_product .tw_item_product_img{
    width: 18vw;
    height: 22vw;
}
#item_9_main .tw_item_product_wrap.multi_main .tw_item_multi_product {
    width: 55vw;
    margin-left: -18.5vw;
    margin-bottom: 4vw;
}
#item_9_main .tw_item_product_wrap.multi_main .tw_item_multi_product .tw_item_product_img{
    width: 18vw;
    height: 22vw;
}
#item_10_main .tw_item_product_wrap.multi_main .tw_item_multi_product {
    width: 55vw;
    margin-left: -18.5vw;
    margin-bottom: 4vw;
}
#item_10_main .tw_item_product_wrap.multi_main .tw_item_multi_product .tw_item_product_img{
    width: 18vw;
    height: 22vw;
}

/* TOPへ戻る */
.pageTop {
  position: fixed;
  display: none;
  bottom:60px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: rgba(18,51,95,0.7);
  border-radius: 25px;
  box-sizing: border-box;
  z-index: 9999;
  text-align: center;
  cursor: pointer;
}
.pageTop a {
  display: block;
  width: 50px;
  height: 50px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
.pageTop a:before {
  content: "";
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  margin-left: -7px;
  left: 50%;
  display: block;
  width: 14px;
  height: 14px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 799px) {
.tw_wrap{
}
.tw_wrap *{
    box-sizing: border-box;
    font-size:14px;
}
.tw_back_wrap{
    display: block;
    position: fixed;
    width: 100%;
    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: 100%;
    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_item_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_item_main_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.tw_item_main_txt{
    line-height:2;
}
.tw_item_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_item_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_item_product_img.long{
    width: 20vw;
    height:30vw;
}
.tw_item_product_img.active{
    left:0;
    opacity:1;
}
.tw_item_product_img.product_10{
    width:16vw;
    height:16vw;
}
.tw_item_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_item_product_wrap>dl{
    display: block;
    position: relative;
    width: 23vw;
    height: auto;
    margin: 0;
    padding: 0;   
}
.tw_item_product_wrap>dl>dt{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}
.tw_item_product_wrap>dl>dd{
    line-height:1.7;
}
.tw_item_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;
    transition:all .5s;
}
/* add start */
.tw_buynow:hover{
  background-color: #000;
  color: #fff;
}
.tw_buynow a{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* add end */
.tw_buynow_wrap:hover{
    opacity:1;
}
.tw_item_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_item_ttl_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transition:all .5s;
    opacity:0;
}
.tw_item_ttl_wrap.active{
    opacity:1;
}
.tw_item_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_item_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_item_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_item_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_item_ttl_inner>h2{
    font-size:28px;
}
.tw_item_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;
}
/* add start */
.tw_index_block a{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
/* add end */
.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_item_ttl_inner>h2{
        font-size:23px;
    }
    .tw_item_ttl_inner>h2>span{
        font-size:14px;
    }
}*/
/* 0819 */
.tw_item_product_wrap.multi_main,
.tw_item_product_wrap.multi_others {
	display: block;
	width: 100%;
	margin-left: 0;
}
.tw_item_product_wrap.multi_main {
	margin-top: 2vw;
	margin-bottom: 4vw;
}
.tw_item_product_wrap.multi_others {
	margin-top: 0;
}
.tw_item_product_wrap.multi_main>dl,
.tw_item_product_wrap.multi_others>dl{
	width: 100%;
}
.tw_item_main_inner h2 {
    font-size: 28px;
}
.tw_item_product_wrap.multi_main .tw_item_multi_product,
.tw_item_product_wrap.multi_others .tw_item_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_item_product_wrap.multi_main .tw_item_product_img,
.tw_item_product_wrap.multi_others .tw_item_multi_product .tw_item_product_img{
	width: 18vw;
    height: 18vw;
    margin-bottom: 1vw;
}
/*#item_7_main .tw_item_product_wrap.multi_main .tw_item_multi_product {
    width: 49vw;
    margin-left: -12vw;
}
#item_7_main .tw_item_product_wrap.multi_main .tw_item_multi_product .tw_item_product_img{
    width: 16vw;
    height: 16vw;
}*/

/* TOPへ戻る */
.pageTop {
  position: fixed;
  display: none;
  bottom:10px;
  right: 10px;
  width: 50px;
  height: 50px;
  background-color: rgba(18,51,95,0.7);
  border-radius: 25px;
  box-sizing: border-box;
  z-index: 9999;
  text-align: center;
}
.pageTop a {
  display: block;
  width: 50px;
  height: 50px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
.pageTop a:before {
  content: "";
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  margin-left: -7px;
  left: 50%;
  display: block;
  width: 14px;
  height: 14px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
}