html {
  background-color: #fff100; }

body {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff100; }

img {
  width: 100%;
  height: auto; }

a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.85; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  z-index: 111; }
  #loading #loading_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px; }

#wrapper {
  width: 100%;
  background-color: #c7201e;
  min-width: 1200px; }
  #wrapper #inner {
    overflow: hidden;
    max-width: 1620px; }
    #wrapper #inner .cover_left {
      width: 18%;
      height: 100%;
      left: -1%;
      position: absolute;
      background-image: url(../img/cover_left.png);
      background-repeat: repeat-y;
      background-size: 100% auto;
      z-index: 4; }
    #wrapper #inner .cover_right {
      width: 18%;
      height: 100%;
      right: -1%;
      position: absolute;
      background-image: url(../img/cover_right.png);
      background-repeat: repeat-y;
      background-size: 100% auto;
      z-index: 4; }
    #wrapper #inner #bg {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(../img/bg_pc.jpg) no-repeat;
      background-size: auto 100%;
      background-position: center; }
    #wrapper #inner #contents {
      overflow: hidden;
      position: relative; }
      #wrapper #inner #contents .box {
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center; }
        #wrapper #inner #contents .box .catch {
          width: 47%;
          position: absolute;
          left: 25.5%;
          top: 1%; }
        #wrapper #inner #contents .box .tomato_01 {
          width: 26.5%;
          position: absolute;
          left: 29%;
          top: 12%; }
        #wrapper #inner #contents .box .tomato_02 {
          width: 21.8%;
          position: absolute;
          left: 48%;
          top: 29%; }
        #wrapper #inner #contents .box .tomato_03 {
          width: 23.2%;
          position: absolute;
          left: 28.5%;
          top: 46%; }
        #wrapper #inner #contents .box .tomato_04 {
          width: 22.5%;
          position: absolute;
          left: 50.5%;
          top: 42%; }
        #wrapper #inner #contents .box .tomato_01_10 {
          width: 3.1%;
          position: absolute;
          left: 48.3%;
          top: 21.8%; }
        #wrapper #inner #contents .box .tomato_02_10 {
          width: 2.7%;
          position: absolute;
          left: 56.4%;
          top: 36.5%; }
        #wrapper #inner #contents .box .tomato_03_10 {
          width: 2.7%;
          position: absolute;
          left: 44.9%;
          top: 54.2%; }
        #wrapper #inner #contents .box .tomato_04_10 {
          width: 2.7%;
          position: absolute;
          left: 58%;
          top: 53.6%; }
        #wrapper #inner #contents .box .btn_01 {
          width: 9%;
          position: absolute;
          left: 37%;
          top: 36%; }
        #wrapper #inner #contents .box .btn_02 {
          width: 8.6%;
          position: absolute;
          left: 57%;
          top: 15%; }
        #wrapper #inner #contents .box .other_title {
          width: 14%;
          position: absolute;
          left: 43%;
          top: 64%; }
        #wrapper #inner #contents .box .other_chara {
          width: 40.7%;
          position: absolute;
          left: 29.8%;
          top: 71%; }

/*-----footer-----*/
#footer {
  margin: 0 auto;
  width: 100%;
  height: 80px;
  position: relative;
  background-color: #fff100;
  z-index: 1;
  border-top: 8px solid #191d1e;
  min-width: 1200px; }
  #footer .ani {
    width: 50.7%;
    position: absolute;
    left: 24.8%;
    top: -100%; }

@media (max-width: 767px) {
  #wrapper {
    min-width: auto !important; }
    #wrapper #inner {
      min-width: auto; }
      #wrapper #inner #bg {
        background: url(../img/bg_sp.jpg) no-repeat !important;
        background-size: auto 100% !important;
        background-position: center !important; }
      #wrapper #inner #contents {
        overflow: hidden;
        position: relative; }
        #wrapper #inner #contents .box .catch {
          width: 77% !important;
          left: 11.5% !important;
          top: 1.5% !important; }
        #wrapper #inner #contents .box .tomato_01 {
          width: 98% !important;
          left: -1% !important;
          top: 10% !important; }
        #wrapper #inner #contents .box .tomato_02 {
          width: 79.5% !important;
          left: 11.5% !important;
          top: 26.5% !important; }
        #wrapper #inner #contents .box .tomato_03 {
          width: 85% !important;
          left: 4% !important;
          top: 38% !important; }
        #wrapper #inner #contents .box .tomato_04 {
          width: 85% !important;
          left: 10% !important;
          top: 51.6% !important; }
        #wrapper #inner #contents .box .tomato_01_10 {
          width: 11.7% !important;
          left: 70.2% !important;
          top: 17.3% !important; }
        #wrapper #inner #contents .box .tomato_02_10 {
          width: 10% !important;
          left: 41.8% !important;
          top: 32% !important; }
        #wrapper #inner #contents .box .tomato_03_10 {
          width: 10% !important;
          left: 64.5% !important;
          top: 45.7% !important; }
        #wrapper #inner #contents .box .tomato_04_10 {
          width: 10% !important;
          left: 38.4% !important;
          top: 60.4% !important; }
        #wrapper #inner #contents .box .btn_01 {
          width: 32% !important;
          left: 2% !important;
          top: 69% !important; }
        #wrapper #inner #contents .box .btn_02 {
          width: 30.5% !important;
          left: 68% !important;
          top: 69% !important; }
        #wrapper #inner #contents .box .other_title {
          width: 36% !important;
          left: 32% !important;
          top: 72% !important; }
        #wrapper #inner #contents .box .other_chara {
          width: 99.5% !important;
          left: 0% !important;
          top: 76.6% !important; }

  #footer {
    min-width: auto !important;
    height: 40px !important; }
    #footer .ani {
      width: 100% !important;
      left: 0 !important;
      top: -200% !important; } }

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