@media screen and (max-width:1366px) {
	html,body,.header-content,#top,#dl-cata,#bnr_showroom,#footer,#titlebar,#search{
		width: 100% !important;
	}
	#header{
		width: 100%;
	}
	#content-showroom,#content-showroom-second{
		width: 100% !important;
	}
	#myCarousel img{
		width: 100%;
	}
	.body-content-showroom img{
		width: 100% ;
	}
	#contents-chlidren,.box, .box2 .inner2 img{
		width: 100% ;
	}
}
@media screen and (max-width:1152px){
	#titlebar {
		background-position: center;
	}
	.pc-header-1{
		padding-left: 5%;
	}
	.left-header-mid{
		width: 100%;
	}
	.pc-header-2{
		padding-left: 1%;
	}
	#header{
		width: 100%;
	}
	.header-content{
		width: 100% !important;
	}
	#contents,#link,.contents-chlidren-catalogy{
		width: 100% !important;
	}
	#header .right-header{
		padding-right: 5%;
	}
	#header .left-header img{
		/*padding-left: 5%;*/
	}
	#header .left-header a.lg-head{
		margin-left: 5%;
	}
}
@media screen and (max-width:1152px){
	
	#sidebar{
		width: 22% ;
	}
	#contents-chlidren .box{
		width: 50%;
	}
	#contents-chlidren .box.l{
		width: 50%;
	}
	#contents-chlidren .box .contents-ccl-chlidren{
		width: 95%;
	}
	#contents-chlidren .box .contents-ccl-chlidren .tc-cc-c-children{
		width: 100%;
	} 
	.tc-cc-c-children .box2{
		width: 33.5% !important;
	}
	.tc-cc-c-children .box2.l2{
		width: 33% !important;
	}
	.tc-cc-c-children .box2 .inner2{
		width: 95%;
	}
	.tc-cc-c-children .box2 .inner2 img{
		width: 100% !important;
	}
	.left-header-mid .pc{
		width: 100%;
	}
	.pc-header-1{
		width: 12%;
		min-width: 80px !important;
		display: table-cell;
		vertical-align: middle;
	}
	.pc-header-2{
		width: calc(100% - 0px);
		display: table-cell;
		vertical-align: middle;
	}
	.header-title{
		margin-left: 0px;
	}
}
@media screen and (max-width:1024px) {
	#wrapper { width:100%; }
	.header-title{
		margin: 0;
	}
	#header .header-content{
		width: 100% !important;
	}
	#search{
		width: 94%;
	}
	#news{
		width: 82% !important;
	}
	#header .right-header{
		padding-right: 5%;
	}
	#header .left-header img{
		/*padding-left: 5%;*/
	}
	#search #search-content{
		width: 94%;
	}
	#search #search-content .table-third,#search #search-content .table-second,#search #search-content .table-first,#search #search-content table tr{
		width: 100%;
	}
	#modal-custom .table-third,#modal-custom  .table-second,#modal-custom  .table-first,#modal-custom  table tr{
		width: 100%;
	}
	#search #search-content .table-second tr td{
		width: 25% ;
	}
	#search #search-content .table-second tr th{
		width: 25% ;
	}
	#modal-custom .table-second tr td{
		width: 25%;
	}
	#search #search-content .table-third tr td{
		width: 33% ;
	}
	#search #search-content .table-third .flex-tb-third .l1-tb-third{
		width: 25% ;
	}
	#search #search-content .table-third .flex-tb-third .l1-tb-third input{
		/*width: 45%;*/
		width: 100% ;
	}
	#search #search-content .table-third .flex-tb-third .l2-tb-third{
		width: 30% ;
	}
	#search #search-content .table-third .flex-tb-third .l3-tb-third{
		width: 20% ;
	}
	#search #search-content .table-third .flex-tb-third .l3-tb-third select{
		width: 95%;
	}
	.box-tb-third.l2-tb-third div{
		width: 95%;
	}
	.box-tb-third.l2-tb-third div input{
		width: 35%;
	}
	.br-1024{
		display: block;
	}
	#search #search-content .table-first .flex-tb-first .box-tb-first {
		width: 35%;
	}
	#search #search-content .table-first .flex-tb-first .box-tb-first.l-tb-first {
		width: 30%;
	}
	#search #search-content .table-first .flex-tb-first .box-tb-first div{
		width: 100%;
	}
	#search #search-content .table-first .flex-tb-first .box-tb-first input{
		width: 95%;
	}
	#search #search-content .table-first .flex-tb-first .box-tb-first select{
		width: 95%;
	}
	#search #search-content .table-first .flex-tb-first .box-tb-first.l-tb-first select{
		width: 100%;
	}
	#modal-custom .table-third tr td{
		width: 33%;
	}
	.edit-tb2-w100{
		margin-left: 0;
	}
	#search #search-content .table-third tr td .mid-edit-chil{
		margin-left: 12px !important;
	}
	#modal-custom .table-third tr td .mid-edit-chil{
		margin-left: 12px !important;
	}
	#search #search-content .table-first tr td .mid-edit-chil{
		margin-left: 12px !important;
	}
	#modal-custom .table-first tr td .mid-edit-chil{
		margin-left: 12px !important;
	}
	#header,#dl-cata-contents{
		width: 95%;
	}
	
	.img-dl-cata{
		width: 300px;
	}
	.content-dl-cata{
		width: calc(100% - 300px);
		padding-left: 120px;
	}
}
/*@media screen and (min-width: 969px) and (max-width:1016px) {
	.content-dl-cata{
		width: 57%;
	}
	.img-dl-cata{
		width: 43%;
	}
	.img-dl-cata .img-tokiwa{
		width: 98%;
	}
	.img-dl-cata img{
		width: 300px;
	}
}*/
@media screen and (min-width: 769px) and (max-width:870px) {
	/*.content-dl-cata{
		width: 57%;
	}
	.img-dl-cata{
		width: 43%;
	}
	.img-dl-cata .img-tokiwa{
		width: 98%;
	}
	.img-dl-cata img{
		width: 100%;
	}*/
	#search #search-content .table-third tr td select{
		/*width:100% !important; */
	}
	#search #search-content .table-third tr td .mid-edit-chil{
		margin-left: 60px !important;
	}
	.box-tb-second div{
		width: 100%;
	}
	#search .form .table-second tr td input{
		width: 50px;
	}
	#modal-custom .table-third tr td select{
		width:100% !important; 
	}
	#modal-custom .table-third tr td .mid-edit-chil{
		margin-left: 60px !important;
	}
	#modal-custom .table-second tr td div{
		width: 100%;
	}
	#modal-custom .form .table-second tr td input{
		width: 50px;
	}
	.left-header-mid .pc{
		width: 100%;
	}
	.pc-header-1{
		width: 15%;
	}
	.pc-header-2{
		width: 85%;
	}
}
@media screen and (min-width: 769px) and (max-width:800px) {
	#search #search-content .table-third .flex-tb-third .l1-tb-third{
		width: 15%;
	}
	.box-tb-third.l1-tb-third div{
		width: 190px;
	}
	#search #search-content .table-third .flex-tb-third .l2-tb-third{
		width: 40%;
	}
	#search #search-content .table-third .flex-tb-third .l3-tb-third{
		width:25%;
	}
	#search #search-content .table-third .flex-tb-third .l3-tb-third select {
		width: 100%;
	}
}
@media screen and (max-width:768px) {
	.img-dl-cata .img-tokiwa{
		width: 300px;
	}
	.content-dl-cata{
		padding-left: 0px;
	}
	#modal-custom.iziModal{
		background: #262626;
		box-shadow: none;
		margin-top: 55px;
		height: 100% !important;
	}
	#modal-custom2 .point{
		margin-top: 30px;
	}
	#modal-custom2.iziModal {
		background: #262626;
		box-shadow: none;
		margin-top: 55px;
		height: 100% !important;
	}
	.button-search-reset{
		width: 45%;
		height: 40px;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.button-search{
		width: 45% !important;
		height: 40px;
		margin: 0 auto;
		margin-top: 10px !important;
		margin-bottom: 20px;
		font-size: 15px;
	}
	.button-search-reset a {
		width: 100%;
		height: 100%;
		background-color: #999999;
		border-radius: 5px;
		display: block;
		line-height: 40px;
		text-align: center;
		color: white;
		font-size: 15px;
	}
	.button-search-reset a:focus{
		outline: none;
		text-decoration: none;
	}
	#modal-custom.iziModal .button-search{
		margin-bottom: 70px;
	}
	#wrapper { width:100%; }
	#header a:focus{
		outline: none;
	}
	#myGroup-mobile li a:focus{
		text-decoration: none;
	}
	#preview{
		width: 100%;
	}
	#header{
		position: fixed;
	}
	.hambur{
		width: 60px;
		text-align: center;
		margin: 16px auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.div-li2 a:focus,.div-li2 a:hover{
		text-decoration: none;
	}
	.img-dl-cata{
		padding-bottom: 20px;
	}
	#modal-custom .form .table-second tr td input,#modal-custom .form .table-third tr td input{
		padding-left: 7px;
	}
	#modal-custom .form .table-second tr td input,#modal-custom .form .table-third tr td input{
		padding-left: 7px;
	}
	.img-sidenav img{
		display: block;
		margin: 0 auto;
	}
	.hambur:after, 
	.hambur:before, 
	.hambur i {
		background-color: white;
		border-radius: 3px;
		content: '';
		display: block;
		height: 4px;
		width: 27px;
		margin: 2px 17px;
		transition: all .2s ease-in-out;
	}
	.hambur.click:before {
		transform: translateY(10px) rotate(135deg);
	}
	.hambur.click:after {
		transform: translateY(-6.5px) rotate(-135deg);
	}
	.hambur.click i {
		transform: scale(0);
	}
	.pdbt20{
		padding-bottom: 20px;
	}
	.mrb100{
		margin-bottom: 100px;
	}
	.sidenav .catalogy ul li ._div2 {
		padding-left: 20px;
	}
	#border-screen3{
		height: auto;
	}
	.enedit{
		padding-left: 20px;
	}
	.mylist-first .flex .blk{
		width: 33%;
	}
	.mylist-first a{
		width: 95% !important;
		margin:0 auto;
		line-height: 80px !important;
		height: 100% !important;
	}
	.mylist-first a span{
		font-size: 16px !important;
	}
	.mylist-second .table-btn a{
		width: 260px !important;
		margin-bottom: 10px
	}
	.contents-chlidren-catalogy .box .inner{
		margin-bottom: 10%;
	}
	.right-header .mobile a,.right-header .mobile a:hover,.right-header .mobile a:focus,.right-header .mobile a:visited{
		text-decoration: none;
	} 
	table tr .sibar-1 .border-screen {
		position: absolute;
		top: 0;
		right: 0;
	}
	.pc { display: none !important;  }
	.mobile { display: block !important;  }
	#header .left-header-mid .mobile img{
		width: 60%;
	}
	#border-screen,#border-screen1,#border-screen2,#border-screen3{
		display: block;
	}
	#sidebar{
		width: 100%;
	}
	.left-header-mid{
		display:table-cell !important; 
	}
}
@media screen and (max-width:768px) {
	#myGroup-mobile .special:last-child{
		padding-bottom:100px;
	}
	.reset-search:hover,.reset-search:focus{
		text-decoration: none;
	}
	#form-mobile {
		width: 75%;
		margin: 0 auto;
	}
	#contents-chlidren .box,#contents-chlidren .box.l{
		width: 33%;
	}
	.mylist-b{
		height: 40px;
	}
	.img-dl-cata{
		padding: 30px 0;
	}
	#search #search-content{
		box-shadow: none;
	}
	.st-pusher{
		top: 55px;
	}
	.table-news img{
		width: 74px;
	}
	.img-sidenav{
		margin-top: 25px;
		margin-bottom: 35px;
	}

	.w74px img {
		width: 20px;
	}
	.button-mobile-nav1 img {
		width: 26px;
		height: 26px;
	}
	.top-mobile img{
		width: 100%;
	}
	.button-mobile-nav1 span,.button-mobile-nav3 span{
		line-height: 16px;
	}
	.header-content  .right-header  .mobile a.search-mobile{
		height: 100%;
		background-color: #f5f5f5 ;
		border: 0;
		color: #987c4d ;
		font-size: 13px;
		padding: 0px 10px;
	}
	.header-content  .right-header  .mobile a.sidenav-mobile {
		height: 100%;
		background-color: #987c4d ;
		border: 0;
		color: #987c4d ;
		font-size: 13px;
	}
	.glyphicon.glyphicon-menu-hamburger{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.button-mobile-nav1{
		height: 36px;
		position: relative;
		
	}
	.button-mobile-nav2{
		height: 36px;
		position: relative;
	}
	.button-mobile-nav3{
		height: 54px;
	}
	.btn_mylist-mobile.fr span{
		text-align: center;
		color: white;
	}
	.button-mobile-nav1 span{
		text-align: center;
	}
	.button-mobile-nav1 span,.button-mobile-nav3 span{
		display: block;
	}
	.button-mobile-nav2 span{
		display: block;
		color: white;
		text-align: center;
	}
	#contents-chlidren {
		margin: 0 auto !important;
		width: 100% !important;
		float: inherit !important;
	}
	#header .right-header .btn_mylist-mobile img{
		position: absolute;
		bottom: 0;
		left: calc(68% - 22px);
	}
	#header .right-header .search-mobile img{
		position: absolute;
		bottom: 0;
		left: calc(68% - 22px);
	}
	#sidebar{
		position: absolute;
		z-index: 100;
		height: 100%;
		display: none;
		top: 0;
		background: transparent;
	}
	#titlebar{
		background-position: center;
	}
	.sidenav .catalogy ul li ._div3 {
		padding-left: 20px;
	}
	#sidebar  #sidenav {
		width: 100%;
	}
	#sidebar table{
		width: 100%;
	}
	table tr .sibar-1 {
		width: 37.5%;
		background-color: rgba(45, 44, 44, 0.8);
		position: relative;
	}
	table tr .sibar-2 {
		width: 62.5%;
		background-color: rgba(45, 44, 44, 0.8);
	}
	.form-mobile .button-search{
		width: 100% ;
	}
	.form-mobile{
		width: 72%;
		margin:0 auto;
	}
	.right-header {
		padding-right: 0 !important;
	}
	#search{
		display: none;
	}
	#bnr_showroom{
		width: 100% !important;
	}
	#bnr_showroom .text-brn_showroom{
		width: 100%;
	}
	#bnr_showroom .text-brn_showroom h2{
		font-size: 35px;
	}
	#bnr_showroom .text-brn_showroom-sub{
		width: 70%;
	}
	#bnr_showroom  .btn-linka .btn-bnr_showroom-sub{
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	#bnr_showroom  .btn-linka{
		width: 82%;
		font-size: 20px;
	}
	#footer .footer-sub{
		width: 90%;
	}
	#footer .footer-sub .text{
		text-align: left;
	}
	#dl-cata,#dl-cata-contents,#dl-cata-contents .img-dl-cata{
		width: 100%;
		clear: both;
	}
	#dl-cata-contents .btn-dl-cata{
		width: 60%;
	}
	#dl-cata-contents .content-dl-cata{
		width: 100%;
	}
	#dl-cata-contents .img-dl-cata img{
		margin:0 auto;
		display: block;
		/*width: 80%;*/
	}
	.dl-cata-div2{
		width: 92%;
	}
	.dowload-dl-cata .img-dowload {
		margin: 20px auto;
		float: inherit;
	}
	.text-dowload{
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	#link,{
		display: none;
	}
	#header{
		/*width: 90%;*/
		width: 100%;
	}
	.header-content  .right-header .mobile{
		padding: 0 !important;
		margin: 0;
		height: 100%;
	}
	.header-content  .right-header  .mobile button {
		height: 100%;
		background-color: transparent ;
		border: 0;
		color: #987c4d ;
		font-size: 13px;
	}
	.btn_mylist-mobile{
		background-color: #bb2424;
		color: #987c4d !important;
	}
	.header-content  .left-header .mobile img{
		width: 100%;
		/*padding-left: 40px !important;*/
	}
	.mobile-header a.lg-head-mb{
		display: table;
		margin-left: 40px;
	}
	.search-mobile{
		width:60px !important;
		padding: 0 !important;
	}
	.sidenav-mobile{
		width: 60px !important;
	}
	.btn_mylist-mobile{
		width:60px !important;
		background-color: #bb2424;
		padding: 0 !important;
	}
	#contents-chlidren .title-contents{
		/*text-align: center;*/
		height: inherit;
		margin-bottom: 40px;
	}
	.search-mobile i ,.sidenav-mobile i{
		font-size: 25px;
	}
	#header .right-header{
		width: 60% !important;
	}
	#header .left-header{
		width: 40%;
	}
	.my_box.flex-container{
		width: 100%;
		display: block;
	}
	#header{
		z-index: 1000;
	}
	.show-menu {
		opacity: 1 !important;
		right: 0 !important;
		transition: all 0.3s ease-out;
		width: 60%;
		float: right;
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	#search #search-content .mobile #form-mobile{
		/*transform: translateX(-100%);*/
		-webkit-transform: translateX(-100%);
	}
	#search #search-content .mobile .form-mobile{
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	.point {
		width: 100%;
		margin:0 auto;
		z-index: 1000;
		padding-bottom: 10px;
		text-align: center;
		color: white;
	}
	.show-button{
		display: block;
	}
	#border button{
		font-size: 20px;
		color: white;
		margin-top: 4%;
		margin-left: 32%;
		background-color: transparent;
		border: 0;
	}
	#box_mylist2 .mylist-button button{
		width: 300px;
		height: 27px;
		background-color: #bb2424;
		color: white;
		border: 0;
		margin: 0 auto;
		display: block;
		border-radius: 5px;
	}
	.close-menu{
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 20px;
		margin-right: 4px;
	}
	#sidebar .catalogy ul{
		background-color: white;
		padding-left: 0;
	}
	#sidebar .catalogy ul li ._div{
		padding-left: 20px;
	}
	#header .right-header .btn_mylist {
		height: 100%;
	}
	.right-header .mobile #btn_mylist2,.sidenav-mobile,.search-mobile{
		height: 70px !important;
	}
	.right-header .mobile{
		display: flex !important;
		justify-content: flex-end;
	}
	#box_mylist{
		width: 100%;
	}
	.border-screen2{
		width: 100%;
		height: 600px;
		background-color: rgba(45, 44, 44, 0.8);
		position: absolute;
		top: 70px;
		z-index: 100;
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	.border-screen3{
		width: 100%;
		height: 120%;
		background-color: rgba(45, 44, 44, 0.8);
		position: absolute;
		top: 70px;
		z-index: 100;
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	#border-screen2{
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
	#border-screen3{
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		position: fixed;
		top: 70px;
	}
	.close-mylist{
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 4px;
		margin-right: 4px;
	}
	.close-search{
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 0px;
		margin-right: 4px;
		z-index: 99;
	}
	#box_mylist2{
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		margin-top: 10px;
	}
	.mylist:before{
		content: "";
		background: white;
		position: absolute;
		height: 25px;
		width: 1px;
		left: -10px;
	}
	.mylist{
		position: relative;
		font-size: 20px;
	}
	.mylist:after{
		content: "";
		background: white;
		position: absolute;
		height: 25px;
		width: 1px;
		right: -10px;
	}
	#search{
		position: absolute;
		z-index: 100;
		width: 100%;
		top: 0;
		background:transparent;
	}
	#sidebar{
		position: absolute;
		z-index: 100;
		/*width: 100%;*/
		height: 100%;
		display: none;
		top: 0;
		background: transparent;
	}
	#sidebar  #sidenav {
		width: 100%;
	}
	#search  #search-content {
		width: 100%;
	}
	#search .mobile .form .table-third,#search .mobile .form .table-second,#search .mobile .form .table-third{
		width: 100%;
	}
	#search  #search-content .mobile .form{
		background:transparent;
	}
	#search .form .table-first tr td input, #search .form .table-first tr td select{
		width: 100% !important;
		color: black;
	}
	#search .form .table-second tr td .w100 .w100-1 ,#search .form .table-third tr td .w100 .w100-1 {
		width: 96% ;
		float: left;
	}
	#search .form .table-second tr td .w100 .w100-2,#search .form .table-third tr td .w100 .w100-2 {
		width: 4% ;
		float: left;
		padding-top: 5px;
	}
	#modal-custom .mobile .form .table-third,#modal-custom .mobile .form .table-second,#modal-custom .mobile .form .table-third{
		width: 100%;
	}
	#modal-custom .mobile .form{
		background:transparent;
	}
	#modal-custom .form .table-first tr td input, #modal-custom .form .table-first tr td select{
		width: 100% !important;
		color: black;
	}
	#modal-custom .form .table-second tr td .w100 .w100-1 ,#modal-custom .form .table-third tr td .w100 .w100-1 {
		width: 96% ;
		float: left;
	}
	#modal-custom .form .table-second tr td .w100 .w100-2,#modal-custom .form .table-third tr td .w100 .w100-2 {
		width: 4% ;
		float: left;
		line-height: 50px;
	}
	.cmcm{
		vertical-align: middle;
	}
	#search .form .table-second tr td .w100 .w100-2 .cm,#search .form .table-third tr td .w100 .w100-2 .cm{
		padding-left: 0;
	}
	#search .form .table-second tr td .w100 div input ,#search .form .table-third tr td .w100 div input{
		width: 45% ;
	}
	#search .form  .table-third tr td,#search .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
	}
	#search .form  .table-third tr .tt3 input,#search .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
	}
	#search #search-content .table-third tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	#search #search-content .table-first tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	#modal-custom .form .table-second tr td .w100 .w100-2 .cm,#modal-custom .form .table-third tr td .w100 .w100-2 .cm{
		padding-left: 0;
	}
	#modal-custom .form .table-second tr td .w100 div input ,#modal-custom .form .table-third tr td .w100 div input{
		width: 44% ;
	}
	#modal-custom .form  .table-third tr td,#modal-custom .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
	}
	#modal-custom .form  .table-third tr .tt3 input,#modal-custom .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
	}
	#modal-custom .table-third tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	#modal-custom .table-first tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	.btn-contents-ccl-chlidren{
		margin: 0 auto !important;
	}
	.catalogy_product .img-catalog-product img{
		width: 95% !important;
	}
	.contents-chlidren-catalogy .box .inner{
		width: 100% !important;
	}
	.out_of_product .catalogy_product .img-catalog-product:before{
		width: 95% !important;
		height: 100% !important;
	}
	.out_of_product .catalogy_product .img-catalog-product:after,.outlet_product .catalogy_product .img-catalog-product:before{
		right: 7% !important;
	}
	#header .left-header .left-header-mid .mobile{
		display: table !important;
		height: 100%;
	}
	.mobile-header {
		width: calc(100% - 0px);
		display: table-cell;
		vertical-align: middle;
	}
	.img-dl-cata .img-tokiwa{
		margin: 0 auto;
	}
	.color-nav{
		background-color: white;
	}
	.st-content,
	.st-content-inner {
	 /* position: relative;*/
		position: relative !important;
	}
	.st-container {
		/*position: relative ;
	  overflow: hidden ;*/
		position: relative !important;
		overflow: hidden !important;
	}
	.st-container.st-effect-3.st-menu-open .st-menu.st-effect-3{
		/* overflow-y: scroll ;*/
		overflow-y: scroll !important;
		height: 100vh !important;
	}
	#header{
		/*-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;*/
		-webkit-transition: -webkit-transform 0.5s !important;
		-moz-transition:-moz-transform 0.5s !important;
		-ms-transition:-moz-transform 0.5s !important;
		-o-transition:-moz-transform 0.5s !important;
		transition: transform 0.5s !important;
	}
	.st-container.st-effect-3.st-menu-open #header{
		/*-webkit-transform: translate3d(-255px, 0, 0) !important;
		-moz-transform:translate3d(-255px, 0, 0) !important;
		-ms-transform: translate3d(-255px, 0, 0) !important;
		-o-transform: translate3d(-255px, 0, 0) !important;
		transform: translate3d(-255px, 0, 0) !important;*/
		/*transform: translate3d(-255px, 0, 0) !important;*/
		transform: translate3d(-300px, 0, 0) !important;
		position: fixed;
	}
	#myGroup-mobile li{
		list-style: none;
	}
	#myGroup-mobile li ._div2,#myGroup-mobile li ._div{
		padding-left: 16px;
	}
	#myGroup-mobile  .special1,#myGroup-mobile  .special{
		padding-left: 16px;
		padding-bottom: 20px;
	}
	.st-pusher {
		position: relative;
		left: 0;
		z-index: 99;
		-webkit-transition: -webkit-transform 0.5s;
		-moz-transition: -webkit-transform 0.5s;
		-ms-transition: -webkit-transform 0.5s;
		-o-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	.st-pusher::after {
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		height: 0 !important;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		-moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		-ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		-o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	.st-menu-open .st-pusher::after {
		width: 100% !important;
		height: 100% !important;
		opacity: 1 !important;
		-webkit-transition: opacity 0.5s !important;
		-moz-transition: opacity 0.5s !important;
		-ms-transition: opacity 0.5s !important;
		-o-transition: opacity 0.5s !important;
		transition: opacity 0.5s !important;
	}
	.st-menu {
		position: fixed ;
		top: 0;
		right: 0 !important;
		z-index: 100 !important;
		visibility: hidden !important;
		/* width: calc(350px - 8%) !important;*/
		height: 100% !important;
		-webkit-transition: all 0.5s !important;
		-moz-transition: all 0.5s !important;
		-ms-transition: all 0.5s !important;
		-o-transition: all 0.5s !important;
		transition: all 0.5s !important;
	}
	.st-menu::after {
		position: absolute;
		top: 0 ;
		right: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(0,0,0,0.2) !important;
		content: '' !important;
		opacity: 1 !important;
		-webkit-transition: opacity 0.5s !important;
		-moz-transition: opacity 0.5s !important;
		-ms-transition: opacity 0.5s !important;
		-o-transition: opacity 0.5s !important;
		transition: opacity 0.5s !important;
	}
	.st-menu-open .st-menu::after {
		/*width: 0 !important;
		height: 0 !important; 
		opacity: 0 !important;*/
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
		-moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
		-ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
		-o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
	}
	/* Effect 3: Push*/
	.st-effect-3.st-menu-open .st-pusher {
		-webkit-transform: translate3d(-300px, 0, 0) !important;
		-moz-transform: translate3d(-300px, 0, 0) !important;
		-ms-transform: translate3d(-300px, 0, 0) !important;
		-o-transform: translate3d(-300px, 0, 0) !important;
		transform: translate3d(-300px, 0, 0) !important;
	}
	.st-effect-3.st-menu {
		-webkit-transform: translate3d(100%, 0, 0) !important;
		-moz-transform: translate3d(100%, 0, 0) !important;
		-ms-transform: translate3d(100%, 0, 0) !important;
		-o-transform: translate3d(100%, 0, 0) !important;
		transform: translate3d(100%, 0, 0) !important;
	}
	.st-effect-3.st-menu-open .st-effect-3.st-menu {
		visibility: visible !important;
		-webkit-transition: -webkit-transform 0.5s !important;
		-moz-transition: -webkit-transform 0.5s !important;
		-ms-transition: -webkit-transform 0.5s !important;
		-o-transition: -webkit-transform 0.5s !important;
		transition: transform 0.5s !important;
		display: block !important;
	}
	.st-effect-3.st-menu::after {
		display: none !important; 
	}
	/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
	.no-csstransforms3d .st-pusher,
	.no-js .st-pusher {
		padding-left: 300px !important;
	}
	/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
	.clearfix:before,
	.clearfix:after {
		display: table;
		content: " ";
	}
	.clearfix:after {
		clear: both;
	}
	#header{
		height: 55px;
	}
	.header-content{
		height: 55px !important;
	}
	.right-header .mobile #btn_mylist2, .sidenav-mobile, .search-mobile{
		height: 55px !important;
		text-align: center;
	}
	.search-mobile i, .sidenav-mobile i{
		font-size: 22px;
	}
	.table-news img{
		width: 70px !important;
	}
	#link{
		margin-top: 0;
		padding-top: 45px;
		margin-bottom: 0;
	}
	#search .form .table-third  th{
		font-size: 12px;
	}
	#modal-custom .form .table-second tr th, #modal-custom .form .table-second tr td {
		padding-bottom: 10px;
		width: 241.5px;
	}
	#modal-custom .form .table-second tr td input {
		height: 50px;
		border: 1px solid #7a7a7a;
		background-color: white;
		font-size: 20px;
	}
	#modal-custom .form .table-first tr td select {
		padding: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	#modal-custom .form .table-third{
		margin-bottom: 15px;
	}
	#modal-custom .form .table-third tr th{
		padding-bottom: 10px;
	}
	#search #search-content .table-first tr td .mid-edit-chil{
		width: initial !important;
	}
	#modal-custom .form .table-first tr td input.mid-edit-chil{
		width: auto !important;
		width: initial !important;
		height: auto;
		height: initial !important;
	}
	#modal-custom .form .table-first tr th, #modal-custom .form .table-first tr td {
		padding-bottom: 10px;
		width: 312px !important;
	}
	#modal-custom .form .table-first tr td input, #modal-custom .form .table-first tr td select {
		width: 100% !important;
		height: 50px;
		border: 1px solid #7a7a7a;
		background-color: white;
		padding-left: 10px;
		font-size: 20px;
	}
	.modal-close-search {
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 0px;
		margin-right: 4px;
		z-index: 99;
	}
	.js-more .js-more-option{
		background-color: transparent;
		text-align: center;
		width: 100%;
		display: inline-block;
		height: 50px;
		line-height: 50px;
		border: 1px solid white;
		border-radius: 5px;
		color: white;
		position: relative;
	}
	.js-more .js-more-option:focus{
		outline: none;
		text-decoration: none;
		color: white;
	}
	.js-more .js-more-option:hover{
		text-decoration: none;
	}
	.js-more-option span:focus{
		text-decoration: none;
	}
	.js-more .js-more-option span:after{
		content: "\002b";
		font-family: "Font Awesome 5 Free";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		right: 20px;
		top: calc(50% - 15px);
		line-height: 1em;
		font-size: 30px;
	}
	.js-more.is-active .js-more-option span:after{
		content: "\2212";
	}
	.option-more{
		display: none;
	}
	.is-active .option-more{
		display: block;
	}
	#myGroup-mobile ul li a:hover{
		text-decoration: none;
	}
	#modal-custom input:focus,#modal-custom select:focus {
		outline: none !important;
		border-color: #987c4d !important;
	}
	.catarogu-mid input::placeholder{
	color: white ;
	}
	.catarogu-mid input::-ms-input-placeholder{
		color: white ;
	}
	.catarogu-mid input:-ms-input-placeholder{
		color: white ;
	}
	/**/
	#modal-custom table tr th{
		font-size: 15px;
	}
	/*select.color-select.mobile {
		background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #987c4d, #987c4d);
		background-position: calc(100% - 22px) calc(1em + 0px), calc(100% - 9px) calc(1em + 0px), 100% 0;
		background-size: 15px 12px, 15px 12px, 2.3em 3.5em;
		background-repeat: no-repeat;
	}*/
	select.color-select.mobile {
		background-position: calc(100% + 1px) calc(1em + -20px), calc(100% - 9px) calc(1em + 0px), 100% 0;
		background-size: 50px 50px, 40px 40px, 2.3em 3.5em;
		background-repeat: no-repeat;
		background-image: url("../images/commons/select-arrow01.jpg");
	}
	.option-more .table-fourth{
		margin-top: 30px;
	}
	.option-more .table-fourth span,.option-more .table-second tr th{
		font-size: 15px;
	}
	.option-more .table-third span,.option-more .table-second span{
		font-size: 15px;
	}
	#modal-custom .form .table-third tr td .w100 div input {
		height: 50px;
		font-size: 20px;
	}
	#modal-custom .option-more .table-second{
		margin-top: 30px;
	}
	.table-fourth.tb4-1 tr td {
		padding-right: 15px;
		/* width: 28%;*/
	}
	.table-fourth.tb4-2 tr td {
		padding-right: 15px;
		/*width: 42%;*/
	}
	/*css checkmart modal custom*/
	.cb-mdct {
		display: block;
		position: relative;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 15px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: auto;
	}
	.tb4-1 .text-cb-mdct{
		margin-left: 20px;
		color: white;
		width: 70px;
	}
	.tb4-2 .text-cb-mdct{
		margin-left: 20px;
		color: white;
		width: 80px;
	}
	.tb4-3 .text-cb-mdct{
		margin-left: 20px;
		color: white;
		width: 100px;
	}
	.cb-mdct input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.checkmark_mdct {
		position: absolute;
		top: 14px;
		left: 0;
		height: 15px;
		width: 15px;
		border:1px solid white;
		background-color: transparent;
	}
	.cb-mdct input:checked ~ .checkmark_mdct {
		background-color: transparent;
	}
	.checkmark_mdct:after {
		content: "";
		position: absolute;
		display: none;
	}
	.cb-mdct input:checked ~ .checkmark_mdct:after {
		display: block;
	}
	.cb-mdct .checkmark_mdct:after {
		left: 4px;
		top: 2px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.title-first-form{
		font-size: 11px;
	}
	/*.br-768{
		display: none;
	}*/
	.button-search a {
		background-color: #bb2424 ;
	}
	/*.block-scroll{
		position: fixed !important;
		overflow: hidden !important;
	}*/
	#link{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#contents{
		padding-top: 0px;
	}
	.title-contents{
		padding-top: 25px;
	}
	.content-dl-cata{
		padding-bottom: 40px;
	}
	.mrb120{
		margin-bottom: 10px;
	}
	#bnr_showroom {
		height: 400px;
	}
	#modal-custom,#modal-custom2{
		max-width: 999px !important;
	}
	/*hamburger*/
	.tray {
		position: relative;
		width: 50%;
		/*padding-top: 4.75em;
		padding-bottom: 3em;*/
		text-align: center;
		background-color: #2196f3;
	}
	.hamburger-box {
		position: relative;
		display: inline-block;
		width: 26px;
		height: 24px;
	}
	.hamburger--spin.is-active-hamburger .hamburger-inner {
		transition-delay: 0.14s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.hamburger--spin .hamburger-inner {
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition-duration: 0.3s;
	}
	.hamburger-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
	}
	.hamburger {
		font: inherit;
		display: inline-block;
		overflow: visible;
		margin:0 auto;
		cursor: pointer;
		transition-timing-function: linear;
		transition-duration: 0.15s;
		transition-property: opacity, -webkit-filter;
		transition-property: opacity, filter;
		transition-property: opacity, filter, -webkit-filter;
		text-transform: none;
		color: inherit;
		border: 0;
		background-color: transparent;
		padding-top: 16px;
		padding-bottom: 13px;
	}
	.hamburger--spin.is-active-hamburger .hamburger-inner:before {
		top: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
		opacity: 0;
	}
	.hamburger--spin .hamburger-inner:before {
		transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	}
	.hamburger-inner:before {
		top: -8px;
	}
	.hamburger-inner:after, .hamburger-inner:before {
		display: block;
		content: "";
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		position: absolute;
		width: 26px;
		height: 4px;
		transition-timing-function: ease;
		transition-duration: 0.15s;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		border-radius: 4px;
		background-color: #000;
	}
	.hamburger--spin.is-active-hamburger .hamburger-inner:after {
		bottom: 0;
		transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
		background-color: #fff;
	}
	.hamburger--spin .hamburger-inner:after {
		transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.hamburger-inner:after {
		bottom: -8px;
	}
	/*end hamburger*/
	.sidenav .catalogy ul li{
		padding-left: 0px;
	}
	.collapsed.collapsed_2:before {
		content: "\002b";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: bold;
		bottom: 0;
		right: 5px;
		top: 40%;
		left: calc(93% - 4px);
		transform: translateX(-50%) translateY(-50%);
	}
	.collapsed_2:before {
		content: "\2212";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: normal;
		color: white;
		right: 5px;
		top: 50%;
		left: calc(92% - 3px);
		transform: translateX(-50%) translateY(-50%);
	}

	.collapsed_.collapsed:before {
		content: "\002b";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: bold;
		color: #987c4d;
		top: 50%;
		left: calc(70% - 5px);
		transform: translateX(-50%) translateY(-50%);
	}
	.collapsed_:before {
		content: "\2212";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: normal;
		color: #987c4d;
		top: 50%;
		left: calc(66% - 5px);
		transform: translateX(-50%) translateY(-50%);
	}
	.catarogu .title-search{
		color: white;
	}
}
@media screen and (max-width:480px) {
	
	#dl-cata-contents {
		width: 85% !important;
	}
	#bnr_showroom .text-brn_showroom h2 {
		font-size: 52px;
		color: white;
		text-align: center;
		margin-top: 0px;
		letter-spacing: 1px;
		width: 85%;
		margin: auto;
	}
	.collapsed.collapsed_2:before {
		content: "\002b";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: bold;
		bottom: 0;
		right: 5px;
		top: 40%;
		left: calc(94% - 7px);
		transform: translateX(-50%) translateY(-50%);
	}
	#modal-custom .form .table-first tr td input, #modal-custom .form .table-first tr td select {
		width: 300px !important;
		height: 40px;
		border: 1px solid #7a7a7a;
		background-color: white;
		padding-left: 10px;
	}
	#wrapper { width:100%; }
	.table-news img{
		width: 70px !important;
	}
	.button-mobile-nav1 span,.button-mobile-nav3 span{
		line-height: inherit;
	}
	.pc48{
		display: none;
	}
	.mb48{
		display: block;
	}
	.jp {
		font-size: 16px;
	}
	.mobile-header a.lg-head-mb{
		margin-left: 26px;
	}
	.close-search{
		margin-top: 20px;
	}
	.st-pusher{
		top: inherit;
	}
	#search #search-content{
		box-shadow: none;
	}
	#titlebar,#top{
		margin-top: 55px;
	}
	#header{
		position: fixed;
	}
	.color-nav{
		background-color: white;
	}
	.collapsed_.collapsed:before {
		content: "\002b";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: bold;
		color: #987c4d;
		top: 50%;
		left: calc(66% - 5px);
		transform: translateX(-50%) translateY(-50%);
	}
	.collapsed_:before {
		content: "\2212";
		position: absolute;
		display: block;
		right: 0;
		font-size: 20px;
		cursor: pointer;
		font-weight: normal;
		color: #987c4d;
		top: 50%;
		left: calc(66% - 5px);
		transform: translateX(-50%) translateY(-50%);
	}
	.text-items{
		padding-top: 6px;
	}
	#search .form .table-second tr td input{
		padding-left: 7px;
	}
	#search .form .table-third tr td input{
		padding-left: 7px;
	}
	#modal-custom .form .table-second tr td input{
		padding-left: 7px;
	}
	#modal-custom .table-third tr td input{
		padding-left: 7px;
	}
	.mylist-button #ml-button{
		height: 40px;
		line-height: 40px;
	}
	.img-sidenav{
		margin-bottom: 35px;
		margin-top: 0;
	}
	.img-sidenav img{
		width: 75%;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
	}
	.w74px img{
		width: 20px;
	}
	.cmcm{
		vertical-align: middle;
	}
	.mylist-first a{
		line-height: 20px !important;
	}
	.mylist-first a span{
		line-height: 14px !important;
	}
	.content-dl-cata{
		padding-top: 20px;
	}
	.img-dl-cata{
		padding-bottom: 20px;
	}
	.button-mobile-nav3 span{
		/*padding-top: 3px;*/
		padding-top: 2px;
		font-size: 11px;
		color: white;
	}
	.checkboxA .kiyaku-div.squaredThree.fl a.text-color-01{
		padding-left: 9px;
	}
	#border-screen3{
		height: auto;
	}
	.img-dl-cata .img-tokiwa{
		margin: 0 auto;
	}
	.pc { display: none !important;  }
	.mobile { display: block !important;  }
	#header .left-header-mid .mobile img{
		width: 95% !important;
	}
	#border-screen,#border-screen1,#border-screen2,#border-screen3{
	display: block;
	}
	table tr .sibar-2{
		width: 62.5%;
	}
	table tr .sibar-2 #sidenav{
		width: 100%;
	}
	table tr .sibar-1{
		width: 37.5%;
		background-color: rgba(45, 44, 44, 0.8);
		position: relative;
	}
	table tr .sibar-1 .border-screen{
		position: absolute;
		top: 0;
		right: 0;
	}
	table tr .spacing-sidebar{
		background-color: rgba(45, 44, 44, 0.8)
	}
	table tr .spacing-sidebar{
		table-layout: fixed;
		height: 0px;
	}
	#message{
		width: 70vw;
		font-size: 3vw;
	}
	#message h2{
		font-size: 4vw;
	}
	.button-cookie .agree-cookie, .button-cookie .cancel-cookie{
		margin:0 5px;
		width:100px;
		text-align: center;
	}
	.left-header-mid{
		display:table-cell !important; 
	}
	#myGroup-mobile li a:hover{
		text-decoration: none;
	}
}
@media screen and (max-width:480px) {

	.img-dl-cata .img-tokiwa {
		width: 250px;
	}
	#dl-cata-contents .img-dl-cata img {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	#header{
		height: 55px;
	}
	#search .form .table-second tr td .w100 .w100-2, #search .form .table-third tr td .w100 .w100-2 {
		padding-top: 5px;
	}
	.btn-dl-cata .btn-dl-cata-sub{
		margin-top: 22px;
		margin-bottom: 47px;
	}
	.contentsub-dl-cata{
		margin-top: 20px;
	}
	.button-mobile-nav1 img{
		width: 22px;
		height: 24px;
		display: block;
		margin: 0 auto;
	}
	.right-header .search-mobile{
		width: 70px;
		padding: 0 !important;
	}
	.button-mobile-nav2 img{
		width: 20px;
		height: 24px;
	}
	.header-content{
		height: 55px !important;
	}
	.hambur{
		/*width: 24px;
		height: 20px;*/
		width: 60px;
		text-align: center;
		margin: 16px auto;
	}
	.hambur:after, 
	.hambur:before, 
	.hambur i {
		background-color: white;
		border-radius: 3px;
		content: '';
		display: block;
		height: 4px;
		width: 24px;
		margin: 2px 17px;
		transition: all .2s ease-in-out;
	}
	.hambur.click:before {
		transform: translateY(8.5px) rotate(135deg);
	}
	.hambur.click:after {
		transform: translateY(-8px) rotate(-135deg);
	}
	.hambur.click i {
		transform: scale(0);
	}
	.right-header {
		padding-right: 0 !important;
	}
	.sidenav .catalogy ul li ._div3{
		padding-left: 20px;
	}
	.sidenav .catalogy ul li ._div2{
		padding-left: 20px;
	}
	#search{
		display: none;
	}
	#bnr_showroom{
		width: 100% !important;
	}
	#bnr_showroom .text-brn_showroom{
		width: 100%;
	}
	#bnr_showroom .text-brn_showroom h2{
		/*font-size: 35px;*/
		font-size: 30px;
	}
	#bnr_showroom .text-brn_showroom-sub{
		width: 85%;
	}
	#bnr_showroom  .btn-linka{
		width: 85%;
		font-size: 20px;
	}
	#footer .footer-sub{
		width: 85%;
	}
	#footer .footer-sub .text{
		text-align: left;
	}
	#dl-cata,#dl-cata-contents,#dl-cata-contents .img-dl-cata,#dl-cata-contents .btn-dl-cata{
		width: 100%;
		clear: both;
	}
	#dl-cata-contents .content-dl-cata{
		width: 100%;
	}
	#dl-cata-contents .img-dl-cata img{
		margin:0 auto;
		display: block;
	}
	.dl-cata-div2{
		width: 100%;
	}
	.dowload-dl-cata .img-dowload {
		margin: 20px auto;
		float: inherit;
	} 
	.text-dowload{
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	#link,{
		display: none;
	}
	#header{
		/*width: 87%;*/
		width: 100%;
	}
	.header-content  .right-header .mobile{
		padding: 0 !important;
		margin: 0;
		height: 100%;
	}
	.header-content  .right-header  .mobile a.search-mobile{
		height: 100%;
		background-color: #f5f5f5 ;
		border: 0;
		color: #987c4d ;
		font-size: 13px;
		padding: 0px 10px;
	}
	.header-content  .right-header  .mobile a.sidenav-mobile {
		height: 100%;
		background-color: #987c4d ;
		border: 0;
		color: #987c4d ;
		font-size: 13px;
	}
	.button-mobile-nav1 span{
		display: block;
		padding-top: 2px;
		text-align: center;
		font-size: 11px;
	}
	.button-mobile-nav2 span{
		display: block;
		padding-top: 2px;
		text-align: center;
		font-size: 11px;
		color: white;
	}
	.btn_mylist-mobile{
		background-color: #bb2424;
		color: #987c4d !important;
	}
	.header-content  .left-header .mobile img{
		width: 100%;
	}
	.btn_mylist-mobile{
		width:60px !important;
		padding: 0 !important;
	}
	.right-header .mobile a,.right-header .mobile a:hover,.right-header .mobile a:focus,.right-header .mobile a:visited{
		text-decoration: none;
	}
	/*#contents-chlidren .title-contents{
		text-align: center;
	}*/
	.search-mobile i {
		font-size: 20px;
	}
	.button-mobile-nav3 i{
		font-size: 28px;
	}
	#header .right-header{
		width: 60% !important;
	}
	#header .left-header{
		width: 40%;
	}
	.my_box.flex-container{
		width: 100%;
		display: block;
	}
	#header{
		z-index: 1000;
	}
	.show-menu {
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	#contents-chlidren {
		margin: 0 auto ;
		width: 100% ;
		float: inherit ;
	}
	.point {
		width: 100%;
		margin:0 auto;
		z-index: 1000;
		padding-bottom: 10px;
		text-align: center;
		color: white;
	}
	.show-button{
		display: block;
	}
	#border button{
		font-size: 20px;
		color: white;
		margin-top: 4%;
		margin-left: 32%;
		background-color: transparent;
		border: 0;
	}
	#box_mylist2 .mylist-button button{
		width: 300px;
		height: 27px;
		background-color: #bb2424;
		color: white;
		border: 0;
		margin: 0 auto;
		display: block;
		border-radius: 5px;
	}
	.close-menu{
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 10px;
		margin-right: 2px;
	}
	#sidebar .catalogy ul{
		background-color: white;
		padding-left: 0;
	}
	#sidebar .catalogy ul li ._div{
		padding-left: 20px;
	}
	#header .right-header .btn_mylist {
		height: 100%;
	}
	#header .right-header .btn_mylist-mobile img{
		display: block;
		margin: 0 auto;
	}
	.glyphicon.glyphicon-menu-hamburger{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.right-header .mobile #btn_mylist2,.sidenav-mobile,.search-mobile{
		height: 55px !important;
		/*height: 70px !important;*/
	}
	.right-header .mobile{
		display: flex !important;
		justify-content: flex-end;
	}
	#box_mylist{
		width: 100%;
	}
	.border-screen2{
		width: 100%;
		height: 600px;
		background-color: rgba(45, 44, 44, 0.8);
		position: absolute;
		top: 70px;
		z-index: 100;
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	#border-screen2{
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
	#border-screen3{
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
	}
	.border-screen3{
		width: 100%;
		height: 120%;
		background-color: rgba(45, 44, 44, 0.8);
		position: absolute;
		top: 70px;
		z-index: 100;
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	#search #search-content .mobile #form-mobile{
		/*transform: translateX(-100%);*/
		-webkit-transform: translateX(-100%);
	}
	#search #search-content .mobile .form-mobile{
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	.close-mylist{
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 4px;
		margin-right: 4px;
	}
	.close-search{
		background-color: transparent;
		border: 0;
		color: white;
		font-size: 20px;
		float: right;
		margin-top: 4px;
		margin-right: 4px;
		z-index: 99;
	}
	#box_mylist2{
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
	.mylist:before{
		content: "";
		background: white;
		position: absolute;
		height: 25px;
		width: 1px;
		left: -10px;
	}
	.mylist{
		position: relative;
		font-size: 20px;
	}
	.mylist:after{
		content: "";
		background: white;
		position: absolute;
		height: 25px;
		width: 1px;
		right: -10px;
	}
	#search{
		position: absolute;
		z-index: 100;
		width: 100%;
		top: 0;
		background:transparent;
	}
	#search  #search-content {
		width: 100%;
	}
	#search .mobile .form .table-third,#search .mobile .form .table-second,#search .mobile .form .table-fourth,#search .mobile .form .table-third{
		width: 100%;
	}
	.form .table-second tr td{
		width: 100% !important;
	}
	#search .form .table-second tr td .w100 .w100-1 ,#search .form .table-third tr td .w100 .w100-1 {
		width: 92% ;
		float: left;
	}
	#search  #search-content .mobile .form{
		background:transparent;
	}
	#search .form .table-first tr td input, #search .form .table-first tr td select{
		width: 100% !important;
		color: black;
		padding-left: 7px;
	}
	#search .form .table-second tr td div input,#search .form .table-third tr td div input{
		width: 42% !important;
	}
	#search .form  .table-third tr td,#search .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
	}
	#search .form  .table-third tr .tt3 input,#search .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
		line-height: 14px;
	}
	#modal-custom .mobile .form .table-third,#modal-custom  .mobile .form .table-second,#modal-custom  .mobile .form .table-fourth,#modal-custom  .mobile .form .table-third{
		width: 100%;
	}
	.form .table-second tr td{
		width: 100% !important;
	}
	#modal-custom  .form .table-second tr td .w100 .w100-1 ,#modal-custom  .form .table-third tr td .w100 .w100-1 {
		width: 92% ;
		float: left;
	}
	#modal-custom  .mobile .form{
		background:transparent;
	}
	#modal-custom  .form .table-first tr td input, #modal-custom  .form .table-first tr td select{
		width: 100% !important;
		color: black;
		padding-left: 7px;
	}
	#modal-custom  .form .table-second tr td div input,#modal-custom  .form .table-third tr td div input{
		width: 42% !important;
	}
	#modal-custom  .form  .table-third tr td,#modal-custom  .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
	}
	#modal-custom  .form  .table-third tr .tt3 input,#modal-custom  .form  .table-third tr td select{
		width: 100% !important;
		margin :0;
		line-height: 14px;
	}
	#search #search-content .table-third tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	#search #search-content .table-first tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	#modal-custom .table-third tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	#modal-custom  .table-first tr td .mid-edit-chil{
		margin-left: 0px !important;
	}
	.btn-contents-ccl-chlidren{
		margin: 0 auto !important;
	}
	#bnr_showroom  .btn-linka .btn-bnr_showroom-sub{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.form-mobile .button-search{
		width: 100% ;
	}
	.form-mobile{
		width: 75%;
		margin: 0 auto;
	}
	#form-mobile {
		width: 80%;
		margin: 0 auto;
	}
	.pdbt20{
		padding-bottom: 20px;
	}
	#titlebar{
		background-position: center;
	}
	.top-mobile img{
		width: 100%;
	}
	.st-content,
	.st-content-inner {
		position: relative;
	}
	.st-container {
		position: relative;
		overflow: hidden;
	}
	.st-container.st-effect-3.st-menu-open .st-menu.st-effect-3{
		overflow-y: scroll;
		height: 100vh !important;
	}
	#header{
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	.st-container.st-effect-3.st-menu-open #header {
		/* transform: translate3d(-255px, 0, 0) !important; */
		transform: translate3d(-300px, 0, 0) !important;
		position: fixed;
	}
	#myGroup-mobile li{
		list-style: none;
	}
	#myGroup-mobile li ._div2,#myGroup-mobile li ._div{
		padding-left: 16px;
	}
	#myGroup-mobile  .special1,#myGroup-mobile  .special{
		padding-left: 16px;
		padding-bottom: 20px;
	}
	#myGroup-mobile  .special:nth-child(5){
		padding-bottom: 60px;
	}
	.st-pusher {
		position: relative;
		left: 0;
		z-index: 99;
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	.st-pusher::after {
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		height: 0 !important;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	.st-menu-open .st-pusher::after {
		width: 100% !important;
		height: 100% !important;
		opacity: 1 !important;
		-webkit-transition: opacity 0.5s !important;
		transition: opacity 0.5s !important;
	}
	.st-menu {
		position: fixed ;
		top: 0;
		right: 0 !important;
		z-index: 100 !important;
		visibility: hidden !important;
		width: 300px !important;
		height: 100% !important;
		-webkit-transition: all 0.5s !important;
		transition: all 0.5s !important;
	}
	.st-menu::after {
		position: absolute;
		top: 0 ;
		right: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(0,0,0,0.2) !important;
		content: '' !important;
		opacity: 1 !important;
		-webkit-transition: opacity 0.5s !important;
		transition: opacity 0.5s !important;
	}
	.st-menu-open .st-menu::after {
		width: 0 !important;
		height: 0 !important; 
		opacity: 0 !important;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s !important;
	}
/* Effect 3: Push*/
	.st-effect-3.st-menu-open .st-pusher {
		-webkit-transform: translate3d(-300px, 0, 0) !important;
		transform: translate3d(-300px, 0, 0) !important;
	}
	.st-effect-3.st-menu {
		-webkit-transform: translate3d(100%, 0, 0) !important;
		transform: translate3d(100%, 0, 0) !important;
	}
	.st-effect-3.st-menu-open .st-effect-3.st-menu {
		visibility: visible !important;
		-webkit-transition: -webkit-transform 0.5s !important;
		transition: transform 0.5s !important;
		display: block !important;
	}
	.st-effect-3.st-menu::after {
		display: none !important; 
	}
	.no-csstransforms3d .st-pusher,
	.no-js .st-pusher {
		padding-left: 300px !important;
	}
	.clearfix:before,
	.clearfix:after {
		display: table;
		content: " ";
	}
	.clearfix:after {
		clear: both;
	}
	#search #search-content .table-first tr td .mid-edit-chil{
		width: initial !important;
	}
	#modal-custom .table-first tr td .mid-edit-chil{
		width: initial !important;
	}
	/*select.color-select.mobile {
	    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #987c4d, #987c4d);
	    background-position: calc(100% - 22px) calc(1em + -4px), calc(100% - 14px) calc(1em + -4px), 100% 0;
	    background-size: 10px 6px, 10px 7px, 2.3em 3.5em;
	    background-repeat: no-repeat;
	}*/
	/*select.color-select.mobile {
		background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #987c4d, #987c4d);
		background-position: calc(100% - 19px) calc(1em + -2px), calc(100% - 11px) calc(1em + -2px), 100% 0;
		background-size: 10px 6px, 10px 7px, 2.3em 3.5em;
		background-repeat: no-repeat;
	}*/
	select.color-select.mobile {
		background-position: calc(100% + 1px) calc(1em + -20px), calc(100% - 9px) calc(1em + 0px), 100% 0;
		background-size: 40px 44px, 40px 40px, 2.3em 3.5em;
		background-repeat: no-repeat;
	}
	#modal-custom .form .table-second tr td input {
		height: 40px;
	}
	#modal-custom .form .table-third tr td .w100 div input {
		height: 40px;
	}
	.text-cb-mdct{
		width: 100% !important;
	}
	.title-first-form{
		font-size: 11px;
	}
	/*.br-768{
		display: block;
	}*/
	.catarogu-mid img {
		width: 40px;
	}
	.catarogu-mid{
		margin-right: 5px;
	}
	#modal-custom .form .table-first tr td input, #modal-custom .form .table-first tr td select{
		font-size: 18px;
	}
	.js-more .js-more-option span:after{
		top: calc(50% - 17px);
	}
	#modal-custom .form .table-first tr td input{
		/*line-height: 33px;*/
		/*line-height: 60px;*/
	}
	#titlebar {
		height: 160px;
	}
	#titlebar .text-titlebar h2 {
		font-size: 18px !important;
	}
	#header .right-header .btn_mylist-mobile img {
		bottom: 2px;
		left: calc(68% - 20px);
	}
	#header .right-header .search-mobile img{
		bottom: 2px;
	}
}
@media screen and (min-width:769px)and ( max-width:968px) {
	.right-header{
		padding-right: 1% !important;
	}
	/*.img-dl-cata{
		width: 40%;
	}*/
	.content-dl-cata{
		/*width: 60%;*/
	/*	padding: 11% 0;*/
	padding-left: 5%;
	}
}
@media screen and (max-width: 500px){
	.button-search-reset{
		width: 48%;
	}
	.button-search{
		width: 48% !important;
	}
	.button-search-reset a,.button-search a{
		font-size: 12px;
	}
	.catarogu-mid .catarogu .title-search{
		/*width: 200px;*/
		font-size: 15px;
		padding-left: 0px;
	}
}

