.about__txtlink {
  text-decoration: underline;
}

.about__namelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media (min-width: 768px) {
  .about__namelist {
    margin-top: -6px;
  }
}

.about__nameitem {
  width: 50%;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 21px;
}

@media (min-width: 768px) {
  .about__nameitem {
    font-size: 1.25rem;
    line-height: 38px;
  }
}

.about__nameitem.-nowrap {
  width: 100%;
}

.about__btn {
  background: #ff5028;
  position: relative;
  margin-top: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

@media (min-width: 768px) {
  .about__btn {
    width: 420px;
    margin-top: 20px;
    font-size: 1.125rem;
    line-height: 50px;
  }
}

.about__btn:after {
  position: absolute;
  top: 50%;
  right: 4px;
  content: '';
  background: url(../../img/common/ui/ico_arw_wh_r.svg) top center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 7px;
}

@media (min-width: 768px) {
  .about__btn:after {
    right: 11px;
    width: 7px;
    height: 13px;
  }
}

.about__offer {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .about__offer {
    margin-top: 4px;
  }
}

.fv.c-tile {
  width: 85.33333%;
  margin: 0 auto;
  padding: 0;
  background: url(../../img/common/tile/line.png) top center/16px repeat-x, url(../../img/fv/bg_fruba.png) center bottom -1px/250px no-repeat, #fff;
}

@media (min-width: 768px) {
  .fv.c-tile {
    width: 640px;
    padding: 0;
    background: url(../../img/common/tile/line.png) repeat-x 0 0, url(../../img/fv/bg_fruba.png) no-repeat center bottom -2px, #fff;
  }
}

.fv.c-tile:before {
  display: none;
}

.fv__subinner {
  padding: 0 27px 30px;
}

@media (min-width: 768px) {
  .fv__subinner {
    padding: 0 86px 54px;
  }
}

.fv__ttl__wrap {
  position: relative;
  height: auto;
}

.fv__ttl__wrap:before {
  content: "";
  display: block;
  padding-top: 115.87302%;
}

.fv__ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fv__ttl .-txt {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fv__ttl .-txt img {
  height: 100%;
  max-width: none;
}

.fv__ttl .-ph {
  display: block;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fv__ttl .-ph img {
  height: 100%;
}

.fv__ttl .fv__dog {
  position: absolute;
  top: 58.49315%;
  left: -3.01587%;
  width: 28.57143%;
}

.fv__ttl .fv__dog img {
  height: auto;
}

.fv__ttl .fv__cat {
  position: absolute;
  top: 4.10959%;
  left: 78.4127%;
  width: 28.57143%;
}

.fv__ttl .fv__cat img {
  height: auto;
}

.fv__ttl .fv__mouse {
  position: absolute;
  top: 53.83562%;
  left: 80.15873%;
  width: 20.63492%;
}

.fv__ttl .fv__mouse img {
  height: auto;
}

.fv__btnlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 27px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@media (min-width: 768px) {
  .fv__btnlist {
    margin-top: 40px;
  }
}

.fv__btnitem {
  background: #ffe600;
  border: 2px solid #000;
  width: calc(50% - 6px);
  margin-left: 12px;
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
  font-weight: bold;
}

.fv__btnitem:first-of-type {
  margin-left: 0;
}

@media (min-width: 768px) {
  .fv__btnitem {
    border: 4px solid #000;
    font-size: 1.125rem;
  }
}

.fv__btnitem a {
  display: block;
}

.fv__btnitem:after {
  position: absolute;
  top: 50%;
  right: 4px;
  content: '';
  background: url(../../img/common/ui/ico_arw_r.svg) top center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 7px;
}

@media (min-width: 768px) {
  .fv__btnitem:after {
    right: 11px;
    width: 7px;
    height: 13px;
  }
}

.live__namelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media (min-width: 768px) {
  .live__namelist {
    margin-top: -6px;
  }
}

.live__nameitem {
  width: 50%;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 21px;
}

@media (min-width: 768px) {
  .live__nameitem {
    font-size: 1.25rem;
    line-height: 38px;
  }
}

.live__nameitem.-nowrap {
  width: 100%;
}

.live__btn {
  background: #ff5028;
  position: relative;
  margin-top: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

@media (min-width: 768px) {
  .live__btn {
    width: 420px;
    margin-top: 20px;
    font-size: 1.125rem;
    line-height: 50px;
    -webkit-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
    cursor: pointer;
  }
  .live__btn:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }
}

.live__btn:after {
  position: absolute;
  top: 50%;
  right: 4px;
  content: '';
  background: url(../../img/common/ui/ico_arw_wh_r.svg) top center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 7px;
}

@media (min-width: 768px) {
  .live__btn:after {
    right: 11px;
    width: 7px;
    height: 13px;
  }
}

.live__btn a {
  display: block;
}

.live__btnlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 0 -4px;
}

@media (min-width: 768px) {
  .live__btnlist {
    margin: -9px 0 0 -9px;
  }
}

.live__btnitem {
  width: calc(50% - 4px);
  margin: 4px 0 0 4px;
  background: #ff5028;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .live__btnitem {
    width: 190px;
    margin: 9px 0 0 9px;
    font-size: 1rem;
    line-height: 40px;
    -webkit-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
    cursor: pointer;
  }
  .live__btnitem:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }
}

.live__btnitem a {
  display: block;
}

.live__btnitem:after {
  position: absolute;
  top: 50%;
  right: 8px;
  content: '';
  background: url(../../img/common/ui/ico_arw_wh_b.svg) top center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 5px;
}

@media (min-width: 768px) {
  .live__btnitem:after {
    right: 11px;
    width: 12px;
    height: 6px;
  }
}

.live__areattl {
  margin-top: 14px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
}

@media (min-width: 768px) {
  .live__areattl {
    margin-top: 32px;
    font-size: 1.25rem;
  }
}

.live__list {
  border: 1px solid #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 10px;
  font-size: 0.625rem;
}

@media (min-width: 768px) {
  .live__list {
    font-size: 0.875rem;
  }
}

.live__list dt {
  width: 30%;
  padding: 2px 0;
  text-align: center;
  border-right: 1px solid #000;
}

@media (min-width: 768px) {
  .live__list dt {
    width: 30%;
    padding: 4px 0;
  }
}

.live__list dt.prefecture__ttl {
  background: #ffe600;
  font-weight: bold;
}

.live__list dd {
  width: 70%;
  padding: 2px 0;
}

@media (min-width: 768px) {
  .live__list dd {
    width: 70%;
    padding: 4px 0;
  }
}

.live__list dd.theater__ttl {
  background: #ffe600;
  font-weight: bold;
  text-align: center;
}

.live__list dd.theater__name {
  padding-left: 10px;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .live__list dd.theater__name {
    padding-left: 16px;
  }
}