#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #FFF;
}
#loading .kesa {
  opacity: 0;
  left: 50%;
  top: 50%;
}
@media only screen and (max-width: 768px) {
  #loading .kesa {
    margin-left: -25px;
  }
  #loading .img1 {
    width: 129px;
    width: 17.19%;
  }
  #loading .img2 {
    width: 101px;
    width: 13.46%;
  }
  #loading .img3 {
    width: 155px;
    width: 20.66%;
  }
}
#loading.start .img1 {
  -webkit-animation: top_kesa1 2s ease-out forwards;
  -moz-animation: top_kesa1 2s ease-out forwards;
  -o-animation: top_kesa1 2s ease-out forwards;
  animation: top_kesa1 2s ease-out forwards;
}
#loading.start .img2 {
  -webkit-animation: top_kesa2 2s ease-out forwards;
  -moz-animation: top_kesa2 2s ease-out forwards;
  -o-animation: top_kesa2 2s ease-out forwards;
  animation: top_kesa2 2s ease-out forwards;
}
#loading.start .img3 {
  -webkit-animation: top_kesa3 2s ease-out forwards;
  -moz-animation: top_kesa3 2s ease-out forwards;
  -o-animation: top_kesa3 2s ease-out forwards;
  animation: top_kesa3 2s ease-out forwards;
}
#loading.start .img4 {
  -webkit-animation: top_kesa4 1s ease-out forwards;
  -moz-animation: top_kesa4 1s ease-out forwards;
  -o-animation: top_kesa4 1s ease-out forwards;
  animation: top_kesa4 1s ease-out forwards;
}

@-webkit-keyframes top_kesa1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-280px, -250px);
    -moz-transform: translate(-280px, -250px);
    -ms-transform: translate(-280px, -250px);
    -o-transform: translate(-280px, -250px);
    transform: translate(-280px, -250px);
  }
}
@-o-keyframes top_kesa1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-280px, -250px);
    -moz-transform: translate(-280px, -250px);
    -ms-transform: translate(-280px, -250px);
    -o-transform: translate(-280px, -250px);
    transform: translate(-280px, -250px);
  }
}
@-moz-keyframes top_kesa1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-280px, -250px);
    -moz-transform: translate(-280px, -250px);
    -ms-transform: translate(-280px, -250px);
    -o-transform: translate(-280px, -250px);
    transform: translate(-280px, -250px);
  }
}
@keyframes top_kesa1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-280px, -250px);
    -moz-transform: translate(-280px, -250px);
    -ms-transform: translate(-280px, -250px);
    -o-transform: translate(-280px, -250px);
    transform: translate(-280px, -250px);
  }
}
@-webkit-keyframes top_kesa2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(250px, -300px);
    -moz-transform: translate(250px, -300px);
    -ms-transform: translate(250px, -300px);
    -o-transform: translate(250px, -300px);
    transform: translate(250px, -300px);
  }
}
@-o-keyframes top_kesa2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(250px, -300px);
    -moz-transform: translate(250px, -300px);
    -ms-transform: translate(250px, -300px);
    -o-transform: translate(250px, -300px);
    transform: translate(250px, -300px);
  }
}
@-moz-keyframes top_kesa2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(250px, -300px);
    -moz-transform: translate(250px, -300px);
    -ms-transform: translate(250px, -300px);
    -o-transform: translate(250px, -300px);
    transform: translate(250px, -300px);
  }
}
@keyframes top_kesa2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(250px, -300px);
    -moz-transform: translate(250px, -300px);
    -ms-transform: translate(250px, -300px);
    -o-transform: translate(250px, -300px);
    transform: translate(250px, -300px);
  }
}
@-webkit-keyframes top_kesa3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(280px, 200px);
    -moz-transform: translate(280px, 200px);
    -ms-transform: translate(280px, 200px);
    -o-transform: translate(280px, 200px);
    transform: translate(280px, 200px);
  }
}
@-o-keyframes top_kesa3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(280px, 200px);
    -moz-transform: translate(280px, 200px);
    -ms-transform: translate(280px, 200px);
    -o-transform: translate(280px, 200px);
    transform: translate(280px, 200px);
  }
}
@-moz-keyframes top_kesa3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(280px, 200px);
    -moz-transform: translate(280px, 200px);
    -ms-transform: translate(280px, 200px);
    -o-transform: translate(280px, 200px);
    transform: translate(280px, 200px);
  }
}
@keyframes top_kesa3 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(280px, 200px);
    -moz-transform: translate(280px, 200px);
    -ms-transform: translate(280px, 200px);
    -o-transform: translate(280px, 200px);
    transform: translate(280px, 200px);
  }
}
@-webkit-keyframes top_kesa4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes top_kesa4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes top_kesa4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes top_kesa4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 768px) {
  header h1 {
    width: 246px;
    width: 32.8%;
    padding: 3% 5% 7%;
    margin: auto;
  }
}