@media screen and (max-width:380px){
	.button-cookie .agree-cookie, .button-cookie .cancel-cookie{
		width: 70px;
	}
	.catarogu-mid .catarogu input{
		font-size: 16px ;
	}
}
@media screen and (max-width: 375px) {
	/*.sub-title-contents p.p-terms{
		letter-spacing:1.5px;
	}
	.sub-title-contents p.p-terms2{
		letter-spacing:0.5px;
	}
	*/
}
@media screen and (max-width:320px){
	.header-content .left-header .mobile img{
		padding-left: 15px !important;
	}
	.mobile-header a.lg-head-mb{
		margin-left: 0;
	}
	.header-content .right-header .mobile a.search-mobile, .header-content .right-header .mobile a.sidenav-mobile{
		font-size: 10px;
	}
	.button-mobile-nav1 span,.button-mobile-nav3 span{
		line-height: 16px;
	}
	.img-sidenav img{
		width: 100%;
	}
	#box_mylist2{
		max-width: 320px;
	}
	.border-screen4{
		max-width: 320px;
	}
	.header-content{
		max-width: 320px;
	}
	#header .right-header {
		top: 0;
		position: fixed;
		right: -10px;
	}
	.hambur {
		width: 60px;
		text-align: center;
		margin: 16px auto;
	}
	#header .right-header .btn_mylist-mobile img {
		position: absolute;
		bottom: 0;
		left: calc(68% - 21px);
	}
	#header .right-header{
		height: initial;
	}
	.catarogu-mid .catarogu input {
		width: 200px !important;
	}
	/*search 320*/
	#modal-custom .form .table-first tr td input, #modal-custom .form .table-first tr td select {
		/*height: 30px;*/
		height: 32px;
	}
	/*select.color-select.mobile {
		background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #987c4d, #987c4d);
		background-position: calc(100% - 16px) calc(1em + -4px), calc(100% - 11px) calc(1em + -4px), 100% 0;
		background-size: 5px 5px, 5px 7px, 2em 3.5em;
		background-repeat: no-repeat;
	}*/
	select.color-select.mobile {
		background-position: calc(100% + 1px) calc(1em + -20px), calc(100% - 9px) calc(1em + 0px), 100% 0;
		background-size: 30px 36px, 30px 30px, 2.3em 3.5em;
		background-repeat: no-repeat;
	}
	#modal-custom .form .table-first tr td input, #modal-custom .form .table-first tr td select {
		font-size: 16px;
	}
	.catarogu-mid .catarogu input{
		font-size: 16px ;
	}
	.text-items{
		font-size: 11px;
		width: 160px;
	}
	.items-child{
		width: 280px !important;
	}
	#box_mylist2 #mylist_items2{
		width: 320px;
	}
	#header .left-header-mid .mobile img {
		width: 100% !important;
	}
	.st-effect-3.st-menu {
		-webkit-transform: translate3d(104%, 0, 0) !important;
		transform: translate3d(104%, 0, 0) !important;
	}
	.st-container.st-effect-3.st-menu-open #header {
		transform: translate3d(-275px, 0, 0) !important;
	}
	.hambur {
		/*width: 25px;*/
	}
	.st-effect-3.st-menu-open .st-pusher {
		-webkit-transform: translate3d(-265px, 0, 0) !important;
		transform: translate3d(-265px, 0, 0) !important;
	}
	/*.hambur {
		width: 34px;
	}
	.hambur.click {
		width: 24px;
	}*/
	.hambur:after, .hambur:before, .hambur i{
		margin: 2px 12px;
	}
	.hambur.click:after, .hambur.click:before, .hambur.click i{
		margin: 2px 20px;
	}
	.hambur.click:before {
		transform: translateY(9.5px) rotate(135deg);
	}
	.st-menu {
		width: 260px !important;
	}
	.mobile.st-menu.st-effect-3.color-nav .img-sidenav img{
		width: 90%;
		margin-left:0px; 
	}
	.collapsed.collapsed_2:before{
		transform: translateX(-50%) translateY(-50%);
		left: calc(92% - 4px);
	}
	.collapsed_:before {
		transform: translateX(-60%) translateY(-50%);
	}
	.collapsed_.collapsed:before{
		transform: translateX(-50%) translateY(-50%);
	}
	.collapsed_2:before{
		transform: translateX(-50%) translateY(-50%);
		left: calc(92% - 4px);
	}
}
/*@media screen and (max-width: 500px){
	.button-search-reset{
		width: 48%;
		
	}
	.button-search{
		width: 48% !important;

	}
	.button-search-reset a,.button-search a{
		font-size: 12px;
	}
	.catarogu-mid .catarogu input{
		width: 210px;
		font-size: 15px;
	}
}
@media screen and (max-width: 375px) {
	.sub-title-contents p.p-terms{
		letter-spacing:1.5px;
	}
	.sub-title-contents p.p-terms2{
		letter-spacing:0.5px;
	}
}*/
/*Only IE 11*/
@media screen and (max-width: 768px) {
	/*_:-ms-fullscreen, :root .btn-contents-ccl-chlidren { 
		height: 200px !important;
	}*/
	_:-ms-fullscreen, :root .st-container.st-effect-3.st-menu-open #header .header-content{
		position: relative;

	}
	_:-ms-fullscreen, :root .st-container.st-effect-3.st-menu-open #header {
		width: 90%;
		
	}
	_:-ms-fullscreen, :root	.st-effect-3.st-menu{
			transform: translate3d(99%, 0px, 0px) !important;
		}
	_:-ms-fullscreen, :root	.st-container.st-effect-3.st-menu-open .st-menu.st-effect-3{
			position: absolute;
		}
}
@media screen and (max-width: 1024px) and (min-width: 870px){
	.reiaut_grid .changegrid{
		width: initial;
	}
	.changegrid{
		display: grid;
		grid-template-columns: auto auto auto auto;
	}
	.grid1{
		grid-row: 1;
	}
	.grid2{
		grid-row: 1;
	}
	.grid3{
		grid-row: 1;
	}
	.grid4{
		grid-row: 2;
	}
	.grid5{
		grid-row: 2;
	}
	.grid6{
		grid-row: 2;
	}
	.grid7{
		grid-row: 3;
	}
	.grid8{
		grid-row: 3;
	}
}
@media screen and (max-width: 869px) and (min-width: 769px){
	.reiaut_grid .changegrid{
		width: initial;
	}
	.changegrid{
		display: grid;
		grid-template-columns: auto auto auto auto;
	}
	.grid1{
		grid-row: 1;
	}
	.grid2{
		grid-row: 1;
	}
	.grid3{
		grid-row: 2;
	}
	.grid4{
		grid-row: 2;
	}
	.grid5{
		grid-row: 3;
	}
	.grid6{
		grid-row: 3;
	}
	.grid7{
		grid-row: 4;
	}
	.grid8{
		grid-row: 4;
	}
}
@media screen and (max-width: 610px) and (min-width: 435px){
	.reiaut_grid .changegrid{
		width: initial;
	}
	.changegrid{
		display: grid;
		grid-template-columns: auto auto auto auto;
	}
	.grid1{
		grid-row: 1;
	}
	.grid2{
		grid-row: 1;
	}
	.grid3{
		grid-row: 1;
	}
	.grid4{
		grid-row: 2;
	}
	.grid5{
		grid-row: 2;
	}
	.grid6{
		grid-row: 2;
	}
	.grid7{
		grid-row: 3;
	}
	.grid8{
		grid-row: 3;
	}
}
@media screen and (max-width: 345px){
	#header .right-header{
		display: block;
	}
}