@media (max-width: 767px) {
  .fr-border {
    width: 100%;
    margin: 10px auto; }

  .mygarden {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 50px; }
    .mygarden .mygarden_wrap h2 {
      padding: 0 15px;
      font-size: 1.6rem; }
    .mygarden .shi .balloon.fr-style-1 {
      background-position: bottom 10px right 10px; }
    .mygarden .shi .balloon.fr-style-3 {
      width: 100%;
      margin: 20px 0;
      padding-right: 40px;
      background-position: bottom 10px right 10px; }
    .mygarden .fr-flex-01 {
      display: block; }
      .mygarden .fr-flex-01 .fr-balloon-left {
        width: 100%; }
        .mygarden .fr-flex-01 .fr-balloon-left br {
          display: none; }
        .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-5 {
          width: 100%; }
        .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-6 {
          width: 100%;
          margin: 0 auto 10px !important; }
          .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-6:after {
            right: auto !important;
            bottom: -40px;
            left: 30px !important;
            width: 100px;
            height: 40px;
            background: url(/mygarden/img/p_sankaku_b.png) no-repeat !important; }
          .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-6.fr-edit-4:after {
            top: auto; }
        .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-7 {
          width: 100% !important;
          margin: 20px auto; }
          .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-7:after {
            display: none; }
        .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-9 {
          margin-top: 20px !important;
          width: 100%; }
          .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-9:after {
            right: auto;
            left: 30px; }
        .mygarden .fr-flex-01 .fr-balloon-left .fr-text-bottom {
          width: 100%;
          word-break: break-all; }
        .mygarden .fr-flex-01 .fr-balloon-left .fr-bottle {
          margin-top: -174px;
          width: 100% !important;
          padding-left: 225px !important; }
      .mygarden .fr-flex-01 .fr-balloon-right {
        width: 100%; }
        .mygarden .fr-flex-01 .fr-balloon-right .fr-step br {
          display: none; }
        .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4 {
          width: 100%;
          margin-top: 30px; }
          .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4:after {
            background: url(../img/arrow-top.png) no-repeat center/cover;
            left: 30px;
            top: -30px;
            width: 40px;
            height: 23px; }
          .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4.fr-edit-1:after {
            bottom: auto; }
      .mygarden .fr-flex-01 .fr-balloon-middle {
        width: 100%; }
        .mygarden .fr-flex-01 .fr-balloon-middle .balloon.fr-style-8 {
          width: 100% !important;
          margin: 20px auto;
          height: auto;
          padding-bottom: 40px; }
          .mygarden .fr-flex-01 .fr-balloon-middle .balloon.fr-style-8:after {
            display: none; }
    .mygarden .fr-flex-02 {
      width: 100%;
      margin: 60px 0;
      display: block;
      float: left; }
      .mygarden .fr-flex-02 .fr-box {
        float: left;
        width: calc(100% - 170px);
        margin: 0;
        position: relative;
        z-index: 9; }
        .mygarden .fr-flex-02 .fr-box .fr-balloon .fr-none-icon {
          width: 100%;
          margin-top: 40px; }
        .mygarden .fr-flex-02 .fr-box .fr-balloon .fr-image-new {
          margin: 70px 0 auto;
          position: relative;
          z-index: 10; }
      .mygarden .fr-flex-02 .fr-img {
        position: absolute;
        right: 10px;
        z-index: 2;
        width: 330px; }
    .mygarden h1 {
      height: 40px;
      background: #f9d1cc;
      vertical-align: bottom;
      display: flex; }
    .mygarden .mygarden_content {
      padding: 50px 10px; }
    .mygarden .pi .baloon_box_inner {
      position: static; }
    .mygarden .pi .balloon.fr-style-1 {
      background-position: bottom 10px right 30px; }
    .mygarden .pi .balloon.fr-style-2 {
      position: relative;
      margin: 0; }
      .mygarden .pi .balloon.fr-style-2:before {
        content: '';
        display: block;
        width: 51px;
        height: 51px;
        background: url(/mygarden/img/p_icon.png) no-repeat center/cover;
        position: absolute;
        bottom: 20px;
        right: 30px; }
      .mygarden .pi .balloon.fr-style-2 .fr-text-left {
        width: 100%;
        padding-bottom: 30px; }
        .mygarden .pi .balloon.fr-style-2 .fr-text-left:after {
          display: none; }
      .mygarden .pi .balloon.fr-style-2 .fr-image {
        width: 100%;
        padding-bottom: 40px; }
    .mygarden .pi .balloon.fr-style-3 {
      margin: 0;
      background-position: bottom 10px right 20px; }
    .mygarden .howto dl {
      margin-top: 40px; }
    .mygarden .howto dt {
      width: auto;
      padding: 0 15px;
      top: -25px; }
    .mygarden .howto dd {
      padding: 40px 20px; }

  .mygarden .fr-top-garden .fr-left-garden {
    width: 100%; }
    .mygarden .fr-top-garden .fr-left-garden h1 {
      height: auto;
      background: transparent;
      display: table; }
    .mygarden .fr-top-garden .fr-left-garden .fr-content {
      font-size: 1.4rem; }
      .mygarden .fr-top-garden .fr-left-garden .fr-content p {
        font-size: 1.4rem;
        line-height: 1.4; }
        .mygarden .fr-top-garden .fr-left-garden .fr-content p br {
          display: none; }
  .mygarden .fr-top-garden .fr-right-garden {
    width: 100%;
    margin: 20px 0; }
    .mygarden .fr-top-garden .fr-right-garden .fr-list-garden li img {
      display: table; }

  .mygarden .fr-bottom-garden .fr-menu {
    background-size: auto; }
  .mygarden .fr-bottom-garden .fr-bt .fr-bt-right {
    width: 100%;
    margin: 10px auto auto; }

  /*New*/
  .mygarden .howto dd,
  .fr-balloon-right .fr-step,
  html p, body p,
  .mygarden .howto,
  .mygarden .pi .balloon.fr-style-2 .fr-text-left,
  .mygarden .fr-flex-01 .fr-balloon-left .fr-text-bottom {
    font-size: 1.3rem;
    line-height: 1.4; }

  .mygarden .fr-balloon-right .fr-step {
    margin-bottom: 30px; }

  .mygarden .fr-balloon-left.pi .fr-style-5.fr-mb-1:after,
  .mygarden .fr-balloon-left.pi .fr-style-6.fr-mb-1:before {
    content: '';
    background: url(../img/arrow-bottom-3.png) no-repeat center/cover !important;
    left: 30px !important;
    right: auto !important;
    top: -30px;
    bottom: auto;
    width: 40px;
    height: 23px;
    position: absolute; }

  .mygarden .fr-balloon-left.pi .fr-style-6.fr-mb-2 {
    margin-top: 20px; }

  .mygarden .fr-balloon-left.pi .fr-style-6.fr-mb-2:before {
    content: '';
    background: url(../img/arrow-bottom-3.png) no-repeat center/cover !important;
    right: 30px;
    top: -30px;
    width: 40px;
    height: 23px;
    position: absolute; }

  .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-7,
  .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-6 {
    margin-top: 30px !important; }

  .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-7:after {
    display: block;
    left: 30px !important;
    right: auto !important; }

  .mygarden .fr-flex-01 .fr-balloon-middle .balloon.fr-style-8 {
    margin-top: 30px !important; }

  .mygarden .fr-flex-01 .fr-balloon-middle .balloon.fr-style-8:after {
    display: block;
    background: url(../img/arrow-top.png) no-repeat center/cover;
    left: auto;
    right: 30px;
    top: -30px;
    bottom: auto;
    width: 40px;
    height: 23px; }

  .mygarden .fr-balloon-left.pi .fr-style-6.fr-mb-1:after,
  .mygarden .fr-balloon-left.pi .fr-style-6.fr-mb-2:after {
    display: none; }

  .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4.fr-mb-1:after {
    left: auto;
    right: 30px; }

  .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-5,
  .mygarden .fr-flex-01 .fr-balloon-left.pi .fr-style-6,
  .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4 {
    padding: 30px !important;
    min-height: auto; }

  .mygarden .fr-flex-01 .fr-balloon-left .fr-mb-0 img {
    max-width: 70%;
    margin: auto; }

  .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4.fr-mb-2 .fr-text-bottom {
    font-size: 26px;
    line-height: 1.4;
    padding-top: 5px; }
    .mygarden .fr-flex-01 .fr-balloon-right .shi .balloon.fr-style-4.fr-mb-2 .fr-text-bottom a {
      color: #000;
      text-decoration: none; } }

/*# sourceMappingURL=fr-edit-mb.css.map */