@charset "UTF-8";
/* Scss Document */
* {
  margin: 0px;
  padding: 0px; }

.img-resp {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto; }

.waku {
  display: inline-block;
  border: 1px solid #FFFFFF; }

.wf-mplus1p {
  font-family: "M PLUS 1p"; }

.wf-roundedmplus1c {
  font-family: "M PLUS Rounded 1c"; }

.wf-hannari {
  font-family: "Hannari"; }

.wf-sawarabimincho {
  font-family: "Sawarabi Mincho"; }

.wf-notosansjapanese {
  font-family: "Noto Sans JP"; }

.font-tuku {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400; }

.fade-in {
  opacity: 0.0;
  transform: translate(0, 50px);
  transition: all 500ms; }

.fade-in2 {
  opacity: 0.0;
  transform: translate(0, 50px);
  transition: all 900ms; }

.scroll-in {
  opacity: 1;
  transform: translate(0, 0); }

.fade-in {
  opacity: 0.0;
  transform: translate(0, 50px);
  transition-duration: 1s; }

.fade-in2 {
  opacity: 0.0;
  transform: translate(0, 80px);
  transition-duration: 5s; }

.scroll-in {
  opacity: 1;
  transform: translate(0, 0); }

.keikou {
  background: linear-gradient(transparent 30%, #E3FF16 90%); }

.m-hide {
  display: none; }
  @media screen and (min-width: 768px) {
    .m-hide {
      display: block; } }

.button {
  display: block;
  padding: 10px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background-color: #F46363;
  /*ボタン色*/
  border-radius: 5px;
  /*角丸*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button:hover {
    background-color: #F77070;
    /*ボタン色*/
    text-decoration: none;
    color: #FFF; }

.flex-conte-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .flex-conte-50 {
      flex-direction: row; } }
  .flex-conte-50 .f-box {
    padding: 5px;
    margin: auto;
    flex-basis: 80%; }
    @media screen and (min-width: 768px) {
      .flex-conte-50 .f-box {
        flex-basis: 45%; } }

.flex-conte-m {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 768px) {
    .flex-conte-m {
      flex-direction: row;
      max-width: 1000px; } }

.flex-conte-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .flex-conte-c {
      flex-direction: column; } }

.flex-conte-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-row {
      flex-direction: row; } }

.flex-conte-row-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-row-left {
      flex-direction: row; } }

.flex-conte-tate {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-tate {
      flex-direction: column; } }

.flex-conte-yoko {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  @media screen and (min-width: 768px) {
    .flex-conte-yoko {
      flex-direction: row; } }

.flex-conte-r {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }

.flex-conte-re {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .flex-conte-re {
      flex-direction: row-reverse; } }

.flex-conte-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .flex-conte-center {
      flex-direction: row; } }

.price-box {
  font-size: 0.8em;
  padding: 10px 0px 0px;
  width: 230px;
  border-top: #858080 dashed 1px;
  margin: 10px 0px; }
  .price-box strong {
    color: #EE060A;
    font-size: 1.8em;
    padding: 0px 5px; }

.price-name {
  padding: 5px 0px; }
  .price-name h2 {
    font-size: 20px; }

.seibunn {
  background-color: #F8EFEF;
  border: 1px solid #F8E3E4;
  padding: 5px; }
  .seibunn h6 {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #159205; }
  .seibunn ol {
    padding: 0px;
    column-count: 2; }
    .seibunn ol li {
      width: 100%;
      list-style-image: inherit;
      list-style: disc;
      padding: 0px;
      display: inline-block; }