@charset "UTF-8";
/**
 * style.css
 *
 * 1.0 - Class/Elements
 * 2.0 - Header
 * 3.0 - Footer
 * 4.0 - Top
 *   4.1 - main
 *   4.2 - topPage(common)
 * 5.0 - lower-page
 * ----------------------------------------------------------------------------
 */
/**
 * 2.0 Elements/Class
 * ----------------------------------------------------------------------------
 */
/* Class
----------------------------------*/
/* line 24, ../scss/style.scss */
.flL {
  float: left; }

/* line 27, ../scss/style.scss */
.flR {
  float: right; }

/* line 30, ../scss/style.scss */
.clear {
  clear: both; }

/* line 33, ../scss/style.scss */
.alC {
  text-align: center; }

/* line 36, ../scss/style.scss */
.fs12 {
  font-size: 12px; }

/* line 39, ../scss/style.scss */
.clearfix {
  zoom: 1;
  _height: 1%; }
  /* line 42, ../scss/style.scss */
  .clearfix:after {
    content: "";
    display: block;
    clear: both; }

/* line 49, ../scss/style.scss */
a img.btn {
  filter: alpha(opacity=100);
  opacity: 1.0;
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1.0;
  -moz-opacity: 1.0;
  -webkit-transition: all .15s;
  transition: all .15s; }
/* line 58, ../scss/style.scss */
a:hover img.btn {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-transition: all .15s;
  transition: all .15s; }

/* line 68, ../scss/style.scss */
.mb10 {
  margin-bottom: 10px; }

/* line 71, ../scss/style.scss */
.mb20 {
  margin-bottom: 20px; }

/* line 74, ../scss/style.scss */
.mb25 {
  margin-bottom: 25px; }

/* line 77, ../scss/style.scss */
.mb30 {
  margin-bottom: 30px; }

/* line 80, ../scss/style.scss */
.mb40 {
  margin-bottom: 40px; }

/* line 83, ../scss/style.scss */
.mb60 {
  margin-bottom: 60px; }

/* line 86, ../scss/style.scss */
.mb50 {
  margin-bottom: 50px; }

/* line 89, ../scss/style.scss */
.mb60 {
  margin-bottom: 60px; }

/* line 92, ../scss/style.scss */
.pb10 {
  padding-bottom: 10px !important; }

/* line 95, ../scss/style.scss */
.f10 {
  font-size: 10px; }

/* line 99, ../scss/style.scss */
b {
  font-weight: bold; }

/* line 103, ../scss/style.scss */
table, tr, th, td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* line 107, ../scss/style.scss */
.reTop {
  position: fixed;
  bottom: 20px;
  right: 20px; }

/* line 113, ../scss/style.scss */
.page {
  width: 100%;
  height: 90px;
  position: absolute;
  top: 35px;
  z-index: 9998; }
  /* line 119, ../scss/style.scss */
  .page .snsWrap, .page .snsBg {
    top: 0; }
  /* line 122, ../scss/style.scss */
  .page #nav {
    top: 40px; }
  /* line 125, ../scss/style.scss */
  .page #snsWrap {
    top: 0; }

/* line 129, ../scss/style.scss */
.hatena-bookmark-bookmark-panel {
  z-index: 9999; }

/* line 132, ../scss/style.scss */
.page-fixed {
  width: 100%;
  position: fixed !important;
  top: 0 !important; }

/* line 137, ../scss/style.scss */
.breadcrumbWrap {
  width: 100%;
  background-color: #f0e9e8; }
  /* line 140, ../scss/style.scss */
  .breadcrumbWrap #breadcrumbs {
    margin: 0 auto;
    width: 960px;
    height: 30px;
    font-size: 0;
    line-height: 30px; }
    /* line 146, ../scss/style.scss */
    .breadcrumbWrap #breadcrumbs li {
      display: inline-block;
      color: #ae3e48;
      font-size: 14px; }
      /* line 150, ../scss/style.scss */
      .breadcrumbWrap #breadcrumbs li a {
        color: #000;
        text-decoration: none; }
        /* line 153, ../scss/style.scss */
        .breadcrumbWrap #breadcrumbs li a:hover {
          filter: alpha(opacity=70);
          opacity: 0.7;
          -ms-filter: "alpha(opacity=70)";
          -khtml-opacity: 0.7;
          -moz-opacity: 0.7; }

