body{font-family: "Mulish", sans-serif;font-style: normal;font-size: 14px;font-weight:300;color:#323232;font-optical-sizing: auto;}

a{text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #2c0a1f;}
.darkbg {background-color: #210918;}

.grdient{background: linear-gradient(to top, #f6f1e8 0%,  #ffffff 45%,   #ffffff 100% );}

.logo{display:inline-block;padding:16px 20px 14px 20px;background-color: rgba(25, 8, 18, 0.6);border-radius: 0px 0px 5px 5px;}
.logo img {height:44px;transition: all 0.3s linear;}

.navi {margin-top: 26px;transition: all 0.3s linear;}
.navi a{display: inline-block;font-size:15px;font-weight:350;color:#fff;margin-left:24px;transform-origin: bottom;letter-spacing: 0.5px;}
.navi a:hover {transform: scale(1.1);}
.navi .sep {display: inline-block;margin-left:20px;color:#fff;}

.srink {box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);background-color: #3f0e2f;}
.srink .logo {padding:9px 0px 9px 0px;background: unset;}
.srink .logo img {height:38px;}
.srink .navi {margin-top: 16px;}
.srink .navi a{margin-left: 18px;color:rgba(255,255,255,0.9);font-weight: 350;font-size: 14px;letter-spacing: 0.5px;}
.srink .navi .sep{color:rgba(255,255,255,0.5);}

.hero {display: block;overflow: hidden;background-color: #2c0a1f;}
.hero .imgone {background: url('../images/slide/a.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgtwo {background: url('../images/slide/b.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgtre {background: url('../images/slide/c.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgfur {background: url('../images/slide/d.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgfiv {background: url('../images/slide/e.jpg') no-repeat right bottom;background-size: cover;}

.hero .slide {display: block; height: 690px;position: relative;overflow: hidden;}
.hero .slide .slidetext {position: absolute;bottom: 0px;width: 100%;padding-bottom: 45px;}
.hero .slide h1{font-size: 36px;line-height: 46px;font-weight: 600; color:#fff;}
.hero .slide p{font-size: 16px;font-weight: 300; color:rgba(255,255,255,0.65);letter-spacing: 0.5px;}
.hero .slide p.ttl{font-size: 14px;font-weight: 500;color: #a7825d;}

.heroimg {border-radius:0px 220px 0px 0px;border-top:solid 8px rgba(167, 130, 93, 0.85);border-right:solid 8px rgba(167, 130, 93, 0.85);}

.txlight h2{font-size: 28px;line-height: 40px;font-weight: 600; color:#fff;}
.txlight h4{font-size: 20px;line-height: 28px;font-weight:600; color:#fff;}
.txlight p{font-size: 16px;font-weight: 300; color:rgba(255,255,255,0.65);letter-spacing: 0.5px;}
.txlight p.ttl {color:#c4925f;font-size: 14px;font-weight: 500;}
.txlight p.md {font-size: 14px;font-weight: 300; color:rgba(255,255,255,0.5);}
.txlight p.sm {font-size: 12px;font-weight: 300; color:rgba(255,255,255,0.45);}
.txlight a{font-size: 16px;font-weight: 450; color:#c4925f;letter-spacing: 0.5px;}
.txlight a:hover {color:#fff;padding-left: 5px;}



.txdark h2{font-size: 28px;line-height: 40px;font-weight:750; color:#2c2429;}
.txdark h4{font-size: 20px;line-height: 28px;font-weight:700; color:#2c2429;}
.txdark p{font-size: 16px;font-weight: 500; color:#383537;letter-spacing: 0.5px;}
.txdark p.ttl{font-size: 14px;font-weight: 550;color: #b8863a;}
 

.proditems {display:block;margin-bottom:25px;padding:0px;position: relative;border-radius: 8px;position: relative;transition: all 0.3s linear;}
.proditems .prodimg {display: block;overflow: hidden;border-radius: 8px;}
.proditems .prodimg img{width:100%;transition: all 0.3s linear;border-radius: 8px;}
.proditems:hover .prodimg img {transform: scale(1.05);}

.proditems .prodtext {position: absolute;overflow: hidden;width: 100%;bottom: 0px;padding: 20px 15px 0px 25px;transition: all 0.3s linear;}
.proditems .prodtext::before {right: 0px;top:0px;width: 100%;height: 0px;position: absolute;content: '';background-color: rgba(255, 255, 255, 0.5);transition: all 0.3s linear;}
.proditems:hover .prodtext {padding: 20px 5px 0px 35px;}
.proditems:hover .prodtext::before {height: 100%;border-radius: 0px 0px 8px 8px;}

.proditems .prodtext p{font-size: 16px;font-weight: 750; color:#383537;letter-spacing: 0.5px;position: relative;}
.proditems .prodtext p span {font-size: 14px;font-weight: 500;display: block;}

.brandbox {width: 100%;overflow: hidden;position: relative;}
.brandslider {box-sizing:border-box;overflow:hidden;}
.brandslider .branditem {display:block;padding:0px 30px;margin:0px;transition: all 0.3s linear;}
.brandslider .branditem img{display: block;width:100%;transition: all 0.3s linear;margin: auto;}
.brandslider .branditem:hover img{transform: scale(1.2)}

.whybox {display: block;position: relative;}
.whybox img{width:100%;transition: all 0.3s linear;border-radius: 12px;margin-bottom: 12px;}
.whybox h4 {font-size: 17px;line-height:28px;font-weight:700; color:#2c2429;}
.whybox p{font-size: 16px;font-weight: 550;color: #4a4843;}

.abtbg {background: url('../images/abtbg.jpg') no-repeat left bottom #2c0a1f;background-size: 100%;} 
.ftr {background: url('../images/contbg.jpg') no-repeat left bottom #2c0a1f;background-size: 100%;}