@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*       
* ***********************************************************
*/
/* =====================================================================
*
*    Conclusion Layout
*
* =================================================================== */
@media screen and (max-width: 979px) {
  /* line 16, ../sass/conclusion.scss */
  #contentsWrapper #sukoyakaContents #sukoyakaInner {
    max-width: 715px;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 25, ../sass/conclusion.scss */
  #contentsWrapper #sukoyakaContents #sukoyakaInner img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* line 33, ../sass/conclusion.scss */
div#conclusionMain {
  width: 700px;
  position: relative;
  padding: 21px 0 58px 0;
}
@media screen and (max-width: 767px) {
  /* line 33, ../sass/conclusion.scss */
  div#conclusionMain {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 25px;
    padding-top: 0px;
  }
}

/* line 46, ../sass/conclusion.scss */
p#mainBody {
  position: absolute;
  left: 146px;
  top: 187px;
}

/* line 51, ../sass/conclusion.scss */
div#conclusionMain p#conclusionMainImg {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  /* line 51, ../sass/conclusion.scss */
  div#conclusionMain p#conclusionMainImg {
    top: 0;
    right: none;
    left: 0;
  }
}

/* line 62, ../sass/conclusion.scss */
div#conclusionMain div.conclusionMainTxt p {
  width: 300px;
  color: #008565;
line-height: 2;
  position: relative;
  z-index: 50;
  margin: 0 0 25px 0;
}
@media screen and (max-width: 767px) {
  /* line 62, ../sass/conclusion.scss */
  div#conclusionMain div.conclusionMainTxt p {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

/* line 74, ../sass/conclusion.scss */
p.conclusionDesc {
  width: 600px;
  margin: 20px 0 15px 35px;
line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 74, ../sass/conclusion.scss */
  p.conclusionDesc {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
}

/* line 85, ../sass/conclusion.scss */
div#conclusionMaga {
  width: 685px;
}
@media screen and (max-width: 979px) {
  /* line 85, ../sass/conclusion.scss */
  div#conclusionMaga {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 85, ../sass/conclusion.scss */
  div#conclusionMaga {
    width: 100%;
    margin: 0 auto;
  }
}

/* line 96, ../sass/conclusion.scss */
div#conclusionMaga ul li {
  float: left;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  /* line 101, ../sass/conclusion.scss */
  div#conclusionMaga ul li a {
    display: block;
  }
}

/* line 109, ../sass/conclusion.scss */
div#conclusionMaga ul li img {
  vertical-align: top;
}

/* line 112, ../sass/conclusion.scss */
div#conclusionMaga p.iconLinks a {
  margin: 10px 40px 0 0;
  float: right;
}
@media screen and (max-width: 767px) {
  /* line 112, ../sass/conclusion.scss */
  div#conclusionMaga p.iconLinks a {
    margin: 10px 0 0 0;
  }
}

/* line 119, ../sass/conclusion.scss */
p#pageTop a {
  margin: 35px 10px 10px 0;
}

/* =====================================================================
*
*    Anima Layout
*
* =================================================================== */
@media screen and (max-width: 767px) {
  /* line 129, ../sass/conclusion.scss */
  .conclusionAnimeImg {
    position: relative;
    max-width: 389px;
    width: 100%;
    height: 309px;
    margin: 0 auto;
  }
}

/* line 139, ../sass/conclusion.scss */
div#conclusionMain p#anima01 {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 15;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 139, ../sass/conclusion.scss */
  div#conclusionMain p#anima01 {
    top: 0;
    right: none;
    left: 0;
  }
}

/* line 154, ../sass/conclusion.scss */
div#conclusionMain p#anima02 {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 20;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 154, ../sass/conclusion.scss */
  div#conclusionMain p#anima02 {
    top: 0;
    right: none;
    left: 0;
  }
}

/* line 168, ../sass/conclusion.scss */
div#conclusionMain p#anima03 {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 25;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 168, ../sass/conclusion.scss */
  div#conclusionMain p#anima03 {
    top: 0;
    right: none;
    left: 0;
  }
}

/* line 182, ../sass/conclusion.scss */
div#conclusionMain p#anima04 {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 30;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 182, ../sass/conclusion.scss */
  div#conclusionMain p#anima04 {
    top: 0;
    right: none;
    left: 0;
  }
}

/* line 196, ../sass/conclusion.scss */
div#conclusionMain p#anima05 {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 35;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 196, ../sass/conclusion.scss */
  div#conclusionMain p#anima05 {
    top: 0;
    right: none;
    left: 0;
  }
}
