/* 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 0.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 0.5s 0.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, 0.8);
	opacity: 0;
	transition: all 0.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 0.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 0.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, 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 0.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 0.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 0.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 0.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 0.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 0.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 0.5s 0.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, 0.8);
		opacity: 0;
		transition: all 0.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 0.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 0.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, 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 0.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 0.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 0.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 0.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);
	}
}
