@charset "utf-8";
#visual {position:relative;float:left;width:100%;overflow:hidden;display:inline-block;*display:inline;
	background:url('../img/visual.jpg') no-repeat center center;background-size:cover;height:900px;}

#visual .text {color:#fff;position:absolute;left:0;bottom:80px;text-align:center;width:100%;font-size:24px;font-weight:100;line-height:1.5}
#visual .text h1 {margin-bottom:15px;}

.owl-carousel .item img {display: block;width: 100%;max-width:100%;height: auto;}
.container {padding:0 !important;}
.owl-theme .owl-controls {position:absolute;width:100%;left:0;text-align:center;bottom:5px;height:20px !important;}
.owl-theme .owl-controls .owl-page span {border-radius:50% !important;margin:5px !important;}

@media screen and (max-width: 991px) {
	#visual {height:500px;}
	.sct_wrap .cate_img {margin-bottom:20px;}
	#visual .text {bottom:50px;font-size:14px;word-break: keep-all;padding:0 25px;}
}


.mainwrap {position:relative;float:left;width:100%;display:flex;align-items: stretch;border-top:1px solid #000;}
.mainwrap .img,
.mainwrap .list {width:50%;text-align:left;}
.mainwrap .list {padding:120px 0 120px 40px;border-left:1px solid #000;}

.mainwrap .list h5 {border-bottom:2px solid #000;margin-bottom:50px;display:inline-block;*display:inline;}
.mainwrap .list h2 {margin-bottom:30px;}

.leather {flex-direction: row-reverse}
.leather .img {float:right;border-left:1px solid #000;}
.leather .list {float:left;border-left:0px}

.beads .img {background:url(../img/main1.jpg) no-repeat center center;background-size:cover;}
.leather .img {background:url(../img/main2.jpg) no-repeat center center;background-size:cover;}
.diffuser .img {background:url(../img/main3.jpg) no-repeat center center;background-size:cover;}

.mainwrap .btn_all {float:right;text-align:right;margin-right:40px;}
.mainwrap .btn_all:after {content:">";position:relative;float:right;margin-left:5px;}


@media screen and (max-width: 991px) {
	.mainwrap {display:block;}
	.mainwrap .img, .mainwrap .list {width:100%;}

	.mainwrap .list {padding:50px 0 50px 0px;border-left:0;padding-left:20px;}

	.mainwrap .list h5 {margin-bottom:30px;}
	.mainwrap .btn_all {margin-right:20px;}
}






.diy {position:relative;float:left;width:100%;padding:120px 40px;border-top:1px solid #000;text-align:center;}

ul.tabs {position:relative;margin:30px auto;padding:0;list-style: none;height:48px;color:#000;display:inline-block;*display:inline;}
ul.tabs li {position:relative;float:left;cursor:pointer;padding:0;line-height:48px;font-weight:400;margin-right:10px;width:190px;height:48px;color:#000;border-radius:50px;border:1px solid #000;}
ul.tabs li.active {font-weight:bold;background:#000;color:#fff;}
.tab_container, .tab_content {  width:100%;display:inline-block;}


.tab_container {position:relative;float:left;text-align:center;width:100%;}

.tab_content .sct {position:relative;max-width:1400px;margin:0 auto;}

.diy .btn_all {padding:10px 20px;color:#000;border-radius:50px;border:1px solid #000;}


@media screen and (max-width: 991px) {
	.diy {padding:60px 20px;}
	ul.tabs li {width:auto;padding:0 10px;height:40px;border-radius:30px;line-height:40px;}
}