body {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  color: #333333;
  background: url(../img/bg.jpg) #ffffff center -80px; }

.caption {
  font-size: 16px;
  margin-bottom: 50px; }

h1 {
  margin: 20px 0 10px 0; }

h2 {
  font-size: 26px;
  color: #999999; }

p {
  margin: 0; }

a {
  color: #000000;
  text-decoration: underline; }
  a:hover {
    color: #333333;
    text-decoration: none; }
  a:visited {
    color: #000000; }
  a:active {
    color: #000000; }

small {
  font-size: 11px; }

.row-eq-height {
  display: flex;
  flex-wrap: wrap; }

.navbar-fixed-top {
  background: rgba(255, 255, 255, 0.8); }
  .navbar-fixed-top .container {
    padding-right: 0;
    padding-left: 0; }

.navbar-bottom-frame {
  background: url(../img/header_frame.png) repeat-x;
  height: 11px;
  margin-bottom: -5px; }

.navbar {
  margin-bottom: 0;
  border-radius: 0; }
  .navbar .navbar-header {
    margin-top: -20px; }
  .navbar .navbar-toggle {
    background-color: #917a2f;
    margin-top: 18px;
    border: solid 1px #76705f;
    color: #ffffff; }
  .navbar .navbar-toggle:focus,
  .navbar .navbar-toggle:hover {
    background-color: #b99d43; }

.navbar-default {
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  padding-top: 15px; }
  .navbar-default .navbar-nav li a {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    padding: 10px; }
  .navbar-default .navbar-nav li a:hover {
    color: #999999; }

.button_twitter {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: .5em; }
  .button_twitter a {
    display: block;
    padding: .5em;
    color: #ffffff;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #66b6ed), color-stop(1, #2989d3));
    background: -webkit-linear-gradient(#66b6ed, #2989d3);
    background: -moz-linear-gradient(#66b6ed, #2989d3);
    background: -o-linear-gradient(#66b6ed, #2989d3);
    background: -ms-linear-gradient(#66b6ed, #2989d3);
    background: linear-gradient(#66b6ed, #2989d3);
    box-shadow: 2px 2px #0560a6;
    image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzY2QjZFRCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzI5ODlEMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIyKSIgLz4KPC9zdmc+);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b6ed', endColorstr='#2989d3',GradientType=0 ); }
  .button_twitter a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49a6e8), color-stop(1, #0865ac));
    background: -webkit-linear-gradient(#49a6e8, #0865ac);
    background: -moz-linear-gradient(#49a6e8, #0865ac);
    background: -o-linear-gradient(#49a6e8, #0865ac);
    background: -ms-linear-gradient(#49a6e8, #0865ac);
    background: linear-gradient(#49a6e8, #0865ac);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0ODEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0OUE2RTgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwODY1QUMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0ODEpIiAvPgo8L3N2Zz4=);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a6e8', endColorstr='#0865ac',GradientType=0 ); }

.icon_twitter {
  margin-right: .6em; }

.frame_top {
  background: url(../img/frame_top.png) repeat-x;
  height: 10px; }

.frame_bottom {
  background: url(../img/frame_bottom.png) repeat-x;
  height: 10px;
  margin-bottom: 1em;
  padding: 1em; }

.frame_top2 {
  background: url(../img/frame_top.png) repeat-x;
  height: 10px;
  padding-top: 4.6em; }

.mainvisualBox {
  padding: 70px 0 0 0;
  margin-bottom: 0;
  color: #000000;
  text-align: center; }
  .mainvisualBox .container {
    padding-right: 0;
    padding-left: 0; }
  .mainvisualBox .logo_b {
    padding: 0 40px; }
  .mainvisualBox .mainvisualBox__counter {
    background: none;
    padding: 10px 40px; }
    .mainvisualBox .mainvisualBox__counter img {
      margin-bottom: 1em; }
  .mainvisualBox .mainvisualBox__twitter {
    margin: 1em auto;
    width: 90%; }
  .mainvisualBox .mainvisualBox__moreinfo {
    background-color: #f7e3e3;
    padding: 3px; }
  .mainvisualBox .mainvisualBox__term {
    font-size: 12px;
    margin-top: 1.6em; }
  .mainvisualBox .mainvisualBox__textBox {
    background: url(../img/mainvisual_text_sp.png) center top no-repeat;
    background-size: contain;
    padding: 14em .5em .5em .5em;
    margin-top: 1em; }
  .mainvisualBox .mainvisualBox__textBoxInner {
    padding: 1em; }
  .mainvisualBox .mainvisualBox__text {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 2em; }
  .mainvisualBox .mainvisualBox__textSmall {
    margin-bottom: .5em;
    font-size: 12px; }

.campaignInfo h3 {
  font-size: 22px;
  color: #816c2f;
  text-align: left; }
.campaignInfo .campaignInfo__cpn {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-right: solid 1px #a49c72;
  border-left: solid 1px #a49c72;
  padding: 1em; }
.campaignInfo .campaignInfo__cpnText {
  font-weight: bold;
  margin-top: 2em; }
.campaignInfo .campaignInfo__twitter {
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 1em; }
.campaignInfo .campaignInfo__tweet {
  margin-top: 2em;
  margin-bottom: 2em; }
.campaignInfo .campaignInfo__cv {
  background-color: #dcd4b8;
  padding: 1em;
  margin: 1em 0; }
.campaignInfo .campaignInfo__cvTexts {
  color: #000000;
  line-height: 24px;
  margin: .5em 0;
  font-size: 12px; }
.campaignInfo .campaignInfo__no1 {
  background: url(../img/campaign_no1.png) no-repeat;
  padding: .7em 0 .5em 3em;
  margin-top: .5em;
  min-height: 65px; }
.campaignInfo .campaignInfo__no2 {
  background: url(../img/campaign_no2.png) no-repeat;
  padding: .7em 0 .5em 3em;
  margin-top: .5em;
  min-height: 65px; }
.campaignInfo .campaignInfo__no3 {
  background: url(../img/campaign_no3.png) no-repeat;
  padding: .7em 0 .5em 3em;
  margin-top: .5em;
  min-height: 65px; }
.campaignInfo .campaignInfo__no4 {
  background: url(../img/campaign_no4.png) no-repeat;
  padding: .5em 0 .5em 3em;
  margin-top: .5em;
  min-height: 65px; }
.campaignInfo .campaignInfo__no5 {
  background: url(../img/campaign_no5.png) no-repeat;
  padding: .5em 0 .5em 3em;
  margin-top: .5em;
  min-height: 65px; }
.campaignInfo .campaignInfo__term {
  clear: both;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em; }
.campaignInfo .campaignInfo__image {
  background-color: #ffffff;
  padding: 5em 0;
  margin: 1em 0;
  text-align: center; }
.campaignInfo .campaignInfo__button {
  padding: 0 1em; }
  .campaignInfo .campaignInfo__button div {
    padding: 0; }
  .campaignInfo .campaignInfo__button div + div {
    padding-left: .5em; }
.campaignInfo .campaignInfo__comingsoon {
  padding: 10em 0;
  margin-top: 1em;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
  text-align: center;
  background: url(../img/comingsoon_bg.jpg); }
.campaignInfo .campaignInfo__comingsoon2 {
  padding: 11em 0;
  margin-top: 1em;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
  text-align: center;
  background: url(../img/comingsoon_bg.jpg); }

@media (min-width: 990px) {
  .mainvisualBox .logo_b {
    padding: 0; }
  .mainvisualBox .mainvisualBox__counter {
    background: url(../img/mainvisual_chara.png) center no-repeat;
    padding: 40px 0; } }
@media (min-width: 768px) {
  h2 {
    font-size: 34px;
    color: #999999; }

  .mainBg {
    background: url(../img/bg.jpg) #4a6382 center/cover no-repeat; }

  .button_twitter {
    font-size: 22px; }

  .mainvisualBox .mainvisualBox__text {
    font-size: 15px;
    line-height: 28px; }
  .mainvisualBox .mainvisualBox__twitter {
    margin: 1em auto;
    width: 80%; }
  .mainvisualBox .mainvisualBox__textBox {
    background: url(../img/mainvisual_text.png) center top no-repeat;
    background-size: contain;
    padding: 10em .5em .5em .5em;
    margin-top: 1em; }

  .campaignInfo h3 {
    font-size: 30px; }
  .campaignInfo .campaignInfo__tweet a img:hover {
    opacity: .7; }
  .campaignInfo .campaignInfo__text {
    font-size: 12px;
    margin-bottom: 4px; }
  .campaignInfo .campaignInfo__no1 {
    padding: .5em 0 .5em 2.2em;
    min-height: 65px; }
  .campaignInfo .campaignInfo__no2 {
    padding: .5em 0 .5em 2.2em;
    min-height: 65px; }
  .campaignInfo .campaignInfo__no3 {
    padding: .5em 0 .5em 2.2em;
    min-height: 65px; }
  .campaignInfo .campaignInfo__no4 {
    padding: .5em 0 .5em 2.2em;
    min-height: 65px; } 
  .campaignInfo .campaignInfo__no5 {
    padding: .5em 0 .5em 2.2em;
    min-height: 65px; } }
.campaignBox {
  text-align: center;
  margin-bottom: 50px; }
  .campaignBox h2 {
    color: #ffffff; }

.storyBox {
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: -4em;
  padding: 1em 1em 2em 1em;
  text-align: center;
  border-right: solid 1px #a49c72;
  border-left: solid 1px #a49c72; }
  .storyBox .storyBox__text {
    margin: 2em auto .5em auto; }

.characterInfo {
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: -4em;
  padding: 1em 0 1em 0;
  text-align: center;
  border-right: solid 1px #a49c72;
  border-left: solid 1px #a49c72; }
  .characterInfo .characterInfoBox {
    padding: 0 1em 2em 1em; }
  .characterInfo .characterInfo__list {
    padding: .5em; }
  .characterInfo .characterInfo__text {
    text-align: left;
    line-height: 24px;
    padding: .5em; }
  .characterInfo .characterInfo__bottom {
    margin-bottom: 25px; }

.gameBox {
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: -4em;
  padding: 1em;
  text-align: center;
  line-height: 24px;
  border-right: solid 1px #a49c72;
  border-left: solid 1px #a49c72; }
  .gameBox img {
    margin-bottom: .5em; }
  .gameBox .gameBox__inner {
    padding: 1em 0;
    text-align: left; }
  .gameBox .gameBox__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px; }

.staffInfo {
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: -4em;
  padding: 1em;
  text-align: center;
  border-right: solid 1px #a49c72;
  border-left: solid 1px #a49c72; }
  .staffInfo .staffInfo__inner {
    padding: 1em; }
  .staffInfo .staffInfo__title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 1em; }
  .staffInfo dl {
    margin-top: 2em; }
  .staffInfo dd {
    margin-bottom: 1.5em; }
  .staffInfo .staffInfo__summary dt {
    font-weight: normal; }
  .staffInfo .staffInfo__summary dd {
    font-weight: bold; }

.termBox {
  height: 180px;
  margin: 1em 0 2em 0;
  overflow: auto;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  padding: .5em; }
  .termBox p {
    margin-bottom: 1em; }
  .termBox dl {
    margin: 1em 0; }
  .termBox dt {
    margin-top: 1em; }
  .termBox .termBox__title {
    font-weight: bold;
    font-size: 14px;
    padding: 1em 0 .5em 0; }

.footerLink .footerLink__official {
  margin: 2em 0; }

.pagetop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px; }
  .pagetop a {
    display: block;
    background-color: #333;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 12px; }
  .pagetop a:hover {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 12px; }

.footerBox {
  background-color: #4a6382;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1.5em;
  min-height: 10em; }
  .footerBox .footerBox__inner {
    margin: 0 auto;
    padding: 1em 0; }
    .footerBox .footerBox__inner a {
      color: #ffffff;
      text-decoration: underline; }
    .footerBox .footerBox__inner a:hover {
      text-decoration: none; }
  .footerBox .footerBox__copyright {
    font-size: 12px;
    font-family: Helvetica, arial; }

/*# sourceMappingURL=style.css.map */