/* -----全ページ共通----- */
html{
  scroll-behavior:smooth;
  font-size: 62.5%;
  
}
body{
background-color: #f7f7f7;
font-size: 16px;
line-height: 2.5;
color:#666;
font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
}
.inner{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
/* padding-left: 5%;
padding-right: 5%; */
}
ul li{
  list-style:none;
}
a{
  text-decoration:none;
  color: #666;
}
h1,h2{
  font-family: 'Josefin Sans', sans-serif;
}
.line{
  border-bottom: 1px dotted #999 ;
}
.title{
  text-align: center;
}
.line{
  padding-top: 30px;
  padding-bottom: 30px;
}
/* -----全ページ共通----- */

/* -----header----- */
header{
  margin-bottom: 50px;
}
/* -----/header----- */

/* -----footer----- */
footer{
  text-align: center;
  margin: 20px;
}
footer .copy{
  color: #666;
}
/* -----/footer----- */
/* -----UnderPageTITLE----- */
.under_title{
  margin-left: auto;
  margin-right: auto;
  }
  .under_title h1{
      padding-top: 50px;
      text-align: center;
  }
  .under_title p{
      line-height: 2;
  margin: 0 0 50px 50px;
  }
/* -----UnderPageTITLE----- */

/* -----INDEXmenu----- */
.menu{
  background-color: rgba(247,247,247,0.8);
  margin-bottom: 50px;
}
.menu nav ul li{
  font-family: 'Josefin Sans', sans-serif;
}
.menu nav ul{
  display: flex;/* リストを横並び */        
justify-content: space-between;
align-items: center;
}
.menu nav ul li a{
  padding-left: 20px;
  padding-right: 20px;
  transition: 0.5s;
  line-height: 5;
}
.menu nav ul li a:hover{
  color: #999;
  transition: 0.5s;
}
/* -----/INDEXmenu----- */
/* -----menu2----- */
.menu2{
  background-color: rgba(247,247,247,0.8);
}
.menu2 nav ul li{
  font-family: 'Josefin Sans', sans-serif;
}
.menu2 nav ul{
  display: flex;/* リストを横並び */        
justify-content: space-between;
align-items: center;
}
.menu2 nav ul li a{
  padding-left: 20px;
  padding-right: 20px;
  transition: 0.5s;
  line-height: 5;
}
.menu2 nav ul li a:hover{
  color: #999;
  transition: 0.5s;
}
/* -----/menu2----- */

.sp{ /* -----レスポンス用ロゴ----- */
  display: none;
}
/* -----btn----- */
.btn nav a{
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  transition: 0.9s;
  display: block;
}
.btn nav:hover a{
color: #fff;
}
.btn nav{
  background-color: #96bf00;
  max-width:40%;
  text-align:center;
  /* vertical-align:auto; */
  line-height: 3rem;
margin-left: auto;
margin-right: auto;
  border-radius:5px;
  transition: 0.9s;
}
.btn nav:hover {
  opacity: 0.8;
  /* background-image: linear-gradient(to right,#96bf00,#fff,#96bf00); */
  transition: 0.9s;
  transform: scale(1.1, 1.1);
}
.btn{
  
  margin-top: 100px;
  margin-bottom: 50px;
}
/* -----posotionスタンプ----- */
.posi > .btn{
  position: relative;
}
.about_btn{
  width: 180px;
  margin: 0;
  position: absolute;
  top: -80px;
  right: 250px;
  transform: rotate(10deg);
}
.order_btn{
  width: 180px;
  margin: 0;
  position: absolute;
  top: -80px;
  left:250px;
  transform: rotate(-10deg);
}
/* -----/.posotionスタンプ----- */
/* -----/btn----- */

