.topBackGroundContainer {
  width               : 100%;
  height              : auto;  
}

.topImage{
  width: 100%;
}

.osfslider{
  padding: 0;
}

.slick-prev {
  left: 50px;
  z-index: 1;
}
.slick-next {
  right: 50px;
}

.slick-dots{
  bottom: -25px;
}
.slick-dots li{
  height: 15px;
  width: 15px;
}

.slick-dots li button:before {
  color: #B21A25;  
}



.slick-dots li.slick-active button{
  height: 15px;
  width: 15px;
}

.slick-dots li.slick-active button:before{
  background: #B21A25;
  border-radius: 50%;
  font-size:0;
  height: 15px;
  width: 15px;
}

.topCharMain {
  top                 : 0px;
  height              : auto;
  width               : auto;
  margin              : 0;
  font-family         : 'Montserrat Alternates', sans-serif;
  font-size           : 57px;
  color               : rgba(91, 89, 89, 1.0);
  text-align          : left;
  letter-spacing      : 5.94px;
  line-height         : 90.0px;
  filter              : drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
}

.topCharSub {
  height              : auto;
  width               : auto;
  font-family         : 'Montserrat Alternates', sans-serif;
  font-size           : 17.0px;
  color               : rgba(91, 89, 89, 1.0);
  text-align          : left;
  letter-spacing      : 1.67px;
  line-height         : 21.0px;
  filter              : drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
}

.index{
  font-family         : 'Calligraffitti', cursive;
  font-size           : 30px;
  color               :  rgba(115,115,115,1.0);
  display             : flex;
  width               : 180px;
  height              : 30px;
  align-items         : center;
  margin-top          : 100px;

}

.index:before{
  border-top : 1px solid;
  content: "";
  flex-grow: 1;
}

.mainLogoContainer{
  text-align          : center;
  width               : 100%;
  margin              : 80px 0 80px 0;
}
.mainlogo{
  height              : 200px;
  width               : 200px;
  filter              : drop-shadow(2px 3px 3px rgba(112,112,112,0.5));
}

.secondBackGroundContainer {
  text-align          : center;
}

.secondMsg{
  width               : 608px;
}

.secondBackGroundContainer .BGImage {
  height              : auto;
  width               : calc((100vh - 80px) * 1.77);
  max-width           : 100vw;
}

.secondImageCharBox{
  top                 : 50%;
  left                : 50%;
  -ms-transform       : translate(-50%,-50%);
  -webkit-transform   : translate(-50%,-50%);
  transform           : translate(-50%,-50%);
  width               : 750px;
  height              : auto;
}

.secondCharMain{
  width               : auto;
  height              : auto;
  position            : relative;
  font-family         : 'Kosugi Maru', sans-serif;
  font-size           : 36.0px;
  color               : rgba(80, 80, 80, 1.0);
  text-align          : center;
  letter-spacing      : 3px;
  line-height         : 42.0px;
}

.secondCharSub{
  width               : auto;
  height              : auto;
  position            : relative;
  font-family         : 'Kosugi Maru', sans-serif;
  font-size           : 21.0px;
  color               : rgba(80, 80, 80, 1.0);
  text-align          : center;
  letter-spacing      : 0.29px;
  line-height         : 42px;
  margin-top          : 30px;
}

.instaContainer{
  height              : 360px;
  width               : auto;
  text-align          : center;
  margin-top          : 150px;
}

.instaImgBox{
  height              : 238px;
  width               : auto;
}

.instaimage{
  height              : 238px;
  width               : 238px;
}

.instabutton{
  width               : 965px;
  height              : 70px;
  border-radius       : 5px;
  border              : none;
  margin-top          : 30px;
  background          : none;
}

.instaContainer button:focus{
  outline             : none;
}

.buttonChar{
  color               : rgba(195, 169, 80, 1.0);
  font-family         : 'Kosugi Maru', sans-serif;
  font-size           : 30px;
  letter-spacing      : 2.63px;
  margin              : auto;
}

