@charset "utf-8";
/* CSS Document */

.sp {
  display: none;
}

.section {
  padding-left: 10%;
}

.main h1 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  padding-bottom: 5%;
}
.main p {
  line-height: 2em;
}

.section2_comtents {
  width: 50vw;
  padding: 0 10%;
}

.section3_img {
  width: 50vw;
  text-align: center;
}
.section3_img p {
  padding: 2% 0;
}
.psize {
  width: 60%;
}

.section4_contents {
  width: 50vw;
  padding: 0 10%;
}

.section5_contents {
  width: 50vw;
  text-align: center;
}

.section5_contents .explain {
  font-size: 0.8em;
  line-height: 1.5em;
  border: 1px solid #000;
  padding: 1%;
  margin-top: 5%;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.top {
  position: relative;
}
#sidemenu {
  position: absolute;
  width: 25%;
  top: 40vh;
  right: 3%;
  border: 1px solid #000;
  padding: 50px 25px 25px 25px;
  z-index: 80;
  background-color: #fff;
}
#sidemenu h1 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  text-align: center;
}

.select {
  margin-bottom: 5%;
  text-align: center;
}
.select p {
  padding-right: 5%;
}

.order {
  padding-left: 35%;
}
.btn {
  text-align: center;
}
.buy_btn {
  width: 40%;
  margin: auto;
}
.sns {
  justify-content: center;
  padding-top: 5%;
  display: flex;
}

.sns p {
  padding: 2%;
}
@media screen and (max-width: 640px) {

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .list {
    display: flex;
    justify-content: space-between;
  }
  .select {
    display: flex;
  }

  #sidemenu {
    display: none;
  }

  #fp-nav {
    display: none;
  }

  .list {
    padding: 0 12%;
  }

  figure img {
    padding: 0 5%;
  }
  .sp h1 {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 5%;
  }

  select {
    margin-left: auto;
    margin-right: auto;
  }
  .order {
    padding-left: 0;
  }

  .sns {
    padding-bottom: 10%;
  }

  .text_wrap {
    width: 80vw;
    margin: auto;
  }

  /*body {
    overflow: visible !important;
}*/

  .text_wrap h2 {
    padding-bottom: 10%;
  }
  .text_wrap .picture {
    padding: 10% 0;
  }

  .explain {
    border: 1px solid #000;
    padding: 5% 0 5% 10%;
    width: 260px;
    margin: auto;
  }
.btn {
  width: 25%;
  margin: auto;
}