@charset "utf-8";

.bG01{
  background-image:url(../images/bg02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-color: #000;
}
.bG02{
  background-color: #000;
}
.bG03{
  background-image:url(../images/bg03.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-color: #000;
}

.skewBG01{
    position: relative;
}
.skewBG01:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:var(--bg-color00);
  transform: skewY(-7deg);
  z-index: 9;
}


.ss{font-size: var(--font-size-SS);}
.s{font-size: var(--font-size-S);}
.m{font-size: var(--font-size-M);}
.l{font-size: var(--font-size-L);}
.ll{font-size: var(--font-size-LL);}
h1{font-size: var(--title-size-L);}
h2{font-size: var(--title-size-M);}
h3{font-size: var(--title-size-S);}


.fade {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s, transform 1s;
}
.fade.active {
  opacity: 1;
  transform: translateY(0px);
}

/* for Common pc*/
html,body{
  position:relative;
  height:100%;
  font-family: var(--common-font-min), Helvetica, sans-serif;
  font-size:var(--font-size-M);
  line-height:var(--line-height-L);
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--font-color01);
}

body{
  position:relative;
  -webkit-text-size-adjust: none;
  background:var(--bg-color00);
  font-weight: 400;
  background-image:url(../images/bg01.png);
  word-break: break-all;
}
body.fixedHeader{

}
a{
  text-decoration:none;
}
a:hover{
  opacity:0.7;
  transition:.5s;
}
.spOnly{display:none;}
.pcOnly{display:block;}
header{
  background-color:var(--bg-color00);
  position: fixed;
  width:100%;
  max-width:150px;
  top: 0;
  LEFT:0;
  transition:.5s;
  z-index:999;
  height: 100vh;
}
header>div{
  width:100%;
  margin:auto;
  padding-top: 50px;
  position: relative;
  height: 100vh;
}

.hLogo{
  align-items: center;
}
.hLogo h1{
  font-size:30px;
  font-family:var(--common-font-min);
  font-weight: 700;
}
.hLogo img{
  width:70px;
  display:block;
  margin:auto;
  margin-bottom:30px;
}

.hLogo h1 span{
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 3px;
  display: block;
  margin:10px auto 10px;
  margin-bottom:10px;

}
h2{
  font-size: var(--title-size-S);
  border-bottom:solid 1px #aa8e0b;
  display:inline-block;
  padding-bottom:10px;
  margin-bottom:30px;
}
.mv video{
  width:100%;
  border-radius: 0% 100% 70% 30% / 100% 0% 100% 0%;
  object-fit: cover;
  height: 100vh;
}
.mv{
  position: relative;
  height:100vh;
  z-index:9;
}
.mv>div{
  position: absolute;
  right: 20px;
  bottom: 50px;
  z-index: 1;
  max-width: none;
  padding: 0 20px;
  margin: 0;
  max-width:840px;
  width:100%;
}

.mv h2 {
  line-height: 1.5;
  font-family: serif;
  color: #f3f3f3;
  font-size: var(--title-size-L);
  margin-bottom:30px;
  text-shadow: 2px 2px 2px rgba(75, 53, 0, 1), 0px 0px 6px rgba(0, 0, 0, 1);
  border-bottom:none;
  padding-bottom:0;
}
.mv p {
  font-family: serif;
  color: #fff;
  text-align:justify;
  font-size:var(--font-size-LL);
  padding:0 40px;
  letter-spacing: 3px;
  line-height: 1.8;
  color: #f3f3f3;
  text-shadow: 2px 2px 2px rgba(75, 53, 0, 1), 0px 0px 6px rgba(0, 0, 0, 1);
}
.mv:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: radial-gradient(#000 0%, transparent 50%), radial-gradient(#000 0%, transparent 50%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  border-radius: 0% 100% 70% 30% / 100% 0% 100% 0%;
}

