@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a {
  text-decoration: none; }

ul {
  list-style: none; }

body {
  font-family: 'Kosugi Maru', sans-serif;
  color: #613A43; }

.nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0; }

.nav, .header {
  text-align: center; }

.nav, .tenku_punpukin {
  max-width: 100%; }

.sp_nav img {
  max-width: 60%; }

.sp_nav {
  display: none; }

.sp_nav_li_menu {
  list-style: none;
  display: none;
  background: #FCC800;
  opacity: 0.7;
  z-index: 10;
  width: 100%;
  position: fixed; }
  .sp_nav_li_menu a {
    color: #613A43;
    font-size: 0.8rem; }

.introduce {
  display: flex;
  justify-content: space-around;
  margin: 100px 0; }

.profile {
  object-fit: contain; }

.info {
  color: #684049;
  text-align: center;
  background-image: url("../images/top/info_back.jpg");
  background-repeat: no-repeat;
  padding: 50px 10px 120px 30px;
  background-position: center center;
  background-size: 95% auto;
  width: auto; }
  .info li {
    padding: 5px;
    margin-left: 20px; }

.info_title p {
  padding-top: 65px; }

.info_img {
  width: 85%;
  padding-top: 50px; }

.info_title {
  display: inline-flex; }

.info_message {
  text-align: left; }

.sns_container {
  display: flex;
  justify-content: space-around;
  margin: 100px 0; }

.photo_container, .sns {
  width: 50%; }

.fb-page {
  width: 50%; }

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

.address_sp {
  display: none; }

.cut_punpukin, .twitter_punpukin {
  display: block;
  padding: 30px 0; }

.purin {
  padding-left: 250px; }

.info_sp {
  display: none; }

.footer_nav {
  background: #613a43;
  padding: 50px 0; }

.footer_nav li {
  list-style: none;
  max-width: 100%; }
  .footer_nav li a {
    padding-right: 10px;
    color: #fff;
    font-size: 0.8rem; }

.footer_nav p {
  color: #fff;
  font-size: 0.5rem;
  text-align: center; }

.footer_nav_li {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.footer_punpukin {
  padding: 0; }

a:hover {
  opacity: 0.5; }

/*sp*/
@media (max-width: 768px) {
  .nav {
    display: none; }

  .sp_nav {
    display: block;
    width: 60%; }

  .sp_nav_li_menu {
    margin-left: auto; }

  .top_logo_img {
    display: flex;
    justify-content: space-around; }

  .logo {
    width: 80%;
    object-fit: contain; }

  .farm_top_img {
    margin-top: 30px;
    text-align: center; }

  .info {
    background-image: url("../images/top/sp_info.jpg");
    background-repeat: no-repeat;
    padding: 20px;
    background-position: center center;
    background-size: auto;
    width: 100%; }
    .info li {
      padding: 5px;
      text-align: left;
      padding-left: 55px;
      width: auto; }

  .introduce, .sns_container {
    display: flex;
    flex-direction: column; }

  .introduce {
    margin: 50px 0; }
    .introduce img {
      object-fit: contain; }

  .cut_punpukin, .twitter_punpukin, .purin {
    max-width: 60%;
    margin: 0; }

  .purin {
    padding: 0; }

  .sns_container {
    text-align: center; }

  .fb-page {
    width: 100%; }

  .not_ready {
    width: 80%;
    padding: 0; }

  .photo_container, .sns {
    width: 100%; }

  .address_sp {
    display: block;
    width: 100%; }

  .address_pc {
    display: none; } }
/*spここまで*/
.top_zone {
  text-align: center; }

.tenku_punpukin_sky {
  width: 100%; }

.farm_top {
  width: 100%; }

.farm_intro, .farm_images {
  display: flex;
  justify-content: space-around; }

.farm_images img, .farm_intro img {
  max-width: 80%;
  padding: 20px 0;
  object-fit: contain;
  margin: 0 auto; }

.farm_photo_sp {
  display: none; }

.sky_punpukin {
  width: 100%; }

.sky_images {
  display: flex;
  justify-content: space-around;
  padding: 100px 0; }

.tokutyo {
  margin: 50px 50px;
  max-width: 30%;
  height: auto; }

.farm_products, .farm_photo_sp {
  text-align: center; }

.recipe_pc {
  text-align: center;
  margin: 100px 0; }
  .recipe_pc img {
    width: 80%; }

.farm_info_1 {
  text-align: center; }

.farm_info_sp {
  display: none;
  padding: 50px 0; }

.farm_info {
  width: 80%;
  padding: 50px 0; }

.recipe_sp {
  display: none; }
  .recipe_sp img {
    width: 100%; }

.shop {
  display: flex;
  justify-content: space-around; }

.shop_info {
  padding: 10px; }
  .shop_info img {
    width: 200px; }

.shop_container {
  background: #F6EAEA;
  border-radius: 100px 100px 100px 100px;
  padding: 30px;
  margin: 10px;
  text-align: start; }

.buy_intro {
  text-align: center;
  margin: 100px 0; }

.buy_product_pc, .store_1 {
  text-align: center;
  margin: 100px 0; }

.product_pc, .product_sp {
  width: 80%; }

.store_photo, .store_message {
  width: 40%; }

.store_info {
  margin-left: 100px; }

.buy_product_pc {
  width: 90%;
  text-align: center; }

.buy_product_sp {
  display: none; }
  .buy_product_sp img {
    max-width: 100%; }

.sky_1 {
  max-width: 40%; }

.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 3s; }

.sale_img {
  width:60%;
    display: block;
      margin: 0 auto;

}

/*sp*/
@media (max-width: 768px) {
  .tokutyo {
    padding: 0; }

  .farm_intro img {
    padding: 0px;
    padding-bottom: 20px; }

  .farm_info {
    display: none; }

  .farm_info_sp {
    display: block;
    width: 100%; }

  .farm_intro, .farm_images {
    display: flex;
    flex-direction: column; }

  .message_farm, .farm_photos_sp, .farm_photos {
    width: 100%; }

  .farm_photo_sp {
    display: block;
    text-align: center; }

  .farm_photos_pc {
    display: none; }

  .farm_images img {
    padding: 20px 0; }

  .farm_message {
    width: 100%; }

  .tokutyo {
    margin: 30px 0;
    max-width: 50%; }

  /*SP↑farm fin ↓punpukin*/
  .sky_images, .punpukin_intro {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    max-width: 100%; }

  .sky_photo {
    width: 100%;
    padding: 0;
    object-fit: scale-down; }

  .store_info {
    margin-left: 0; }

  .recipe_pc {
    display: none; }

  .recipe_sp {
    display: block; }

  .buy_product_pc {
    display: none; }

  .buy_intro {
    margin-top: 0; }

  .buy_product_sp {
    display: block;
    text-align: center; }

  .shop {
    display: flex;
    flex-wrap: wrap; }

  .buy_1 {
    display: inline-grid; }

  .order {
    padding: 30px 0;
    width: 80%; }

  .store_photo {
    width: 97%;
    padding: 50px 0; }

  .store_1 {
    display: flex;
    flex-direction: column; }

  .store_photo, .store_message {
    max-width: 80%;
    object-fit: contain; }

  .store_message, .buy_message {
    width: 100%; }

  .store_title, .buy_1, .tokutyo {
    width: 30%;
    margin: 0 auto; }

  .sky_1 {
    max-width: 80%;
    padding: 50px 0;
    margin: 0 auto; }
 .sale_img {
  width:90%;
 }

/*# sourceMappingURL=punpukin.css.map */