@charset "euc-jp";
/* CSS Document */
* {
  box-sizing: border-box
}
.clearfix:after, div:after, ul:after {
  content: "";
  display: block;
  clear: both;
}
body {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
}
#potage li {
  list-style: none;
}
.inner {
  position: relative;
}
/*
.modal {
  display: none;
  background-color: rgba(53, 53, 53, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  text-align: center;
}
*/
.modal .rspbody {
  height: 100%;
}
/*
.modal .rspbody .rspimg {
  width: auto;
  max-height: 98%;
  margin: 0.5% auto 0;
}
*/
.modal {
  display: none;
  background-color: rgba(53, 53, 53, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  /* cursor: pointer; */
  text-align: center;
}
.modal .rspbody {
  max-width: 640px;
  max-height: inherit;
  width: 90%;
  height: auto;
  margin: 3% auto 0;
  background: #ffffff;
}
.modal .rspbody img {
  width: 100%;
  height: auto;
}
.modal-prof {
  width: 59.2% !important;
  height: auto;
}
.modal-detail {
  width: 47% !important;
  height: auto;
}
/* =============================================
                    PC
============================================= */
@media screen and (min-width: 769px) {
  .spOnly {
    display: none !important;
  }
  a:hover {
    cursor: pointer;
  }
  a:hover img {
    opacity: 0.6;
  }
  .bousai-wrapper {
    width: 640px;
    margin: 0 auto;
  }
  .main {
    text-align: center;
  }
}
.pcOnly {
  display: none !important;
}
.bousai-wrapper img {
  width: 100%;
}
.bousai-wrapper .yellow, .modal .yellow {
  background: #fbfbe4;
}
.bousai-wrapper .bn-sonaarea {
  margin: 0 6% 7%;
}
.bousai-wrapper .bn-sonaarea img {
  width: 100%;
}
.bousai-wrapper nav ul {
  margin: 0 5%;
  list-style: none;
  justify-content: flex-end;
  flex-wrap: wrap;
  display: flex;
}
.bousai-wrapper nav ul li {
  width: 48%;
  margin: 1%;
  box-sizing: border-box;
}
.bousai-wrapper .arrow {
  width: 3.7%;
  height: auto;
  margin: 0 auto;
}
.header {
  margin: 1% 0;
}
.mv {
  margin: 0 0 6%;
  padding: 10% 0 0;
  background: url("../images/header.jpg") no-repeat;
  background-size: contain;
}
nav {
  margin: 1% 0 7%;
}
.teacher {
  margin: 1% 0;
}
.box-1 {
  margin: 0;
  padding: 0 0 4.8%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.img-1-1 {
  margin: 10% 0 4%;
}
.img-1-2 {
  margin: 4% 0;
}
.img-1-3 {
  margin: 7% 0 0;
}
.img-1-4 {
  margin: 5% 0 7%;
}
.img-1-5 {
  margin: 7% 0 0;
}
.img-1-6 {
  margin: 8% 0 7%;
}
.btn-1 {
  width: 59.6%;
  margin: 0% auto;
}
.img-1-7 {
  margin: 12% 0 0;
  padding: 8% 0 0;
}
.img-1-8 {
  padding: 8% 0 0;
}
.img-1-9 {
  margin: 10% 0 0;
  padding: 0 0 10%;
}
.box-2 {
  margin: 0;
  padding: 0 0 4.8%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.img-2-1 {
  margin: 8% 0 5%;
}
.img-2-2 {
  margin: 5% 0 0;
}
.img-2-3 {
  margin: 9% 0 0;
}
.img-2-4 {
  margin: 7% 0 0;
}
.img-2-5 {
  margin: 5% 0 0;
}
.img-2-6 {
  margin: 12% 0 6%;
  padding: 7% 0 0;
}
.img-2-7 {
  margin: 0 0 0;
  padding: 0 0 7%;
}
.img-2-8 {
  margin: 8% 0 7%;
}
.img-2-9 {
  margin: 6% 0 7%;
}
.btn-2 {
  width: 59.6%;
  margin: 1% auto 2%;
}
.btn-3 {
  width: 59.6%;
  margin: 1% auto;
}
.img-2-10 {
  margin: 12% 0 0;
  padding: 8% 0 3%;
}
.img-2-11 {
  margin: 5% 0 6%;
}
.btn-4 {
  width: 59.6%;
  margin: 1% auto;
}
.img-2-12 {
  width: 69%;
  margin: 6% auto 0;
}
.img-2-13 {
  width: 67.9%;
  margin: 2% auto 0;
  padding: 0 0 8%;
}
.box-3 {
  margin: 0;
  padding: 0 0 4.8%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.img-3-1 {
  margin: 5% 0 5%;
}
.img-3-2 {
  margin: 3% 0 0;
}
.img-3-3 {
  margin: 8% 0 0;
}
.img-3-4 {
  margin: 4% 0 8%;
}
.img-3-5 {
  margin: 6% 0 0;
  padding: 5% 0 0;
}
.img-3-6 {
  margin: 8% 0 0;
}
.img-3-7 {
  margin: 7% 0;
}
.btn-5 {
  width: 59.6%;
  margin: 1% auto 0;
  padding: 0 0 7%;
}
.img-3-8 {
  margin: 7% 0 0;
}
.img-3-9 {
  margin: 10% 0 7%;
}
.img-3-9-2 {
  margin: 7% 0 0%;
}
.btn-6 {
  width: 59.6%;
  margin: 1% auto;
}
.img-3-10 {
  margin: 10% 0 0;
  padding: 5% 0 0;
}
.img-3-11 {
  margin: 4% 0 5%;
}
.btn-7 {
  width: 88.5%;
  margin: 1% auto 0;
  padding: 0 0 6%;
}
.box-4 {
  margin: 0;
  padding: 0 0 10%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.img-4-1 {
  margin: 5% 0 0;
}
.img-4-2 {
  margin: 8% 0 0;
  position: relative;
}
.recipe-1 {
  width: 47.6%;
  position: absolute;
  right: 9.5%;
  bottom: 0;
}
.img-4-3 {
  margin: 6% 0 0;
  position: relative;
}
.recipe-2 {
  width: 47.6%;
  position: absolute;
  right: 9.5%;
  bottom: 0;
}
.img-4-4 {
  margin: 6% 0 3%;
  position: relative;
}
.recipe-3 {
  width: 47.6%;
  position: absolute;
  right: 9.5%;
  bottom: 0;
}
.box-5 {
  margin: 0;
}
.img-5-1 {
  padding: 5% 0 4%;
}
.img-5-2 {
  width: 87.5%;
  margin: 1% auto;
}
.img-5-3 {
  margin: 5% 0 0;
}
.img-5-4 {
  margin: 5% 0 0;
}
.img-5-5 {
  margin: 4% 0 0;
  padding: 0 0 12%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.box-6 {
  margin: 0;
}
.img-6-1 {
  padding: 0% 0 4%;
}
.img-6-2 {
  margin: 3% auto 0;
}
.img-6-3 {
  width: 88.4%;
  margin: 4% auto 0;
}
.img-6-4 {
  width: 88.4%;
  margin: 2.5% auto 0;
}
.img-6-5 {
  width: 88.4%;
  margin: 2.5% auto 0;
  padding: 0 0 7%;
}
/* =============================================
                    RECIPE
============================================= */
.close {
  width: 6.2%;
  position: absolute;
  top: 0;
  right: 6.2%;
	cursor: pointer;
}
.recipe-1-1 {
  margin: 3% 0 0;
  position: relative;
}
.recipe-1-2 {
  margin: 3% 0 0;
}
.recipe-1-3 {
  margin: 8% 0 0;
}
.recipe-1-4 {
  margin: 8% 0 0;
}
.recipe-1-5 {
  margin: 12% 0 0;
  padding: 8% 0 0;
}
.recipe-1-6 {
  margin: 4% 0 0;
}
.recipe-1-7 {
  margin: 7% 0 0;
  padding: 0 0 12%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.recipe-2-1 {
  margin: 3% 0 0;
  position: relative;
}
.recipe-2-2 {
  margin: 3% 0 0;
}
.recipe-2-3 {
  margin: 8% 0 0;
}
.recipe-2-4 {
  margin: 8% 0 0;
}
.recipe-2-5 {
  margin: 12% 0 0;
  padding: 8% 0 0;
}
.recipe-2-6 {
  margin: 4% 0 0;
}
.recipe-2-7 {
  margin: 7% 0 0;
}
.recipe-2-8 {
  margin: 5% 0 0;
}
.recipe-2-9 {
  margin: 5% 0 0;
  padding: 0 0 12%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}
.recipe-3-1 {
  margin: 3% 0 0;
  position: relative;
}
.recipe-3-2 {
  margin: 3% 0 0;
}
.recipe-3-3 {
  margin: 8% 0 0;
}
.recipe-3-4 {
  margin: 8% 0 0;
}
.recipe-3-5 {
  margin: 12% 0 0;
  padding: 8% 0 0;
}
.recipe-3-6 {
  margin: 4% 0 0;
}
.recipe-3-7 {
  margin: 7% 0 0;
}
.recipe-3-8 {
  margin: 5% 0 0;
}
.recipe-3-9 {
  margin: 5% 0 0;
  padding: 0 0 12%;
  background: url("../images/stripe.jpg") no-repeat 0 100%;
  background-size: contain;
}