/* line 3, source/css/add.css.sass */
#balloon_inner a {
  display: block;
  position: relative; }

/* line 6, source/css/add.css.sass */
#balloon_inner strong {
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 12.5%;
  width: 75%;
  font-size: 16px;
  line-height: 1.3; }

/* line 15, source/css/add.css.sass */
#balloon_inner .onlySp strong {
  font-size: 13px;
  left: 5%;
  width: 90%; }
  @media screen and (max-width: 767px) {
    /* line 15, source/css/add.css.sass */
    #balloon_inner .onlySp strong {
      font-size: 10px; } }
/* line 23, source/css/add.css.sass */
#balloon_inner #balloon_img {
  top: 50px !important;
  left: -450px !important; }
  @media screen and (max-height: 600px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      left: -400px !important; } }
  @media screen and (max-height: 700px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      left: -425px !important; } }
  @media screen and (min-height: 900px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      top: 60px !important;
      left: -475px !important; } }
  @media screen and (min-height: 1000px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      top: 70px !important;
      left: -500px !important; } }
  @media screen and (min-height: 1100px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      top: 80px !important;
      left: -525px !important; } }
  @media screen and (min-height: 1200px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      top: 90px !important;
      left: -550px !important; } }
  @media screen and (min-height: 1300px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      top: 100px !important;
      left: -600px !important; } }
  @media screen and (min-height: 1400px) {
    /* line 23, source/css/add.css.sass */
    #balloon_inner #balloon_img {
      top: 110px !important;
      left: -650px !important; } }
  /* line 50, source/css/add.css.sass */
  #balloon_inner #balloon_img strong {
    transform: translate(0, -60%);
    scale: 0.9; }

/* line 56, source/css/add.css.sass */
#balloon_inner #balloon_img_sp {
  top: 0vw !important;
  left: 15vw !important; }
  /* line 59, source/css/add.css.sass */
  #balloon_inner #balloon_img_sp strong {
    transform: translate(0, -68%);
    scale: 0.75; }

/* line 64, source/css/add.css.sass */
#balloon_inner #balloon_img_2 strong {
  transform: translate(0, -60%);
  scale: 1; }

/* line 68, source/css/add.css.sass */
#balloon_inner #balloon_img_2_sp strong {
  transform: translate(0, -70%);
  scale: 0.85; }

/* line 77, source/css/add.css.sass */
#nav #nav_inner #nav_3_sp:after {
  content: '';
  display: block;
  z-index: 100000;
  position: absolute;
  top: -60vw;
  left: 5vw;
  right: 14vw;
  bottom: 90vw; }

@media screen and (min-width: 768px) {
  /* line 88, source/css/add.css.sass */
  #nav #nav_inner #nav_3_sp:after {
    top: -70vw;
    left: 5vw;
    right: 10vw;
    bottom: 60vw; } }

/* line 95, source/css/add.css.sass */
#nav #nav_inner #nav_1 {
  transform: translate(-5vw); }

/* line 97, source/css/add.css.sass */
#nav #nav_inner #nav_2 {
  transform: translate(-4vw); }

/* line 99, source/css/add.css.sass */
#nav #nav_inner #nav_1_sp {
  transform: translateX(-6vw); }

/* line 101, source/css/add.css.sass */
#nav #nav_inner #nav_4_sp {
  transform: translateX(5vw); }

/* line 104, source/css/add.css.sass */
#pagination {
  padding-top: 2em; }
  /* line 106, source/css/add.css.sass */
  #pagination ul {
    list-style: none; }
    @media screen and (max-width: 767px) {
      /* line 106, source/css/add.css.sass */
      #pagination ul {
        font-size: 0.6rem; } }
    /* line 110, source/css/add.css.sass */
    #pagination ul li {
      display: inline-block; }
      /* line 112, source/css/add.css.sass */
      #pagination ul li a {
        font-family: sans-serif;
        font-weight: bold;
        display: block;
        padding: 0.7em 0;
        width: 3em;
        text-decoration: none;
        background: black;
        color: white;
        border: 3px solid black; }
  /* line 123, source/css/add.css.sass */
  #pagination .active a, #pagination .arrow a {
    background: white;
    color: black; }
  /* line 127, source/css/add.css.sass */
  #pagination .arrow a {
    width: 4em; }