@keyframes mvbgAnime {
  0% {
    background-position: top left;
    background-position-x: left; }
  50% {
    background-position: top right;
    background-position-x: right; }
  100% {
    background-position: top left;
    background-position-x: left; } }
@keyframes mvbgAnimeSP {
  0% {
    background-position: top 20%;
    background-position-x: 20%; }
  50% {
    background-position: top 50%;
    background-position-x: 50%; }
  100% {
    background-position: top 20%;
    background-position-x: 20%; } }
@keyframes mvLogoAnime {
  0% {
    transform: rotate3d(1, 1, 1, 5deg) translate3d(-20px, -20px, 0px); }
  50% {
    transform: rotate3d(1, 1, 1, -5deg) translate3d(20px, 0px, 0px); }
  100% {
    transform: rotate3d(1, 1, 1, 5deg) translate3d(-20px, -20px, 0px); } }
body main {
  background-color: white;
  display: block;
  overflow: hidden;
  top: -30px;
  margin: 0 auto -30px; }
  body main #mainVisual {
    background-image: url(/common/img/mv_bg1.jpg);
    background-color: #e74d91;
    background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    height: 450px;
    transition: background-image 500ms 0s ease;
    animation: mvbgAnime 12.5s ease-in-out 0s infinite; }
    @media screen and (max-width: 700px) {
      body main #mainVisual {
        height: 350px;
        background-position: center center;
        animation: mvbgAnimeSP 12.5s ease-in-out 0s infinite; } }
    body main #mainVisual ul li {
      text-indent: -9999px;
      outline: none; }
      body main #mainVisual ul li.visual1 {
        background-image: url(/common/img/mv1.png);
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: 450px;
        animation: mvLogoAnime 12.5s ease-in-out 0s infinite; }
        @media screen and (max-width: 700px) {
          body main #mainVisual ul li.visual1 {
            height: 350px;
            background-size: contain;
            width: 65%;
            margin: 0 auto; } }
      body main #mainVisual ul li.visual2 {
        background-image: url(/common/img/mv2.png);
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: 450px;
        animation: mvLogoAnime 12.5s ease-in-out 0s infinite; }
        @media screen and (max-width: 700px) {
          body main #mainVisual ul li.visual2 {
            height: 350px;
            background-size: contain;
            width: 65%;
            margin: 0 auto; } }
  body main #mainArea {
    position: relative;
    z-index: 50;
    background-image: url(/common/img/mainarea_bg.png);
    background-repeat: repeat-x;
    margin: -30px 0 0;
    padding-top: 30px;
    overflow: hidden; }
    body main #mainArea #mainNavi {
      margin-top: 30px; }
      @media screen and (max-width: 700px) {
        body main #mainArea #mainNavi {
          width: 85%;
          margin: 30px auto 0; } }
      body main #mainArea #mainNavi ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto; }
        body main #mainArea #mainNavi ul li {
          width: 22%;
          margin-right: 4%; }
          @media screen and (max-width: 700px) {
            body main #mainArea #mainNavi ul li {
              width: 48%;
              margin-bottom: 20px; } }
          @media screen and (max-width: 700px) {
            body main #mainArea #mainNavi ul li:nth-of-type(even) {
              margin-right: 0%; } }
          body main #mainArea #mainNavi ul li:last-child {
            margin-right: 0; }
          body main #mainArea #mainNavi ul li img {
            width: 100%; }
  body main #LArea {
    width: 780px;
    float: left;
    margin: 0 auto 30px; }
    @media screen and (max-width: 700px) {
      body main #LArea {
        width: 100%;
        float: none; } }
    body main #LArea #twitterArea {
      width: 100%;
      padding-top: 20px;
      overflow: hidden; }
      body main #LArea #twitterArea:before, body main #LArea #twitterArea:after {
        content: "";
        display: inline-block;
        background: url(/common/img/twt_top.png) no-repeat;
        width: 100%;
        height: 58px;
        background-size: cover; }
      body main #LArea #twitterArea:after {
        background: url(/common/img/twt_btm.png) no-repeat;
        height: 12px;
        background-size: cover; }
      body main #LArea #twitterArea .peachanArea {
        margin-top: 50px;
        width: 220px;
        background: url(/common/img/twt_peachan.png) no-repeat;
        background-size: contain;
        height: 320px;
        padding-top: 210px;
        float: left; }
        @media screen and (max-width: 700px) {
          body main #LArea #twitterArea .peachanArea {
            display: none; } }
        body main #LArea #twitterArea .peachanArea .twitter_btn {
          margin-top: 12px; }
          body main #LArea #twitterArea .peachanArea .twitter_btn img {
            width: 100%; }
      body main #LArea #twitterArea .tweetArea {
        overflow-y: scroll;
        border-radius: 20px;
        height: 330px;
        width: 520px;
        margin: 20px 20px 0;
        float: right;
        border-top: dotted 1px #00a0e9;
        border-bottom: dotted 1px #00a0e9; }
        @media screen and (max-width: 700px) {
          body main #LArea #twitterArea .tweetArea {
            width: 90%;
            margin: 20px auto;
            float: none; } }
    body main #LArea #newsArea {
      width: 100%;
      padding-top: 20px;
      overflow: hidden;
      font-size: 1.15em;
      position: relative; }
      body main #LArea #newsArea:before, body main #LArea #newsArea:after {
        content: "";
        display: inline-block;
        background: url(/common/img/news_top.png) no-repeat;
        width: 100%;
        height: 58px;
        background-size: cover; }
      body main #LArea #newsArea:after {
        background: url(/common/img/news_btm.png) no-repeat;
        height: 12px;
        background-size: cover; }
      body main #LArea #newsArea .backnumber {
        position: absolute;
        right: 5px;
        top: 40px;
        font-size: 0.8em;
        padding: 3px 6px;
        border: solid 1px #e74d91;
        border-radius: 2em;
        color: #e74d91; }
        body main #LArea #newsArea .backnumber:hover {
          color: white;
          background-color: #e74d91; }
        body main #LArea #newsArea .backnumber .arrowR {
          font-size: 1em;
          transform: rotate(90deg);
          display: inline-block; }
      body main #LArea #newsArea dl {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        margin: 0.7em 0; }
        body main #LArea #newsArea dl:after {
          content: "";
          width: 100%;
          height: 6px;
          background: url(/common/img/twt_btm.png) repeat no-repeat;
          background-size: contain;
          margin-top: 0.6em; }
        body main #LArea #newsArea dl:last-child:after {
          background: none;
          margin-top: 0;
          height: 0; }
        body main #LArea #newsArea dl dt, body main #LArea #newsArea dl dd {
          display: inline-block; }
        body main #LArea #newsArea dl .date {
          width: 160px;
          padding: 0.5em 2em;
          color: gray; }
          @media screen and (max-width: 700px) {
            body main #LArea #newsArea dl .date {
              width: 115px;
              padding: 0.5em 1em; } }
        body main #LArea #newsArea dl .icon {
          width: 82px;
          font-size: 0.8em;
          border-radius: 2em;
          color: white;
          padding: 0.5em 1em;
          letter-spacing: 1px; }
          @media screen and (max-width: 700px) {
            body main #LArea #newsArea dl .icon {
              width: 72px; } }
          body main #LArea #newsArea dl .icon.icon2 {
            background-color: #00a0e9; }
          body main #LArea #newsArea dl .icon.icon1 {
            background-color: #e74d91; }
          body main #LArea #newsArea dl .icon.icon3 {
            background-color: orange; }
          body main #LArea #newsArea dl .icon.icon4 {
            background-color: #22ac38; }
        body main #LArea #newsArea dl .comment {
          width: calc(100% - 160px - 82px);
          padding: 0 1em;
          line-height: 1.2; }
          @media screen and (max-width: 700px) {
            body main #LArea #newsArea dl .comment {
              width: calc(100% - 115px - 72px); } }
          @media screen and (max-width: 480px) {
            body main #LArea #newsArea dl .comment {
              width: 100%;
              padding-left: 5%; } }
          body main #LArea #newsArea dl .comment a {
            color: #e74d91;
            padding: 0.5em;
            text-decoration: underline; }
  body main #RArea {
    margin-top: 70px; }
    @media screen and (max-width: 700px) {
      body main #RArea {
        margin-top: 0; } }

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