/* Elements
----------------------------------*/
/* line 167, ../scss/style.scss */
body {
  width: 100%;
  min-width: 1000px;
  font-size: 16px;
  line-height: 30px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/**
 * 2.0 Header
 * ----------------------------------------------------------------------------
 */
/* line 185, ../scss/style.scss */
body #gungho {
  width: 100%;
  height: 31px;
  background: #fff;
  border-bottom: 4px solid #ccc; }
  /* line 190, ../scss/style.scss */
  body #gungho .inner {
    width: 1000px;
    height: 31px;
    margin: 0 auto;
    position: relative; }
    /* line 195, ../scss/style.scss */
    body #gungho .inner #ragnarok {
      position: absolute;
      top: 0;
      left: 0; }
    /* line 200, ../scss/style.scss */
    body #gungho .inner #roInfo {
      position: absolute;
      overflow: hidden;
      top: 0;
      right: 0;
      font-size: 12px;
      line-height: 31px; }
      /* line 207, ../scss/style.scss */
      body #gungho .inner #roInfo li {
        float: left;
        margin-right: 15px; }
        /* line 210, ../scss/style.scss */
        body #gungho .inner #roInfo li a {
          color: #555; }
/* line 217, ../scss/style.scss */
body #nav {
  width: 100%;
  height: 60px;
  background-image: url(../img/common/nav_bg02.gif), url(../img/common/nav_bg01.gif);
  background-position: center top, center top;
  background-repeat: no-repeat, repeat-x;
  position: absolute;
  z-index: 9998; }
  /* line 225, ../scss/style.scss */
  body #nav .mainMenu {
    margin: 0 auto;
    width: 964px;
    text-align: center;
    font-size: 0; }
    /* line 230, ../scss/style.scss */
    body #nav .mainMenu li {
      height: 60px;
      position: relative;
      float: left; }
      /* line 235, ../scss/style.scss */
      body #nav .mainMenu li ul.subMenu {
        width: 250px;
        padding: 0;
        position: absolute;
        top: 60px;
        left: 0;
        font-family: "メイリオ", Meiryo;
        color: #fff;
        background: none; }
        /* line 244, ../scss/style.scss */
        body #nav .mainMenu li ul.subMenu li {
          width: 238px;
          height: 20px;
          padding: 8px 0 0 12px;
          background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #ffea00;
          border-top: 1px solid #fef9c2;
          border-bottom: 1px solid #d4c300;
          display: block;
          font-size: 13px;
          line-height: 14px;
          text-align: left;
          cursor: pointer; }
          /* line 257, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li:hover {
            background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #fff266; }
          /* line 261, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li.close {
            background: url(../img/common/nav_arrow_down.png) 227px 3px no-repeat #ffea00; }
          /* line 264, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li.open {
            background: url(../img/common/nav_arrow_up.png) 227px 3px no-repeat #ffea00; }
          /* line 267, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li a {
            width: 238px;
            height: 21px;
            margin: -9px 0 0 -12px;
            padding: 9px 0 0 12px;
            color: #000;
            font-weight: bold;
            text-decoration: none;
            display: block; }
        /* line 278, ../scss/style.scss */
        body #nav .mainMenu li ul.subMenu .subMenu2 {
          width: 250px;
          padding: 0;
          font-size: 12px;
          background: none; }
          /* line 283, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu .subMenu2 li {
            display: block;
            width: auto;
            height: auto;
            padding: 0;
            border-top: 1px solid #e3e1e1;
            border-bottom: 1px solid #888;
            font-size: 12px; }
            /* line 291, ../scss/style.scss */
            body #nav .mainMenu li ul.subMenu .subMenu2 li a {
              width: 228px;
              height: auto;
              margin: 0;
              padding: 8px 0 8px 22px;
              background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #c1c1c1;
              color: #303030;
              display: block; }
              /* line 300, ../scss/style.scss */
              body #nav .mainMenu li ul.subMenu .subMenu2 li a:hover {
                background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #d1d1d1; }
      /* line 308, ../scss/style.scss */
      body #nav .mainMenu li .long {
        width: 308px; }
        /* line 310, ../scss/style.scss */
        body #nav .mainMenu li .long li {
          width: 288px;
          background: url(../img/common/nav_arrow_right1.png) 277px 5px no-repeat #838383; }
