@charset "utf-8";

@media (max-width: 768px) {
  /* FOOTER ++++++++++++++++++++++++++++++++++++  */

  footer .foot_navi {
    border-top: #545454 solid 5px;
  }

  /*ボタンのスタイル　白*/

  footer .foot_navi a {
    padding: 4%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f3f3f3));
    background: -moz-linear-gradient(top, #ffffff 5%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0);
    background-color: #ffffff;
    border-top: 1px solid #fff;
    cursor: pointer;
    color: #000;
    display: block;
    text-decoration: none;
  }

  footer .foot_navi a:link {
    color: #000;
  }
  footer .foot_navi a:visited {
    color: #000;
  }
  footer .foot_navi a:hover {
    color: #0096b2;
  }
  footer .foot_navi a:active {
    color: #0096b2;
  }

  footer .foot_navi li a:before {
    content: 'ú';
    font-family: CONDENSEicon;
    color: #0096b2;
  }

  /*　ボタンのスタイル　青　*/

  footer .foot_navi .btn_blue a {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7ab4c3), color-stop(1, #157e95));
    background: -moz-linear-gradient(top, #7ab4c3 5%, #157e95 100%);
    background: -webkit-linear-gradient(top, #7ab4c3 5%, #157e95 100%);
    background: -o-linear-gradient(top, #7ab4c3 5%, #157e95 100%);
    background: -ms-linear-gradient(top, #7ab4c3 5%, #157e95 100%);
    background: linear-gradient(to bottom, #7ab4c3 5%, #157e95 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab4c3', endColorstr='#157e95',GradientType=0);
    background-color: #7ab4c3;
    border-top: 1px solid #ffffff;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 1px 0px #265965;
    display: block;
  }

  footer .foot_navi .btn_blue a:link {
    color: #fff;
  }
  footer .foot_navi .btn_blue a:visited {
    color: #fff;
  }
  footer .foot_navi .btn_blue a:hover {
    color: #fff;
  }
  footer .foot_navi .btn_blue a:active {
    color: #fff;
  }

  footer .foot_navi .btn_blue a:before {
    color: #fff;
  }

  /*　ボタンのスタイル　青　*/

  footer .foot_navi .btn_gray a {
    color: #fff;
    background: -moz-linear-gradient(top, #adadad 0%, #525252);
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#525252));
    border-top: 1px solid #ffffff;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 1px 0px #265965;
    display: block;
  }

  footer .foot_navi .btn_gray a:link,
  footer .foot_navi .btn_blue a:visited,
  footer .foot_navi .btn_blue a:hover,
  footer .foot_navi .btn_blue a:active {
    color: #fff;
  }

  footer .foot_navi .btn_gray a:before {
    color: #fff;
  }

  /*　copyright　*/

  footer .address {
    background: #0096b2;
    font-size: 70%;
    color: #fff;
    text-align: center;
    padding: 1% 0;
    line-height: 1.5em;
  }

  /* セキュリティマークが付く場合 -------------- */

  #security {
    width: 100%;
    border-top: #4c4c4c 3px solid;
    padding: 4% 0 4%;
  }

  #security .norton {
    width: 40%;
    float: left;
  }

  #security .norton2 {
    width: 55%;
    padding: 2% 0 0 3%;
    float: left;
  }

  #security .truste {
    width: 44%;
    padding: 0 0 0 4%;
    float: right;
  }

  #security .truste img {
    padding: 8px 0 11px 0;
  }

  #security .norton p {
    font-size: 60%;
    line-height: 1.2em;
    padding: 5% 2% 0 0;
  }

  #security .norton2 p {
    font-size: 14px;
    line-height: 1.2em;
    margin: 0 0 0 0;
  }

  #security .truste p {
    font-size: 60%;
    line-height: 1.2em;
    margin: 0 0 0 0;
  }

  /* ページ上部へ -------------- */

  .page_top,
  .page_top_inner {
    font-size: 70%;
    text-align: right;
    margin: 5% auto;
  }

  .page_top_inner {
    margin: 2% auto 5% auto;
  }

  .page_top a,
  .page_top_inner a {
    text-decoration: none;
    color: #000;
  }

  .page_top span,
  .page_top_inner span {
    background: #0096b2;
    padding: 0.5%;
    color: #fff;
    margin: 0 0.5% 2% 0;
    font-family: 'CONDENSEicon';
    border-radius: 3px;
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
  }

  .page_top a:hover,
  .page_top_inner a:hover {
    color: #0096b2;
  }
}