/* -----scroll----- */
.scroll{
  display: inline-block;
  padding-top: 70px;
  min-width: 100%;
  text-align: center;
  position: relative;
}
.scroll::before {
  animation: scroll 3.5s infinite;
  border: 2px solid #000;
  border-width: 0 0 1px 1px;
  content: "";
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform: rotate(-45deg);
  width: 20px;
  height: 20px;
}
@keyframes scroll {
  0% {transform: rotate(-45deg) translate(0, 0);}
  80% {transform: rotate(-45deg) translate(-30px, 30px);}
  0%, 80%, 100% {opacity: 0;}
40% {opacity: 1;}
}
/* -----/scroll----- */
/*fixedでブロックがなくなるのではじめの要素のトップに余白を持たせる*/
section#area-1{
  padding-top:100px;
}
#area-2{
  padding-top:100px;
}
#area-3{
  padding-top:100px;
}
#area-4{
  padding-top:100px;
}
#area-5{
  padding-top:100px;
}
#area-6{
  padding-top:100px;
}
/* -----about----- */
.about section{
  max-width: 1000px;
  height: 680px;
  background-image: url(../img/plantS.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;

}
/* -----/about----- */
/* -----what----- */
.title_sub{
  text-align: center;
  margin-bottom: 30px;
  /* font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
  /* color: #b7358e; */
}
.what_item{
  display: flex;
  justify-content:space-between;
  margin-bottom: 100px;
  text-align: center;
}
.what_item img{
max-width: 80%;
}
.what_item:nth-child(odd){
  flex-direction: row-reverse;
}
  .what_item:lust-child{
    margin-bottom: 50px;
  }
  .what_txt{
    width: 50%;
  }
.what_txt img{
    margin-top: 50px;
  }
/* -----/what----- */
/* -----item----- */
.pickup_pic{
  display: flex;
  justify-content: space-between;
}
.pickup_txt{
  width: 100%;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}
.pickup_pic1{
text-align: center;
}
.pickup_pic2{
  text-align: center;
  }
.fuwafuwa1 {
  animation: fuwafuwa1 3s infinite ease-in-out .8s alternate;
  background: url(../img/bag/T32.png) no-repeat center center / 300px auto;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 400px;
  height: 400px;
  margin-top: 15px;
}
@keyframes fuwafuwa1 {
  0% {transform:translate(0, 0) rotate(-7deg);}
  50% {transform:translate(0, -7px) rotate(0deg);}
  100% {transform:translate(0, 0) rotate(7deg);}
}
.fuwafuwa2 {
  animation: fuwafuwa2 3s infinite ease-in-out .8s alternate;
  background: url(../img/bag/P14.png) no-repeat center center / 300px auto;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 400px;
  height: 400px;
  margin-top: 15px;
}
@keyframes fuwafuwa2 {
  0% {transform:translate(0, 0) rotate(7deg);}
  50% {transform:translate(0, 7px) rotate(0deg);}
  100% {transform:translate(0, 0) rotate(7deg);}
}
.category_pic{
  margin-top: 30px;
}
.category_pic ul{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.category_pic ul li p{
  line-height: 5;
font-weight: bold;
}
.category_pic img{
  max-width: 100%;
  transition: 0.9s;
}
.category_pic img:hover{
  transition: 0.9s;
  transform: scale(1.2, 1.2);
}
/* .category{
margin-bottom: 50px;
} */
/* -----/item----- */
/* -----order----- */
.order_pickup{
display: flex;
justify-content:space-between;
}
.order_pickup img{
  max-width: 40%;
}
/* -----order item----- */
.order_pickup{
  display: flex;
justify-content: space-between;
  margin-bottom: 50px;
}
.order_txt{
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
}
.od_sheet a{
  color: #666;
  font-weight: bold;
  }
  .od_sheet a:hover{
    color: #96bf00;
  }
.order_pic img{
max-width: 200%;
}
.order_item{
  margin-bottom: 50px;
}
.order_item ul{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.order_item img{
  max-width: 100%;
}
.orderlust_txt{
  padding-top: 30px;
  text-align: center;
}
/* -----/order----- */
/* -----shop----- */
.shop_desc{
text-align: center;
padding-bottom: 50px;

}
.shop_desc p{
  line-height: 2;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
.shop_desc img{
  min-width: 100%;
}
.shop_descfl{
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
.shop_descfl:nth-child(odd){
  flex-direction: row-reverse;
}
.shop_descfl p{
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
.shop_descfl img{
  max-width: 100%;
}
.shop_descfl img{
width: 1000px;
}
/* -----/shop----- */
/* -----stamp----- */
/* footer{
  background-color: #96bf00;
  margin-top: 150px;
} */
.stamp_logo{
  text-align: center;
  margin-bottom: 50px;
}
.stamp_wrap{
  display: flex;
  justify-content: space-between;
}
.stamp_left{
  text-align-last: left;
max-width: 50%;
}
.stamp_left img{
max-width: 70%;
}
.stamp_right p{
text-align: left;
}
/* -----/stamp----- */
/* -----footer----- */
.add_wrap{
  display: flex;
  justify-content: space-evenly;
}
.add_left{
  text-align-last: left;
  max-width: 50%;
}
.sea_url a:hover{
  color: #96bf00;
}
.copy{
  text-align: center;
  color:#fff;
}
/* -----/footer----- */