/* line 318, ../scss/style.scss */
body .fixed {
  width: 100%;
  position: fixed !important;
  z-index: 9996; }
/* line 323, ../scss/style.scss */
body #snsWrap {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 42px;
  z-index: 9998; }
  /* line 329, ../scss/style.scss */
  body #snsWrap #sns {
    overflow: hidden;
    width: 960px;
    height: 40px;
    margin: 0 auto; }
    /* line 334, ../scss/style.scss */
    body #snsWrap #sns .snsInner {
      padding: 10px 0;
      float: right; }
      /* line 337, ../scss/style.scss */
      body #snsWrap #sns .snsInner li {
        float: left;
        width: 110px; }
/* line 344, ../scss/style.scss */
body .snsBg {
  width: 100%;
  height: 40px;
  background: url(../img/common/sns_Bg.png) repeat;
  position: absolute;
  top: 35px;
  z-index: 9997; }
  /* line 351, ../scss/style.scss */
  body .snsBg div {
    width: 960px;
    height: 40px;
    margin: 0 auto; }
/* line 357, ../scss/style.scss */
body .sns-fixed {
  position: fixed !important;
  top: 0 !important; }

/**
 * 3.0 Footer
 * ----------------------------------------------------------------------------
 */
/* line 373, ../scss/style.scss */
body #footer {
  padding-top: 30px;
  background: #000;
  border-top: 2px solid #5ab7ff;
  /*
      ul {
        width: 940px;
        margin: 30px auto 0;
        font-size: 0;
        li {
          width: 306px;
          margin-left: 11px;
          display: inline-block;
          vertical-align: top;
          &:first-child {
            margin-left: 0;
            .thumb img {
              width: auto;
              height: auto;
            }
          }
          .thumb {
            width: 306px;
            height: 320px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            img {
              width: 100%;
              height: auto;
            }
          }
          h3 {
            margin-left: -12px;
          }
          p {
            color: #fff;
            font-size: 14px;
            line-height: 22px;
          }
        }
      }  //ul
  */ }
  /* line 377, ../scss/style.scss */
  body #footer > h2 {
    text-align: center;
    padding: 15px 0; }
  /* line 420, ../scss/style.scss */
  body #footer .startRO {
    text-align: center;
    padding: 40px 0; }
    /* line 423, ../scss/style.scss */
    body #footer .startRO p {
      padding-top: 10px;
      font-size: 14px; }
      /* line 426, ../scss/style.scss */
      body #footer .startRO p a {
        text-decoration: underline;
        color: #fff; }
        /* line 429, ../scss/style.scss */
        body #footer .startRO p a:hover {
          filter: alpha(opacity=70);
          opacity: 0.7;
          -ms-filter: "alpha(opacity=70)";
          -khtml-opacity: 0.7;
          -moz-opacity: 0.7; }
  /* line 439, ../scss/style.scss */
  body #footer .line {
    text-align: center; }
  /* line 442, ../scss/style.scss */
  body #footer .f-sns {
    margin: 0 auto;
    padding: 35px 0;
    width: 655px;
    font-size: 0; }
    /* line 447, ../scss/style.scss */
    body #footer .f-sns li {
      display: inline-block;
      margin-left: 55px;
      width: 300px; }
      /* line 451, ../scss/style.scss */
      body #footer .f-sns li:first-child {
        margin-left: 0; }
  /* line 456, ../scss/style.scss */
  body #footer .credit {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #5a5a5a;
    padding: 15px 0 80px; }

/**
 * 4.0 Top
 * ----------------------------------------------------------------------------
 */
 /* 4.1 main
----------------------------------*/
/* line 478, ../scss/style.scss */
body #mainIMG {
  background: #040589 url(../img/common/sns_Bg.png) repeat-x top center;
  background-size: 7px;
  text-align: center;
  position: relative; }
/* line 484, ../scss/style.scss */
body h1 {
  background: url("../img/common/mainIMG.jpg") no-repeat top center;
  height: 514px;
  text-indent: -9999px; }