.newsContainer{
  margin              : 20px auto;
  width               : 670px;
  display             : flex;
}

.news_logo{
  text-align          : center;
  width               : 94px;
  height              : 94px;
  display             : flex;
}
.newsContainer .date_titleBox{
  margin-left         : 30px;
}
.newsContainer .date{
  width               : 125px;
  font-size           : 21px;
  line-height         : 40px;
}
.newsContainer .title {
  font-size           : 24px;
  line-height         : 40px;
  text-decoration     : underline;
}
.newsContainer p {
  margin              : 0; 
  padding             : 0;
}

.aboutContainer{
  width               : 100%;
  height              : 1400px;
  position            : relative;
  margin-top          : 20px;
}
.aboutBG{
  width               : 100%;
  height              : 1400px;
  position            : relative;

}

.about1{
  width               : 900px;
  position            : absolute;
  top                 : 130px;
  left                : 50%;
  transform           : translateX(-50%);
  -webkit-transform   : translateX(-50%);
  -ms-transform       : translateX(-50%);
}

.about2{
  width               : 900px;
  position            : absolute;
  bottom              : 40px;
  left                : 50%;
  transform           : translateX(-50%);
  -webkit-transform   : translateX(-50%);
  -ms-transform       : translateX(-50%);
}

.whatisnyohou{
  width               : 600px;
  margin              : 100px auto;
  text-align          : center;
  
}

.nyohouImg{
  width               : 240px;
}

.nyohouDesc{
  line-height: 2em;
  font-size: 19px;
  color: #565353;
}
.obi{
  width               : 100%;
  height              : auto;
  position            : relative;
}

.obiImg{
  width               : 100%;
  height              : 250px;
  object-fit          : cover;
  
}

.obiMsg{
  position            : absolute;
  top                 : 35%;
  left                : 50%;
  color               : white;
  font-size           : 40px;
  transform           : translate(-50%, -50%);
  -webkit-transform   : translate(-50%, -50%);
  -ms-transform       : translate(-50%, -50%);
  width               : 670px;

}
.vocIndex{
  width               : 320px;
}

.voc{
  width               : 60%;
  margin              : 0 auto 100px auto;
  text-align          : center;
}

.vocImg{
  width               : 100%; 
}

.mainItemContainer{
  width               : 100%;
  margin              : 100px auto;
  position            : relative;
}

.mainItemSubContainer{
  width               : 1000px;
  position            : absolute;
  top                 : 50%;
  left                : 50%;
  display             : flex;
  transform           : translate(-50%, -50%);
  -webkit-transform   : translate(-50%, -50%);
  -ms-transform       : translate(-50%, -50%);
  justify-content     : center;
}

.itemRank1Bg{
  width               : 100%;
}

.mainItemImg{
  height              : 530px;
}

.itemRank1Bg{
  width               : 100%;
  height              : 950px;
}

.itemRank1Img{
  width               : 150px;
  height              : 150px;
  position            : absolute;
  left                : 30px;
  top                 : 0px;
  
}
.mainItemDetail{
  width               : 500px;
}

.mainItemTitle{
  font-size           : 30px;
  margin-left         : 110px;
  margin-top          : 20px;
  width               : 500px;
}

.mainItemPrice{
  font-size           : 30px;
  margin-top          : 10px;
  margin-left         : 110px;
}

.mainItemDesc{
  font-size           : 26px;
  margin-top          : 80px;
  margin-left         : 110px;
  letter-spacing      : 3px;
  line-height         : 50px;
}

.itemRank1Btn{
  position            : absolute;
  bottom              : 70px;
  transform           : translate(-50%, -50%);
  -webkit-transform   : translate(-50%, -50%);
  -ms-transform       : translate(-50%, -50%);
}

.itemRank1Btn:hover{
  transform: translate(-50%,-50%) scale(0.95);
  -webkit-transform: translate(-50%,-50%) scale(0.95);
  -moz-transform: translate(-50%,-50%) scale(0.95);
  -o-transform: translate(-50%,-50%) scale(0.95);
}


