@charset "utf-8";

/*---------------------------------------------------------
スマホサイズ
---------------------------------------------------------*/
@media(max-width: 500px) {
  #PAGE_TOP {
    right: 1rem;
    bottom: 1.5rem;
  }

  #PAGE_TOP a img {
    width: 2.5rem;
    transition: 0s all;
  }

  #PAGE_TOP a img:hover {
    transition: 0s all;
    transform: scale(1);
  }

  #FOOTER {
    padding: 3rem 0;
  }

  /*---------------------------------------------------------
  TOPページ
  ---------------------------------------------------------*/
  #TOP .about .wrapper .about_note h2 {
    font-size: 5.8vw;
  }

  /*---------------------------------------------------------
  開発商品
  ---------------------------------------------------------*/
  #GOODS .wrapper .goods_box .goods_img {
    width: 80%;
  }

  #GOODS .wrapper .goods_box .goods_detail .goods_price {
    flex-direction: column;
  }

  #GOODS .wrapper .goods_box .goods_detail .goods_price .table_left {
    width: 100%;
    text-align: center;
  }

  #GOODS .wrapper .goods_box .goods_detail .goods_price .table_right {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }

  /*---------------------------------------------------------
  湯の華会について
  ---------------------------------------------------------*/
  #ABOUT .about_enkaku {
    flex-direction: column;
  }

  #ABOUT .about_enkaku .about_enkaku_img {
    margin: 0 0 2rem;
    width: 100%;
    position: unset;
  }

  #ABOUT .about_enkaku .about_enkaku_img img {
    border-radius: 0;
    opacity: 1;
  }

  #ABOUT .about_enkaku .about_enkaku_word {
    padding: 2rem 1rem;
  }

  #ABOUT .about_enkaku .about_enkaku_note {
    margin: 0 0 2rem;
  }

  #ABOUT .about_enkaku .about_enkaku_history .about_enkaku_history_box .about_enkaku_history_box_center {
    margin-right: 0;
  }

  #ABOUT .about_enkaku .about_enkaku_history .about_enkaku_history_box .about_enkaku_history_box_right {
    display: none;
  }

  #ABOUT .about_ayumi .about_ayumi_word_syutten {
    flex-direction: column;
  }

  #ABOUT .about_ayumi .about_ayumi_word_syutten .about_ayumi_word_syutten_left {
    display: flex;
  }

  #ABOUT .about_ayumi .about_ayumi_word_syutten .about_ayumi_word_syutten_left p:first-child {
    margin-right: 1rem;
  }

  #ABOUT .about_ayumi .about_ayumi_word_syutten .about_ayumi_word_syutten_right p:first-child {
    margin: 1rem 0;
  }


}