@charset "UTF-8";

/* ========================================================================

  /special/css/cookie.css

======================================================================== */

/************************************************************************
  
************************************************************************/
  .cookie-consent {
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      bottom: 0;
      width: 100%;
      font-size: 12px;
      color: #fff;
      background: rgba(0,0,0,.7);
      padding: 1.2em;
      box-sizing: border-box;
      visibility: hidden;
  }
  .cookie-text {
      max-width:650px;
  }
  .cookie-consent.is-show {
      visibility: visible;
      z-index: 3;
  }
/*  .policy-link, :link, :visited, :active {
      color: rgb(0, 136, 255);
  }*/
  .cookie-agree, .cookie-reject {
      color: #fff;
      background: dodgerblue;
      padding: .5em 1.5em;
      margin-left: 20px;
  }
  .cookie-agree:hover, .cookie-reject:hover {
      cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
      display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
      animation: hide 1s linear 0s;
      animation-fill-mode: forwards;
  }
  @keyframes hide {
      from {
          opacity: 1;
      }
      to {
          opacity: 0;
          visibility: hidden;
      }
  }
  /* メディアクエリ */
  @media screen and (max-width: 600px) {
      .cookie-consent {
          flex-direction: column;
      }
      .cookie-text {
          margin-bottom: 1em;
      }
  }