/* line 490, ../scss/style.scss */
body .mainBtn {
  margin-left: 256px;
  position: absolute;
  top: 47px;
  left: 50%; }

 /* 4.2 topPage(common)
----------------------------------*/
/* line 501, ../scss/style.scss */
body #topPage {
  margin-top: 60px;
  background-color: #fff04c;
  background-image: url(../img/common/cnt_bg02.png), url(../img/common/cnt_bg01.gif);
  background-repeat: repeat, repeat-x; }
  /* line 508, ../scss/style.scss */
  body #topPage .cnt_wrap {
    width: 960px;
    margin: 0 auto;
    padding: 50px 30px;
    background: #fff; }
    /* line 514, ../scss/style.scss */
    body #topPage .cnt_wrap .box-L {
      width: 715px;
      float: left; }
      /* line 518, ../scss/style.scss */
      body #topPage .cnt_wrap .box-L .slider_wrap {
        width: 715px;
        height: 230px;
        margin: 25px 0 20px;
        border-top: 5px solid #064cb4;
        background: #5ab7ff;
        position: relative;
        float: left; }
        /* line 527, ../scss/style.scss */
        body #topPage .cnt_wrap .box-L .slider_wrap:before {
          width: 130px;
          height: 25px;
          background: url(../img/top/pickup_ttl01.gif) no-repeat;
          display: block;
          content: "";
          position: absolute;
          top: -30px;
          left: 0px; }
        /* line 538, ../scss/style.scss */
        body #topPage .cnt_wrap .box-L .slider_wrap .top_slider {
          width: 644px;
          margin: 15px 35px 0; }
          /* line 543, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .slider_wrap .top_slider a {
            width: 208px;
            margin: 0 3.5px;
            display: block;
            color: #ffea00;
            font-size: 13px;
            line-height: 20px;
            position: relative; }
            /* line 552, ../scss/style.scss */
            body #topPage .cnt_wrap .box-L .slider_wrap .top_slider a p {
              width: 183px;
              height: 40px;
              margin: 5px;
              padding-left: 10px;
              border-left: 5px solid #ffea00; }
          /* line 561, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-prev, body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-next {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 50%;
            display: block;
            width: 27px;
            height: 27px;
            margin-top: -13.5px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            border: none;
            outline: none;
            background: transparent; }
            /* line 577, ../scss/style.scss */
            body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-prev:before, body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-next:before {
              width: 27px;
              height: 27px;
              display: block;
              content: ""; }
          /* line 585, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-prev {
            left: -28px; }
            /* line 588, ../scss/style.scss */
            body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-prev:before {
              background: url(../img/slider/slider_arrow-prev.gif) no-repeat; }
          /* line 593, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-next {
            right: -30px; }
            /* line 596, ../scss/style.scss */
            body #topPage .cnt_wrap .box-L .slider_wrap .top_slider .slick-next:before {
              background: url(../img/slider/slider_arrow-next.gif) no-repeat; }
      /* line 603, ../scss/style.scss */
      body #topPage .cnt_wrap .box-L .news_topics {
        width: 713px;
        margin: 25px auto 0;
        border: 1px solid #064cb4;
        border-top: 6px solid #064cb4;
        background: #fff;
        position: relative;
        float: left; }
        /* line 612, ../scss/style.scss */
        body #topPage .cnt_wrap .box-L .news_topics:before {
          width: 130px;
          height: 25px;
          background: url(../img/top/news_ttl01.jpg) no-repeat;
          display: block;
          content: "";
          position: absolute;
          top: -31px;
          left: -1px; }
        /* line 623, ../scss/style.scss */
        body #topPage .cnt_wrap .box-L .news_topics dl {
          width: 683px;
          height: 78px;
          padding: 20px 15px;
          position: relative;
          overflow: hidden; }
          /* line 630, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .news_topics dl dt, body #topPage .cnt_wrap .box-L .news_topics dl dd {
            color: #064cb4;
            font-size: 14px; }
          /* line 635, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .news_topics dl dt {
            clear: both;
            float: left;
            font-weight: bold; }
          /* line 641, ../scss/style.scss */
          body #topPage .cnt_wrap .box-L .news_topics dl dd {
            color: #000;
            padding-left: 15px; }
            /* line 645, ../scss/style.scss */
            body #topPage .cnt_wrap .box-L .news_topics dl dd a {
              color: #ff0006; }
              /* line 648, ../scss/style.scss */
              body #topPage .cnt_wrap .box-L .news_topics dl dd a:hover {
                text-decoration: none; }
            /* line 653, ../scss/style.scss */
            body #topPage .cnt_wrap .box-L .news_topics dl dd .sp-dungeon_txtBtn {
              text-decoration: underline;
              cursor: pointer; }
              /* line 657, ../scss/style.scss */
              body #topPage .cnt_wrap .box-L .news_topics dl dd .sp-dungeon_txtBtn:hover {
                text-decoration: none; }
    /* line 666, ../scss/style.scss */
    body #topPage .cnt_wrap .bnr-area {
      width: 225px;
      float: right; }
      /* line 670, ../scss/style.scss */
      body #topPage .cnt_wrap .bnr-area li {
        width: 225px;
        height: 70px;
        margin-bottom: 20px; }
        /* line 675, ../scss/style.scss */
        body #topPage .cnt_wrap .bnr-area li:last-child {
          margin-bottom: 0; }
    /* line 681, ../scss/style.scss */
    body #topPage .cnt_wrap h2 {
      margin-bottom: 20px; }
    /* line 685, ../scss/style.scss */
    body #topPage .cnt_wrap h3 {
      width: 100%;
      height: 32px;
      padding: 8px 20px 0;
      margin-bottom: 30px;
      background: url(../img/common/h3_bg01.gif) no-repeat;
      color: #fff;
      font-size: 20px;
      font-weight: bold; }
    /* line 696, ../scss/style.scss */
    body #topPage .cnt_wrap h4 {
      margin-bottom: 20px;
      padding-left: 18px;
      border-left: 5px solid #b5dfff;
      color: #5ab7ff;
      font-size: 18px;
      font-weight: bold; }
    /* line 705, ../scss/style.scss */
    body #topPage .cnt_wrap h5 {
      min-height: 28px;
      margin-bottom: 30px;
      border-bottom: 2px solid #4892e4;
      color: #4892e4;
      font-size: 16px;
      font-weight: bold; }
      /* line 713, ../scss/style.scss */
      body #topPage .cnt_wrap h5 span {
        width: 90px;
        height: 25px;
        padding: 3px 0 0 18px;
        display: inline-block;
        color: #fff;
        background: url(../img/common/h5_bg01.gif) no-repeat; }
    /* line 723, ../scss/style.scss */
    body #topPage .cnt_wrap .box1 {
      margin-bottom: 50px;
      padding: 0 20px;
      font-size: 14px;
      line-height: 25px; }
      /* line 729, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 .txt-st {
        font-size: 22px;
        font-weight: bold;
        line-height: 36px; }
      /* line 735, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 ul {
        overflow: hidden; }
        /* line 738, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 ul li {
          margin-right: 19px;
          float: left; }
          /* line 742, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 ul li:last-child {
            margin-right: 0; }
      /* line 748, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 table {
        width: 100%; }
        /* line 752, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 table tr th {
          width: 200px;
          padding: 12px 0;
          border: 1px solid #000;
          background: #bee3ff;
          font-size: 18px;
          font-weight: bold; }
        /* line 761, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 table tr:nth-child(2n) th {
          background: #d2eafd; }
        /* line 765, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 table tr td {
          padding: 15px 20px;
          border: 1px solid #000; }
      /* line 772, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 .inner-box1 {
        border: 3px solid #5ab7ff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        /* sp-dungeon */ }
        /* line 776, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box1 .ttl {
          height: 25px;
          padding: 20px;
          background: url(../img/common/inrBox1_ttlBg01.gif) no-repeat -3px -3px;
          color: #fff;
          font-size: 32px;
          font-weight: bold;
          font-style: italic;
          font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif; }
        /* line 787, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box1 .txt {
          width: 580px;
          padding: 20px;
          font-size: 17px;
          font-weight: bold;
          line-height: 24px; }
          /* line 794, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .txt span {
            color: #1995f5; }
            /* line 797, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .txt span a {
              color: #1995f5; }
              /* line 800, ../scss/style.scss */
              body #topPage .cnt_wrap .box1 .inner-box1 .txt span a:hover {
                text-decoration: none; }
          /* line 806, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .txt.bg01 {
            padding-right: 314px;
            background: url(../img/top/inrBox1_img01.jpg) no-repeat 610px 0; }
          /* line 811, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .txt.bg02 {
            padding-right: 314px;
            background: url(../img/top/inrBox1_img02.jpg) no-repeat 610px 0; }
        /* line 817, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box1 .btn {
          margin-bottom: 20px;
          text-align: center; }
          /* line 821, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .btn img {
            cursor: pointer;
            -webkit-transition: 0.15s;
            -moz-transition: 0.15s;
            -ms-transition: 0.15s;
            transition: 0.15s; }
            /* line 825, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .btn img:hover {
              -webkit-opacity: 0.7;
              -moz-opacity: 0.7;
              -ms-opacity: 0.7;
              opacity: 0.7;
              -webkit-transition: 0.15s;
              -moz-transition: 0.15s;
              -ms-transition: 0.15s;
              transition: 0.15s; }
        /* line 833, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon {
          margin: 0 17px 20px;
          padding: 29px 39px 50px;
          border: 1px solid #ffcc00;
          border-top: 10px solid #ffcc00;
          background: #fffcf2;
          display: none; }
          /* line 841, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon h2 {
            margin-left: -20px; }
          /* line 846, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base01 th, body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base01 td {
            padding: 10px;
            font-size: 16px; }
          /* line 851, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base01 th.name {
            background: #fc9b29;
            color: #fff;
            font-size: 18px; }
          /* line 857, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base01 td.item {
            width: 95px; }
          /* line 861, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base01 th {
            width: 140px;
            background: #fffad1;
            color: #000;
            font-weight: bold; }
          /* line 868, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base01 tr:nth-child(2n) th {
            background: #fff5a5; }
          /* line 874, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base02 th, body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base02 td {
            padding: 10px;
            font-size: 16px; }
          /* line 879, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base02 th.name {
            background: #5ab7ff;
            color: #fff; }
          /* line 884, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base02 tr:nth-child(2n) {
            background: #dbecfa; }
          /* line 890, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base03 th, body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base03 td {
            padding: 10px; }
          /* line 894, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base03 th.name {
            background: #5ab7ff;
            color: #fff; }
          /* line 899, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base03 th {
            background: #d2eafd; }
          /* line 903, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .t-base03 tr:nth-child(2n) th {
            background: #bee3ff; }
          /* line 908, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .inrBox1_02 {
            border: 4px solid #064cb4;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px; }
            /* line 912, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .inrBox1_02 .ttl {
              height: 42px;
              padding: 15px 0 0 120px;
              background: url(../img/common/inrBox1_ttlBg02.gif) no-repeat -4px -4px;
              font-size: 20px;
              font-style: normal;
              font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
            /* line 921, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .inrBox1_02 .txt {
              width: 400px;
              min-height: 180px;
              padding-right: 372px;
              font-size: 14px;
              font-weight: normal; }
              /* line 928, ../scss/style.scss */
              body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .inrBox1_02 .txt.bg01 {
                background: url(../img/top/inrBox1_02_img01.jpg) no-repeat 466px 26px; }
              /* line 932, ../scss/style.scss */
              body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .inrBox1_02 .txt.bg02 {
                background: url(../img/top/inrBox1_02_img02.jpg) no-repeat 466px 26px; }
            /* line 937, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .inrBox1_02 table {
              width: 720px;
              margin: 0 auto 30px; }
          /* line 943, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .directions {
            min-height: 210px;
            margin-bottom: 50px;
            padding-right: 370px; }
            /* line 948, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .directions.bg01 {
              background: url(../img/top/inrBox1_img03.jpg) no-repeat 470px 0; }
            /* line 952, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .directions.bg02 {
              padding-right: 470px;
              background: url(../img/top/inrBox1_img04.jpg) no-repeat 360px 0; }
            /* line 957, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .directions .number {
              min-height: 20px;
              padding-left: 35px;
              padding-bottom: 15px;
              background: url(../img/top/inrBox1_numberBg.gif) no-repeat;
              color: #fff;
              font-weight: bold;
              line-height: 22px; }
            /* line 967, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .directions .link {
              padding-left: 20px;
              background: url(../img/common/link_arrow01.gif) no-repeat 0 5px; }
              /* line 971, ../scss/style.scss */
              body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .directions .link a {
                color: #ff5f08;
                font-size: 14px;
                font-weight: bold;
                font-family: "メイリオ", Meiryo; }
          /* line 981, ../scss/style.scss */
          body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .sp-dungeon_closeBtn img {
            cursor: pointer;
            -webkit-transition: 0.15s;
            -moz-transition: 0.15s;
            -ms-transition: 0.15s;
            transition: 0.15s; }
            /* line 985, ../scss/style.scss */
            body #topPage .cnt_wrap .box1 .inner-box1 .sp-dungeon .sp-dungeon_closeBtn img:hover {
              -webkit-opacity: 0.7;
              -moz-opacity: 0.7;
              -ms-opacity: 0.7;
              opacity: 0.7;
              -webkit-transition: 0.15s;
              -moz-transition: 0.15s;
              -ms-transition: 0.15s;
              transition: 0.15s; }
      /* line 996, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 .inner-box2 {
        border: 3px solid #fea018;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px; }
        /* line 1000, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box2 .ttl {
          height: 25px;
          padding: 20px;
          background: url(../img/common/inrBox2_ttlBg01.gif) no-repeat -3px -3px;
          color: #fff;
          font-size: 32px;
          font-weight: bold;
          font-style: italic;
          font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif; }
        /* line 1011, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box2 .txt {
          width: 580px;
          padding: 20px;
          font-size: 17px;
          font-weight: bold;
          line-height: 24px; }
      /* line 1022, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 .inner-box3 {
        border: 3px solid #fef185;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px; }
        /* line 1026, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box3 .ttl {
          height: 25px;
          padding: 20px;
          background: url(../img/common/inrBox3_ttlBg01.gif) no-repeat -3px -3px;
          color: #fff;
          font-size: 32px;
          font-weight: bold;
          font-style: italic;
          font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif; }
        /* line 1037, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .inner-box3 .txt {
          width: 580px;
          padding: 20px;
          font-size: 17px;
          font-weight: bold;
          line-height: 24px; }
      /* line 1048, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 .kome {
        font-size: 14px;
        line-height: 20px; }
        /* line 1052, ../scss/style.scss */
        body #topPage .cnt_wrap .box1 .kome .ttl {
          color: #c00101;
          font-size: 16px;
          font-weight: bold;
          line-height: 24px; }
      /* line 1060, ../scss/style.scss */
      body #topPage .cnt_wrap .box1 .kome2 {
        color: #c00101;
        font-size: 12px;
        line-height: 15px; }
      /* line 1066, ../scss/style.scss */
      body #topPage .cnt_wrap .box1.sep-box {
        padding: 0;
        overflow: hidden; }
        /* line 1070, ../scss/style.scss */
        body #topPage .cnt_wrap .box1.sep-box .block-long {
          width: 600px;
          float: left; }
          /* line 1074, ../scss/style.scss */
          body #topPage .cnt_wrap .box1.sep-box .block-long .link {
            padding-left: 20px;
            background: url(../img/common/link_arrow01.gif) no-repeat 0 50%; }
            /* line 1078, ../scss/style.scss */
            body #topPage .cnt_wrap .box1.sep-box .block-long .link a {
              color: #ff5f08;
              font-size: 14px;
              font-weight: bold;
              font-family: "メイリオ", Meiryo; }
              /* line 1084, ../scss/style.scss */
              body #topPage .cnt_wrap .box1.sep-box .block-long .link a:hover {
                text-decoration: none; }
        /* line 1091, ../scss/style.scss */
        body #topPage .cnt_wrap .box1.sep-box .block-short {
          margin-left: 25px;
          float: left; }
          /* line 1095, ../scss/style.scss */
          body #topPage .cnt_wrap .box1.sep-box .block-short img {
            text-align: right; }

/**
 * 5.0 lower-page
 * ----------------------------------------------------------------------------
 */
/* line 1117, ../scss/style.scss */
body.lower-page .snsBg {
  background: #d40409 url(../img/common/sns_Bg.png) repeat; }
/* line 1125, ../scss/style.scss */
body.lower-page #topPage {
  font-size: 14px;
  line-height: 26px; }

/**
 * 6.0 anchor
 * ----------------------------------------------------------------------------
 */
/* line 1141, ../scss/style.scss */
#access, #summary, #guild-canbadge, #cosplay, #visitor, #real {
  padding-top: 140px;
  margin-top: -140px; }