body {
  margin: 0; }

img {
  border: 0; }

/* ==================keyakizaka46_ramen================== */
div#keyakizaka46_ramen {
  background-color: #f3f3f3;
  min-width: 1280px; }
  div#keyakizaka46_ramen .top {
    background-image: url(./../img/bg_top.gif);
    background-repeat: repeat-x;
    background-position: center top; }
    div#keyakizaka46_ramen .top .top_inner {
      width: 1280px;
      height: 627px;
      margin: 0px auto 0px auto;
      position: relative; }
    div#keyakizaka46_ramen .top .sky_web_main {
      background-image: url(./../img/skaper_web_main_bg.jpg);
      display: block;
      width: 247px;
      height: 153px;
      position: absolute;
      top: 406px;
      right: 273px; }
    div#keyakizaka46_ramen .top .sky_web_main img {
      position: absolute;
      top: 50px;
      right: 14px;
      width: 218px; }
  div#keyakizaka46_ramen div.cnt_wrap {
    background-color: #f3f3f3;
    background-image: url(./../img/bg_purple.png), url(./../img/bg_green.png);
    background-repeat: no-repeat;
    background-position: top left,bottom right;
    padding: 0 0 40px 0; }
    div#keyakizaka46_ramen div.cnt_wrap section {
      width: 1280px;
      margin: 0px auto 40px auto; }
  div#keyakizaka46_ramen .sky_frame {
    position: relative;
    width: 1280px;
    height: 320px;
    margin: 0px auto;
    background-image: url(./../img/pc_sky_back.jpg); }
  div#keyakizaka46_ramen .sky_text {
    text-align: center;
    padding-top: 90px; }
  div#keyakizaka46_ramen .sky_left {
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 1; }
  div#keyakizaka46_ramen .sky_right {
    position: absolute;
    top: 135px;
    right: 50px;
    z-index: 1; }
  div#keyakizaka46_ramen .sky_image {
    display: inline-block;
    width: 580px;
    height: 160px; }
  div#keyakizaka46_ramen .sky_left:hover img, div#keyakizaka46_ramen .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#keyakizaka46_ramen .white_cover {
    display: block;
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 0; }
  div#keyakizaka46_ramen .white_image {
    display: inline-block;
    width: 580px;
    height: 160px; }
  div#keyakizaka46_ramen p.atoz {
    width: 1280px;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px; }
  div#keyakizaka46_ramen .clearfix:after {
    display: block;
    clear: both;
    content: ""; }

/*=====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; } }