.subItemContainer{
  width               : 720px;
  margin              : 100px auto;
  display             : flex;
}

.subItemContainer .container{
  width               : 500px;
}

.subItemImg{
  width              : 200px;
}

.subItemTitle{
  font-size           : 30px;
  margin-left         : 110px;
}

.subItemPrice{
  font-size           : 30px;
  margin-top          : 10px;
  margin-left         : 110px;
}

.mainItemSoldOut{
  position            : absolute;
  bottom              : 100px;
  left                : 50%;
  transform           : translateX(-50%);
  -webkit-transform   : translateX(-50%);
  -ms-transform       : translateX(-50%);
}

.red_button a{
  color               : #FFF;
}

.galleryContainer{
  width               : 60%;
  margin              : 100px auto;
}

.galleryImg{
  width               : 100%;
}

.mapContainer{
  height            : 500px;
  width             : 80%;
  margin            : 100px auto;
}

.itemlistheadContainer{
  width               : 100%;
  text-align          : center;
  margin-top          : 183px;
}

.itemlisthead{
  font-family         : 'Calligraffitti', cursive;
  font-size           : 36px;
  letter-spacing      : 3.5px;
  color               : rgba(80, 80, 80);
  line-height         : 36px;
  margin              : 0;
}

.itemlistheadsub{
  font-family         : 'Kosugi Maru', sans-serif;
  font-size           : 18px;
  letter-spacing      : 1.58px;
  color               : rgba(80, 80, 80);
  margin              : 0;
}
.itemListBox{
  height              : auto;
  width               : 100%;
  margin-top          : 70px;
}

.itemContainer{
  margin-top          : 100px;
}

.itemGroupMain{
  height              : 250px;
  width               : 550px;
  margin              : 0 auto;
}
.itemGroupMain .itemGroup1{
  height              : 250px;
  width               : 230px;
  text-align          : center;
  display             : inline-block;
}

 .itemGroupMain .itemGroup2{
  height              : 240px;
  width               : 265px;
  display             : inline-block;
  position            : absolute;
  margin-top          : 10px;
}

.itemNameBox{
  background-color    : rgba(234, 136, 146, 1.0);
  height              : 50px;
  width               : 130px;
  border-radius       : 25px;
  display             : inline-block;
}

.itemNameBox .itemName{
  text-align          : center;
  line-height         : 50px;
  font-family         : 'Kosugi Maru', sans-serif;
  font-size           : 18.0px;
  color               : rgba(255, 253, 249, 1.0);
  letter-spacing      : 0.25px;
}

.itemPicsMain{
  height              : 120px;
  width               : auto;
  display             : inline-block; 
  margin-top          : 15px;
}

.amasaGraph{
  height              : auto;
  width               : 257px;
  display             : inline-block;

}

.graphStrawberry{
  height              : 30px;
  width               : 30px;
  display             : inline-block;
  position            : relative;
  left                : 150px;
  top                 : -30px;
}


.buttonContainer{
  width               : 100%;
  text-align          : center;
}

.purchaceLINE{
  width               : 300px;
  height              : 70px;
  border-radius       : 20px;
  border              : none;
  margin-top          : 30px;
  background          : none;
}

.LINE{
  font-size           : 26px;
}

.TBD{
  width: 900px;
  height: auto;
}

.linksContainer{
  width               : 80%;
  height              : 350px;
  display             : flex;
  margin              : 100px auto;
}

.linksImg{
  width               : 480px;
}

.farmDetail{
  width               : 640px;
}
.farmName{
  font-size           : 48px;
  margin              : 20px 0 30px 70px;
}

.farmDesc{
  font-size           : 24px;
  word-wrap           : break-word;
  margin-left         : 150px;
  line-height         : 40px;
}

.LINEQRContainer {
  width: 100%;
  height: 430px;
  text-align: center;
}

.LINEQR_back_button{
  display: block;
  margin: 20px auto;
  height: 40px;
  font-size: 18px;
  width: 120px;
  line-height: 40px;
}