.main_visual {
  position: relative;
}
.main_visual .chara p {
  position: absolute;
  left: 50%;
}
.main_visual .chara .chara1 {
  z-index: 4;
}
.main_visual .chara .chara2 {
  z-index: 3;
}
.main_visual .chara .chara3 {
  z-index: 2;
}
.main_visual .chara .chara4 {
  z-index: 1;
}
.main_visual .chara .chara5 {
  z-index: 0;
}
.main_visual .add_deco_top {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main_visual .add_deco_top p {
  position: absolute;
}
.main_visual .movie {
  z-index: 5;
}
.main_visual .movie .thumb {
  background: url("../img/top/img_movie_frame_01.png") no-repeat center;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.main_visual .movie .thumb p {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.main_visual .movie .thumb:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../img/top/btn_play.png") no-repeat center;
  -webkit-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}
.main_visual .onair {
  z-index: 5;
}
.main_visual .catch {
  position: absolute;
  z-index: 5;
}
@media only screen and (min-width: 769px) {
  .main_visual {
    height: 1015px;
    top: 132px;
    padding-top: 132px;
  }
  .main_visual .bg {
    background: url("../img/top/pc/bg_mv_lace.png") no-repeat center;
    width: 100%;
    height: 834px;
  }
  .main_visual .chara .chara5 {
    margin-left: -388px;
    top: 35px;
  }
  .main_visual .chara .chara4 {
    top: 34px;
  }
  .main_visual .chara .chara3 {
    margin-left: -217px;
    top: 210px;
  }
  .main_visual .chara .chara2 {
    margin-left: -323px;
    top: 305px;
  }
  .main_visual .chara .chara1 {
    margin-left: -63px;
    top: 386px;
  }
  .main_visual .onair {
    position: absolute;
    top: 8px;
    right: 20px;
    width: 356px;
    height: 91px;
    background: url("../img/top/pc/txt_catch.png");
  }
  .main_visual .catch {
    left: 50%;
    top: 292px;
    margin-left: -490px;
  }
  .main_visual .movie {
    position: absolute;
    right: 23px;
    top: 113px;
  }
  .main_visual .movie .thumb {
    width: 266px;
    height: 163px;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .main_visual .movie .thumb:after {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .main_visual .movie .thumb:hover:after {
    opacity: 0;
  }
}
@media only screen and (max-width: 768px) {
  .main_visual {
    padding-top: 130%;
    margin-bottom: 18%;
  }
  .main_visual .bg {
    background: url("../img/top/sp/bg_mv_lace_sp.png") no-repeat center;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    width: 100%;
    height: 71%;
    top: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .main_visual .add_deco_top p img {
    width: 60%;
  }
  .main_visual .chara .chara1 {
    width: 452px;
    width: 60.26%;
    top: 25%;
    left: 42%;
  }
  .main_visual .chara .chara2 {
    width: 312px;
    width: 41.6%;
    top: 22%;
    left: 8%;
  }
  .main_visual .chara .chara3 {
    width: 540px;
    width: 72%;
    top: 11%;
    left: 20%;
  }
  .main_visual .chara .chara4 {
    width: 334px;
    width: 44.53%;
    top: -2%;
  }
  .main_visual .chara .chara5 {
    width: 546px;
    width: 72.8%;
    top: -2%;
    left: 1%;
  }
  .main_visual .onair {
    width: 697px;
    width: 92.93%;
    margin: auto;
    position: relative;
    z-index: 5;
  }
  .main_visual .movie {
    z-index: 5;
    position: relative;
  }
  .main_visual .movie .thumb {
    width: 682px;
    width: 90.93%;
    padding: 5%;
    margin: 0 auto 10px;
  }
  .main_visual .movie .thumb p {
    padding-top: 56%;
  }
  .main_visual .catch {
    left: 0%;
    top: 30%;
    width: 168px;
    width: 22.4%;
  }
}

.banner_area {
  position: relative;
  background: #FFF;
}
.banner_area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 18px;
  background: url("../img/top/bg_bnrarea_top.png") repeat-x bottom;
  top: -18px;
}
.banner_area:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 18px;
  background: url("../img/top/bg_bnrarea_bottom.png") repeat-x top;
  bottom: -18px;
}
.banner_area .slider {
  overflow: hidden;
  letter-spacing: -0.4em;
}
.banner_area .slider p {
  position: relative;
  background: url("../img/top/bg_bnr-deco_left.png") no-repeat left center, url("../img/top/bg_bnr-deco_right.png") no-repeat right center;
}
.banner_area .slider p img {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.banner_area .slick-arrow {
  display: none !important;
}
.banner_area .slick-dots {
  text-align: center;
}
.banner_area .slick-dots li {
  display: inline-block;
  background: url("../img/top/icon_pager_off.png");
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.banner_area .slick-dots li button {
  display: none;
}
.banner_area .slick-dots li.slick-active {
  background-image: url("../img/top/icon_pager_atv.png");
}
@media only screen and (min-width: 769px) {
  .banner_area {
    padding: 35px 0;
    margin-bottom: 136px;
  }
  .banner_area .wrap {
    margin: auto;
  }
  .banner_area .slider {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
  }
  .banner_area .slider p {
    float: left;
    width: 28%;
    max-width: 450px;
    padding: 0 18px;
    -webkit-background-size: 12px,12px;
    -o-background-size: 12px,12px;
    background-size: 12px,12px;
    margin: 0 20px;
  }
  .banner_area .slider p a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .banner_area .slider p a:hover {
    opacity: 0.6;
  }
  .banner_area .slick-dots {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 95px;
    position: absolute;
    bottom: 0;
  }
  .banner_area .slick-dots li {
    margin: 0 2px;
  }
}
@media only screen and (max-width: 768px) {
  .banner_area {
    padding: 4% -0px;
    margin-bottom: 15%;
  }
  .banner_area .slider {
    margin: auto;
    position: relative;
    padding-bottom: 16px;
  }
  .banner_area .slider p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    float: left;
    padding: 0 15px;
    -webkit-background-size: 8px,8px;
    -o-background-size: 8px,8px;
    background-size: 8px,8px;
  }
  .banner_area .slick-dots {
    margin-top: 10px;
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center;
  }
  .banner_area .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .banner_area .slick-arrow {
    display: none !important;
  }
}

.news_area .news_list li {
  background: rgba(87, 226, 124, 0.26);
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news_area .news_list li .header {
  position: absolute;
  width: 100%;
  background: url("../img/top/bg_news_top.png");
  left: 0;
}
.news_area .news_list li .bottom {
  position: absolute;
  width: 100%;
  background: url("../img/top/bg_news_bottom.png");
  left: 0;
}
.news_area .news_list li .date {
  color: #6b3016;
}
.news_area .news_list li .title {
  color: #6a3889;
  line-height: 1.6;
}
.news_area .news_list li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .news_area {
    position: relative;
    width: 940px;
    margin: 0 auto 216px;
  }
  .news_area h2 {
    width: 484px;
    margin: 0 auto 60px;
  }
  .news_area .news_list {
    width: 940px;
    margin: auto;
  }
  .news_area .news_list li {
    width: 300px;
    float: left;
    margin-right: 20px;
    padding: 30px 25px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .news_area .news_list li:last-child {
    margin-right: 0;
  }
  .news_area .news_list li .header, .news_area .news_list li .bottom {
    height: 11px;
  }
  .news_area .news_list li .header {
    top: -11px;
  }
  .news_area .news_list li .bottom {
    bottom: -11px;
  }
  .news_area .news_list li .date {
    font-size: 10px;
    margin-bottom: 12px;
  }
  .news_area .news_list li .title {
    font-size: 14px;
    height: 2.8em;
    overflow: hidden;
  }
  .news_area .news_list li:hover {
    opacity: 0.6;
  }
  .news_area .btn_more {
    width: 98px;
    position: absolute;
    right: 0;
    top: 60px;
  }
  .news_area .btn_more img {
    width: 100%;
  }
  .news_area .btn_more a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .news_area .btn_more a:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 768px) {
  .news_area {
    margin-bottom: 80px;
  }
  .news_area h2 {
    margin-bottom: 38px;
  }
  .news_area .news_list {
    margin: 0 5%;
  }
  .news_area .news_list li {
    margin-bottom: 40px;
    padding: 4% 6%;
  }
  .news_area .news_list li .header, .news_area .news_list li .bottom {
    height: 11px;
    left: 0;
    width: 100%;
    background-position: left bottom;
  }
  .news_area .news_list li .header {
    top: -11px;
  }
  .news_area .news_list li .bottom {
    bottom: -11px;
  }
  .news_area .news_list li .date {
    font-size: 10px;
    margin-bottom: 4px;
  }
  .news_area .news_list li .title {
    font-size: 13px;
    height: 2.8em;
    overflow: hidden;
  }
  .news_area .btn_more {
    width: 220px;
    width: 29.33%;
    margin: 0 5% 0 auto;
  }
  .news_area .deco {
    width: 125px;
    width: 16.66%;
    top: 7%;
    left: 2px;
  }
}

/***********************************/
.main_visual .chara p {
  opacity: 0;
}
.main_visual .onair, .main_visual .catch, .main_visual .movie, .main_visual .bg, .main_visual .add_deco_top {
  opacity: 0;
}
.main_visual.open .chara p {
  -webkit-animation: load_alpha 0.8s ease-in-out forwards;
  -moz-animation: load_alpha 0.8s ease-in-out forwards;
  -o-animation: load_alpha 0.8s ease-in-out forwards;
  animation: load_alpha 0.8s ease-in-out forwards;
}
.main_visual.open .onair, .main_visual.open .catch, .main_visual.open .movie, .main_visual.open .bg {
  -webkit-animation: load_alpha 0.8s ease-in-out forwards;
  -moz-animation: load_alpha 0.8s ease-in-out forwards;
  -o-animation: load_alpha 0.8s ease-in-out forwards;
  animation: load_alpha 0.8s ease-in-out forwards;
}
.main_visual.loading .bg, .main_visual.loading .add_deco_top {
  -webkit-animation: load_alpha 2.8s ease-in-out forwards;
  -moz-animation: load_alpha 2.8s ease-in-out forwards;
  -o-animation: load_alpha 2.8s ease-in-out forwards;
  animation: load_alpha 2.8s ease-in-out forwards;
}
.main_visual.loading .onair, .main_visual.loading .catch, .main_visual.loading .movie {
  -webkit-animation: load_alpha 1.5s ease-in-out 3s forwards;
  -moz-animation: load_alpha 1.5s ease-in-out 3s forwards;
  -o-animation: load_alpha 1.5s ease-in-out 3s forwards;
  animation: load_alpha 1.5s ease-in-out 3s forwards;
}
.main_visual.loading .chara1 {
  -webkit-animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
  -moz-animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
  -o-animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
  animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
}
.main_visual.loading .chara2 {
  -webkit-animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s forwards;
  -moz-animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s forwards;
  -o-animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s forwards;
  animation: load_chara 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s forwards;
}
.main_visual.loading .chara3 {
  -webkit-animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s forwards;
  -moz-animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s forwards;
  -o-animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s forwards;
  animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s forwards;
}
.main_visual.loading .chara4 {
  -webkit-animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.3s forwards;
  -moz-animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.3s forwards;
  -o-animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.3s forwards;
  animation: load_chara2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.3s forwards;
}
.main_visual.loading .chara5 {
  -webkit-animation: load_chara3 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.8s forwards;
  -moz-animation: load_chara3 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.8s forwards;
  -o-animation: load_chara3 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.8s forwards;
  animation: load_chara3 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.8s forwards;
}
.main_visual.loading .move {
  opacity: 1;
  -webkit-animation: chara_move 4.2s ease-in-out infinite;
  -moz-animation: chara_move 4.2s ease-in-out infinite;
  -o-animation: chara_move 4.2s ease-in-out infinite;
  animation: chara_move 4.2s ease-in-out infinite;
}
.main_visual.loading .move1 {
  opacity: 1;
  -webkit-animation: chara_move2 4s ease-in-out infinite;
  -moz-animation: chara_move2 4s ease-in-out infinite;
  -o-animation: chara_move2 4s ease-in-out infinite;
  animation: chara_move2 4s ease-in-out infinite;
}
.main_visual.loading .move2 {
  opacity: 1;
  -webkit-animation: chara_move3 4s ease-in-out infinite;
  -moz-animation: chara_move3 4s ease-in-out infinite;
  -o-animation: chara_move3 4s ease-in-out infinite;
  animation: chara_move3 4s ease-in-out infinite;
}

@-webkit-keyframes chara_move {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-19px);
    -moz-transform: translateY(-19px);
    -ms-transform: translateY(-19px);
    -o-transform: translateY(-19px);
    transform: translateY(-19px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-o-keyframes chara_move {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-19px);
    -moz-transform: translateY(-19px);
    -ms-transform: translateY(-19px);
    -o-transform: translateY(-19px);
    transform: translateY(-19px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes chara_move {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-19px);
    -moz-transform: translateY(-19px);
    -ms-transform: translateY(-19px);
    -o-transform: translateY(-19px);
    transform: translateY(-19px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes chara_move {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-19px);
    -moz-transform: translateY(-19px);
    -ms-transform: translateY(-19px);
    -o-transform: translateY(-19px);
    transform: translateY(-19px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes chara_move2 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-o-keyframes chara_move2 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes chara_move2 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes chara_move2 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes chara_move3 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-o-keyframes chara_move3 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes chara_move3 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes chara_move3 {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes load_alpha {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes load_alpha {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes load_alpha {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes load_alpha {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes load_chara {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes load_chara {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes load_chara {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes load_chara {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes load_chara2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes load_chara2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes load_chara2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes load_chara2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes load_chara3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes load_chara3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes load_chara3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes load_chara3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.floatcontents {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 500;
}
.floatcontents .close {
  position: absolute;
}
.floatcontents .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.floatcontents .contents {
  position: absolute;
}
.floatcontents .contents .img {
  position: relative;
  border: 1px solid #ffacc5;
}
.floatcontents .contents .img:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.floatcontents .contents .name {
  font-weight: bold;
}
.floatcontents .banner_top {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .floatcontents .close {
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
    width: 34px;
  }
  .floatcontents .close:hover {
    opacity: 0.6;
  }
  .floatcontents .close img {
    width: 100%;
  }
  .floatcontents .contents {
    width: 750px;
    left: 50%;
    margin-left: -375px;
    top: 20px;
  }
  .floatcontents .contents .date {
    text-align: center;
    margin-bottom: 15px;
  }
  .floatcontents .contents .date img {
    width: auto;
    height: 46px;
  }
  .floatcontents .contents .name {
    text-align: center;
    padding: 15px 0;
  }
  .floatcontents .contents .onair {
    text-align: center;
  }
  .floatcontents .contents .onair img {
    width: auto;
    height: 16px;
  }
  .floatcontents .banner_top {
    width: 680px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -340px;
  }
  .floatcontents .banner_top a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .floatcontents .banner_top a:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 768px) {
  .floatcontents .close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 60px;
    width: 8%;
    z-index: 5;
  }
  .floatcontents .contents {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 13%;
  }
  .floatcontents .contents .date {
    width: 80%;
    margin: 0 auto 4%;
  }
  .floatcontents .contents .img {
    margin-bottom: 6%;
  }
  .floatcontents .contents .name {
    font-size: 14px;
    margin-bottom: 4%;
  }
  .floatcontents .banner_top {
    width: 90%;
    left: 5%;
    top: 25%;
  }
}