@charset "UTF-8";
body {
  margin: 0; }

img {
  border: 0; }

.clearfix:after {
  display: block;
  clear: both;
  content: ""; }

div#dreamfestival_201712 {
  min-width: 1280px;
  padding: 0 0 40px 0;
  margin: 0;
  background-image: url(./../img/dreamfes2017_bg_top.jpg), url(./../img/dreamfes2017_bg.jpg);
  background-repeat: repeat-x, repeat;
  background-position: center top, center top; }
  div#dreamfestival_201712 .inner {
    width: 1280px;
    margin: 0px auto 0px auto; }
  div#dreamfestival_201712 section.top .top_inner {
    width: 1280px;
    margin: 0px auto 0px auto;
    position: relative; }
  div#dreamfestival_201712 section.top img {
    display: block; }
  div#dreamfestival_201712 section.top .sky_web_main {
    background-image: url(./../img/skaper_web_main_bg.jpg);
    display: block;
    width: 247px;
    height: 153px;
    position: absolute;
    top: 260px;
    right: 272px; }
  div#dreamfestival_201712 section.top .sky_web_main img {
    position: absolute;
    top: 50px;
    right: 14px;
    width: 218px; }
  div#dreamfestival_201712 section.artist {
    width: 1280px;
    margin: 0px auto 40px auto; }
  div#dreamfestival_201712 .sky_frame {
    position: relative;
    width: 1280px;
    height: 320px;
    margin: 0px auto;
    background-image: url(./../img/pc_sky_back.jpg); }
  div#dreamfestival_201712 .sky_text {
    text-align: center;
    padding-top: 90px; }
  div#dreamfestival_201712 .sky_left {
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 1; }
  div#dreamfestival_201712 .sky_right {
    position: absolute;
    top: 135px;
    right: 50px;
    z-index: 1; }
  div#dreamfestival_201712 .sky_image {
    display: inline-block;
    width: 580px;
    height: 160px; }
  div#dreamfestival_201712 .sky_left:hover img, div#dreamfestival_201712 .sky_web_main:hover {
    opacity: 0.66;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }
  div#dreamfestival_201712 .white_cover {
    display: block;
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 0; }
  div#dreamfestival_201712 .white_image {
    display: inline-block;
    width: 580px;
    height: 160px; }

/*=====footer[s]=====*/
.foot_info {
  width: 100%;
  margin: 0;
  background: #fff; }

.foot_info .info_midashi--ch1 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #f0027f; }

.foot_info .info_midashi--ch2 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #00a0c6; }

.foot_info .foot_info-box {
  min-width: 970px;
  max-width: 1280px;
  margin: 20px auto;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px 30px; }

.foot_info .foot_info-box p {
  margin: 10px auto 0;
  line-height: 25px; }

/*=====footer[e]=====*/
@-webkit-keyframes mymove2 {
  0% {
    -webkit-transform: rortate(0deg);
            transform: rortate(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
    opacity: 0;
    bottom: 340px; } }

@-webkit-keyframes mymove3 {
  0% {
    -webkit-transform: rortate(0deg);
            transform: rortate(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
    opacity: 0;
    bottom: 540px; } }

@-webkit-keyframes mymove4 {
  0% {
    -webkit-transform: rortate(0deg);
            transform: rortate(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
    opacity: 0;
    bottom: 540px; } }

@-webkit-keyframes mymove5 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    bottom: 540px; } }

/* スタイル */