header nav{
  padding-left:30px;
  position: relative;
  top: 30px;
}
header nav ul{
    text-align: left;
}
header nav ul li a{
  display:block;
  padding:8px 0;

}
header .snsBtn{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding-right: 25px;
}
header .snsBtn li{
  width:25%;
}
header .snsBtn li:nth-of-type(4){
  width:100%;
}

header .snsBtn img{
  width:100%;
}
.leftImgBox{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.leftImgBox>figure{
  width:30%;
  position:relative;
}
.leftImgBox>figure:after{
  content:"";
  display:block;
  width:100px;
  height:120px;
  border-top:3px #bbbbbb solid;
  border-right:3px #bbbbbb solid;
  position:absolute;
  top:-20px;
  right:-20px;
}
.leftImgBox>figure img{
  width:100%;
}
.leftImgBox>div{
  width:65%;
  text-align:left;
}
.slick-prev {
  left:0;
  z-index: 9;
}
.slick-next{
  right: 0px;
  z-index: 9;
}

.slide01 .slick-slide img{
  margin: 0 auto;
  width:90%;
}
.slide01 h3{
  font-size:var(--font-size-M);
}
.slide01 p{
  font-size:var(--font-size-S);
}
.slide01 li{
  position:relative;
}
.slide01 li div{
  position:absolute;
  bottom:5%;
  left:0;
  right:0;
  margin:auto;
  text-align:justify;
  width:75%;
}
.newsLst{
  max-width:800px;
  width:100%;
  margin:auto;
}
.newsLst li{
  margin-top:10px;
  text-align:justify;
  padding:20px 30px;
  border-bottom:1px solid #fff;
}
.newsLst li span{
  margin-right:50px;
}

.copyR{
  font-size:var(--font-size-M);
}

header.scrollOn{
  background-color:var(--bg-color01);
}
.photoOL{
  position: relative;
  width:100%;
}
.photoOL img{
  width:100%;
}
.photoOL:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: radial-gradient(#000 0%, transparent 50%), radial-gradient(#000 0%, transparent 50%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
.leftMenu section{
  margin-left:150px;
}
section>div{
  width:100%;
  max-width:var(--width-max);
  padding:60px 0;
  margin:60px auto;
  position:relative;
  z-index:99;
  padding-left:40px;
  padding-right:40px;

}

footer{
  padding:60px 40px;
  margin-left:150px;
}

.footerBox{
  margin:60px auto;
  width:100%;
  max-width:var(--width-max);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.footerBox>*{
  width:40%;
  text-align:left;
  min-width: 500px;
}
.footerBox>*:nth-of-type(1){
  min-width:350px;
}
.footerBox h1{
  font-size:30px;
  font-family:var(--common-font-min);
  font-weight: 700;
  margin-bottom: 20px;
}
.footerBox img{
  width:90px;
  display: block;
}

.footerBox h1 span{
  letter-spacing: 3px;
  margin-right:10px;
}
.footerBox ul{
  margin-top: 20px;
  margin-bottom:40px;
  display: flex;
  flex-wrap: wrap;
}
.footerBox ul li{
  margin-bottom:10px;
  width:25%;
}
footer .snsBtn{
  display: flex;
  justify-content: space-between;
  max-width: 200px;
  margin-top: 20px;
}
footer .snsBtn li{
  width:15%;
  padding: 10px 0;
}

footer .snsBtn li:nth-of-type(4){
  width:29%;
}

footer .snsBtn img{
  width:100%;
}

.map {
    position: relative;
    width: 100%;
    padding-top: 70%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.newsLstLnk{
  max-width: 800px;
  width: 100%;
  margin: auto;
  text-align: right;
  margin-top: 30px;
}

/* 会社概要*********************************************************/

.outline .mv{
  height: 40vh;
}
.outline .mv video{
  height: 40vh;
  border-radius:0;
}
.outline .mv:after{
  border-radius:0;

}
.outlineInfo dl{
  display:flex;
  background-color:#4d4d4dc9;
  flex-wrap:wrap;
  justify-content: space-between;
  max-width:800px;
  margin:auto;
  padding: 35px 0;
}
.outlineInfo dl dt{
  width:30%;
  text-align:right;
  padding:10px;
}
.outlineInfo dl dd{
  width:60%;
  text-align:left;
  padding:10px;
}
.history{
  text-align:left;
}
.history li{
  padding:20px;
  position:relative;
}
.history li.last:after{
  content:none!important;
}
/*
.history li:has(+ .last):after{
  content:none!important;
}
*/
.history li:nth-child(odd){
  background-color:#393939;
}
.history li:nth-child(odd):after{
  content:"";
  display:block;
  height:100%;
  width:10%;
  background: #575757;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 80% 50%, 0 0);
  position: absolute;
  top: 0;
  right:0%;
  z-index: 9;
}
.history li:nth-child(even){
  background-color:#575757;
}
.history li:nth-child(even):after{
  content:"";
  display:block;
  height:100%;
  width:10%;
  background: #393939;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 80% 50%, 0 0);
  position: absolute;
  top: 0;
  right:0%;
  z-index: 9;
}
.history h3 {
  position: relative;
  left: 0;
}
.history h4 {
    position: relative;
    left: -7%;
    width: 80%;
    margin: 10px auto;
}

.history h3 span{
  font-size:.7em;
  color:#9db9cd;
  margin-left:10px;
}

.history p {
  position: relative;
  left:-7%;
  font-size: var(--font-size-S);
  line-height:1.1;
  width:80%;
  margin:10px auto;
  

}
.history img {
  width:80%;
  margin:auto;
  position: relative;
  left:-7%;
}
.history ul{
  display: flex;
}
.history .slick-track{
  display: flex;
  height: 100%;
}
.greeting h3{
  font-family: "Zhi Mang Xing", cursive;
  font-size: var(--title-size-L);
  text-align: right;
}
.greetingImgTxt{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.greetingImgTxt>div>img{
  width:100%;
}
.greetingImgTxt>div:nth-of-type(1){
  width:40%;
}
.greetingImgTxt>div{
  width:55%;
  text-align:justify;
  line-height:3;
}

/* 商品一覧*********************************************************/


.categoryArea{
    margin: auto;

}
.categoryArea h3{
  text-align:left;
}
.item_list .mv{
  height: 40vh;
}
.item_list .mv img{
  height: 40vh;
  object-fit: cover;
  width: 100%;
}

.item_list .mv:after{
  content:none;
}

.categoryLst{
  display:flex;
  text-align:left;
  justify-content: space-evenly;
  margin-top: 30px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.categoryLst>div{
  margin-right:5%;
}
.categoryLst>div:last-child{
  margin-right:0;
}

.itemArea>h3{
  padding-bottom:5px;
  border-bottom:#ddd solid 1px;
  margin-bottom: 50px;
  text-align: left;
  font-size: 1.3rem;
  margin-top: 20px;
}

.itemList{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-bottom:100px;
}
.itemArea .itemList:last-child{
  margin-bottom:0;
}
.itemList li {
  width:30%;
  text-align:left;
  margin-bottom:20px;
}
.itemList li img{
  width:100%;
}



/* 商品詳細*********************************************************/

.item_detail{
  width:100%;
}
.item_detail h2{
  font-size:24px;
  margin: 30px 0 20px 0;
  border:none;
}
.item_detail>div{
  width:100%;
  padding:150px 0;
  margin:auto;
  display:flex;
  flex-wrap: wrap;
}
.item_detail>div .photo{
  width:45%;
}
.item_detail>div .info{
  width:50%;
  margin-left:5%;
  text-align:left;
}
.item_detail>div .info p{
  line-height:1.5;
}
.item_detail>div .info dl{
  display:flex;
  flex-wrap:wrap;
  align-items: center;
}
.item_detail>div .info dl dt{
  width:20%;
}
.item_detail>div .info dl dd{
  width:80%;
}

.item_detail .photo img{
  width:100%;
}
.itemPhoto img{
  cursor: pointer;
}
.item_detail .photo ul{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin-top:20px;
}
.item_detail .photo ul li{
  width:18%;
  overflow:hidden;
  margin-bottom: 20px;
}
.item_detail .photo ul li img{
  transition:0.3s;
}
.item_detail .photo ul li img:hover{
  transform:scale(1.1);
}
.item_detail .info ul.prof li{
  display:flex;
  align-items: center;
}
.item_detail .info ul.prof li h3{
  width:20%;
}
.item_detail .blkLnk{
  color:#f36d72;
}
.item_detail .blkLnk:after {
  font-family: 'Material Icons';
  content: '\e89e';
  position: relative;
  top: 3px;
}
.cartCount{
  background: #494949;
  appearance: auto;
  padding: 2px 15px;
}

.cartBtn{
  margin-top:20px;
  background: #a28938;
  border: none;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  transition: .3s;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.cartBtn:hover{
  opacity:0.8;
}
.cartBtn [type="submit"]{
  padding: 15px;
  width: 100%;
}

/*

.cartBtn:before {
  content: "";
  display:block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: -100%;
  transition: .4s;
  z-index: -1;
}

.cartBtn:hover:before {
  top: 0;
}
*/
.itemDetail{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
.itemDetail .info{
  width:45%;
  min-width: 300px;
  margin-right:5%;
  text-align: left;
}
.itemDetail .photo{
  width:50%;
  min-width: 300px;
}
.itemDetail h1{
  border-bottom: solid 1px #aa8e0b;
  line-height: 1.1;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.item_detail .shareLst{
  width:100%;
  display:flex;
  justify-content: right;
}
.item_detail .shareLst>*{

}
.item_detail .shareLst h2{
  margin: 0;
  line-height: 1;
  padding: 0;
  margin-right: 20px;
}
.item_detail .shareLst img{
  max-width:25px;
}
.item_detail .shareLst li{
  display: inline-block;
  margin-right: 10px;
}
.item_detail .itemExplanation{
  border-bottom: solid 1px #aa8e0b;
  padding:20px 0;
}
.item_detail .itemSize{
  display:flex;
  margin-top:20px;
}
.item_detail .itemSize dt{
  margin-right:30px;
}

.item_detail .itemWeight{
  display:flex;
}
.item_detail .itemWeight dt{
  margin-right:30px;
}


.item_detail .itemMaterial{
  display:flex;
  border-bottom: solid 1px #aa8e0b;
  padding-bottom:20px;
  margin-bottom:20px;

}
.item_detail .itemMaterial dt{
  margin-right:30px;
}

.item_detail .itemDescription{
  text-align:justify;
}
/* news*********************************************************/

.news_list .mv{
  height: 40vh;
}
.news_list .mv img{
  height: 40vh;
  object-fit: cover;
  width: 100%;
}

.news_list .mv:after{
  content:none;
}

.pageNation{
  text-align:right;
  max-width: 800px;
  margin: 40px auto 0;
}
.pageNation a:last-child{
  margin-left:50px;
}
.breadCrumbs{
  position: absolute;
  top: 103%;
  left: 0;
  z-index: 9;
  display: flex;
  margin-left:10px;
}
.breadCrumbs li{
  position:relative;
  margin-right:20px;
}
.breadCrumbs li a{
  border-bottom: 1px solid var(--font-color03);
}
.breadCrumbs li:after{
  content:">";
  display:inline-block;
  position:absolute;
  right: -20px;
  width: 20px;
}
.breadCrumbs li:last-child:after{
  content:none;
}
.newsBody{
  text-align:left;
}
.newsBody time{
  margin-bottom:20px;
  display: block;
  font-size:0.8em;

}
@media screen and (max-width:912px) {
  .itemDetail .info{
    width:100%;
    min-width: unset;
    margin-right:0;
  }
  .itemDetail .photo{
    width:100%;
    min-width: unset;
  }

}
@media (min-width: 767px) {
  header>div>nav {
    display: block !important;
  }
}
/* for タブレットSP*********************************************************/
@media screen and (max-width:767px) {


  html,body{
    
  }
  body{
    font-size:3.5vw;
    min-width:auto;
  }
  .spOnly{display:block;}
  .pcOnly{display:none;}
  header {
    height: 15vw;
    max-width:initial;
  }

  .spMenu{
    display:block;
    width: 8vw;
    height: auto;
    padding-top: 1.2vw;
  }
  .spMenu.active span:nth-of-type(1){
    transform:rotate(-45deg);
    top: 1.8vw;
    left:0;
    position: relative;
    transition: 0.2s;
    width:7vw;
  }
  .spMenu.active span:nth-of-type(2){
    display:none;
    transition: 0.2s;
  }
  .spMenu.active span:nth-of-type(3){
    transform:rotate(45deg);
    transition: 0.2s;
    width:7vw;
  }
  .spMenu span{
    width:8vw;
    height:0.2vw;
    background-color:#eee;
    display:block;
    margin-bottom:1.5vw;
    transition: 0.2s;
    border-radius:1vw;
  }
  .spMenu span:last-child{
    margin-bottom:0;
    width:4vw;
  }
  header>div{
    padding:4vw;
    height:auto;
    display: flex;
    justify-content: space-between;
  }
  header nav{
    display:none;
    top: 15vw;
    right:0;
    background: #3f3f3f;
    position: absolute;
    padding:0;
    width:100%;
  }
  header nav ul{
    display:block;
  }
  header nav ul li{
    border-bottom: 1px solid #717171;
  }
  header nav ul li:last-of-type{

  }
  header nav ul li{
    padding:4vw 10vw;
  }
  .hLogo h1{
    font-size:4vw;;
    text-align: left;
  }
  .hLogo h1 img{
    display: inline-block;
    margin-bottom:auto;
    height: 7vw;
    width: auto;
    margin-right:2vw;
  }
  .hLogo h1 span{
    writing-mode: initial;
    text-orientation: initial;
    display: inline-block;
    margin:0;
    margin-right:2vw;
  }
  header .snsBtn{
    padding-top:3vw;
    padding-right: 0;
    flex-wrap:nowrap;
    width: 94%;
    margin: auto;
    padding-bottom:3vw;
  }
  header .snsBtn li{
    width:auto;
    padding: 0 7vw;
    border-bottom:none;
  }
  header .snsBtn li:nth-of-type(4){
    width:auto;
  }
  .leftMenu section{
    margin-left:0;
  }
  section>div{
    padding:4vw;
    margin: 5vw auto;
  }
  h2{
    border-bottom:solid 1px #aa8e0b;
    padding-bottom:1vw;
    margin-bottom:3vw;
  }

  .mv{
    height: 200vw;
  }
  .mv video{
    height: 200vw;
    border-radius:unset;
    border-bottom-right-radius: 100vw;
  }
  .mv:after{
    border-radius:unset;
    border-bottom-right-radius: 100vw;
  }
  .mv>div{
    padding:4vw;
    right: 0;
    bottom: 35vw;
  }
  .mv h2{
    line-height: 1.5;
  }
  .mv p{
    padding:0 3vw;
    letter-spacing: 0.5vw;
  }
  .top h2{
    margin-bottom:5vw;
  }
  .leftImgBox>figure{
    width:95%;
    margin:2vw auto;
  }
  .leftImgBox>figure:after{
    border-top: 0.5vw #bbbbbb solid;
    border-right: 0.5vw #bbbbbb solid;
    top: -3vw;
    right: -3vw;
  }
  .leftImgBox>div{
    width:100%;
    padding: 2vw;
  }
  .slide01 .slick-slide img{
    width:100%;
  }
  footer{
    margin-left:0;
    padding:4vw;
  }
  .footerBox{
    display:block;
  }
  .footerBox h1 img{
    height: 8vw;
    width:auto;
  }
  .footerBox h1{
    font-size:5vw;
    text-align: left;
    margin-bottom:2vw;
  }
  .footerBox{
    margin:5vw auto;
  }
  .footerBox ul{
    display: flex;
    justify-content: space-between;
    padding:0;
  }
  .footerBox>*:nth-of-type(1) {
      min-width: unset;
  }
  .footerBox>* {
    width: 100%;
    margin: 5vw auto;
    min-width: auto;
  }
  footer .snsBtn{
    max-width:unset;
    width: 50%;
  }
  .copyR {
    font-size: var(--font-size-S);
  }
  .newsLstLnk{
    margin-top: 2vw;
  }

/* 会社概要*********************************************************/
  .outlineInfo dl dt{
    width: 23%;
    padding: 2vw;
  }
  .outlineInfo dl dd {
    width: 73%;
    padding: 2vw;
  }
  .greetingImgTxt>div:nth-of-type(1){ 
    width:100%;
  }
  .greetingImgTxt>div{
    width:100%;
  }
/* 商品一覧*********************************************************/
  .item_list h3{
    font-size:4.5vw;
  }
  .categoryArea{
    padding-left:0;
  }
  .categoryLst{
    margin-bottom:0;
  }
  .categoryLst li{
    list-style-type: disclosure-closed;
    margin-left: 4vw;
  }
  .categoryLst li a{
    line-height: 8vw;
    display: inline-block;
  }
  .categoryLst h3{
    font-weight:600;
  }
  .categoryLst>div{
    margin-right:0;
    width: 100%;
    margin-bottom:4vw;
  }
  .categoryLst>div:last-child{
    margin-bottom:0;
  }
  .itemArea>h3{
    padding-bottom: 1vw;
    margin-bottom: 7vw;
    margin-top: 3vw;
  }
  .itemList{
    margin-bottom:10vw;
  }
  .itemList li{
    width:48%;
    margin-bottom: 5vw;
  }
/* 商品詳細*********************************************************/
  .itemDetail{
    margin-top: 14vw;
  }
  .item_detail>div{
    padding:20vw 5vw;
  }

  .item_detail>div .photo{
    width:100%;
    margin-bottom:10vw;

  }
  .item_detail>div .info{
    width:100%;
    margin-left:0;

  }
  .item_detail>div .info p{
    font-size:3.5vw;
  }
  
  
  .itemDetail .info{
    order: 1;
  }
  .item_detail .photo ul{
    margin-top: 4vw;
  }
  .item_detail .photo ul li{
    margin-bottom: 4vw;
  }
  .itemDetail h1 {
    margin-bottom: 4vw;
    padding-bottom: 2vw;
  }
  .item_detail .shareLst h2 {
    margin-right: 4vw;
    font-size: 4vw;
  }
  .item_detail .shareLst li{
    margin-right: 4vw;
  }
  .item_detail .shareLst img {
      max-width:unset;
      width:5vw;
  }
  .item_detail .itemExplanation {
    padding: 4vw 0;
  }
  .item_detail .itemSize {
    margin-top: 4vw;
  }
  .item_detail .itemSize dt {
    margin-right: 5vw;
  }
  .item_detail .itemWeight dt {
    margin-right: 5vw;
  }
  .item_detail .itemMaterial {
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }
  .cartCount{
    padding: 1vw 7vw;
  }
  .cartBtn{
    margin-top: 4vw;
  }
  .cartBtn [type="submit"] {
    font-size: 5vw;
    padding: 2vw;
  }
  .itemDescription img{
    max-width: 100%;
    display: block;
    margin:2vw auto;
  }
  .breadCrumbs {
    margin-left: 2vw;
  }

}