@charset "UTF-8";
/*
----------------------------------------------------------------------
# Print Settings
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
# Mixin Settings
----------------------------------------------------------------------
*/
/* --- ペット用カラーパレット --- */

@media (min-width: 768px) {

  .hover:hover {
    opacity: 0.7;
  }

}

@media print {

  body {
    font-size: 180%;
  }

  body.column-one .container-main #column-content {
    width: 100%;
  }

  p a,
  code,
  pre {
    word-wrap: break-word;
  }

  #column-header {
    position: static;
    width: 100%;
  }

  #column-header .container-header .header-logo {
    width: 162px;
  }

  #column-header .container-header .header-products {
    display: none;
  }

  #column-header .container-header .header-nav {
    display: none;
  }

  #column-header.column-header-fixed {
    height: auto;
  }

  #column-header.column-header-fixed .container-header .header-logo {
    display: inline;
  }

  .global-nav {
    display: none;
  }

  .content-topic_path {
    display: none;
  }

  .column-one .container-main {
    width: 100%;
    margin: 0;
  }

  .column-one .container-main .column-content {
    float: none;
    width: 100%;
    margin: 0;
  }

  .container-main {
    width: 100%;
    margin: 0;
  }

  .container-main #column-content {
    float: none;
    width: 100%;
    margin: 0;
  }

  .container-main #column-content .nav-pet-select {
    display: none;
  }

  .container-main #column-aside {
    display: none;
  }

  .content-page_top {
    display: none;
  }

  #column-footer {
    clear: both;
    padding: 24px 0 0;
    border-top: none;
    background: none;
  }

  #column-footer .container-footer {
    display: none;
  }

  #column-footer .container-footer-utility {
    padding: 16px 0;
    background-color: #ffffff;
    box-shadow: none;
  }

  #column-footer .container-footer-utility .footer-utility .utility-nav {
    width: 100%;
  }

  #column-footer .container-footer-utility .footer-utility .utility-nav .utility-list {
    display: none;
  }

  #column-footer .container-footer-utility .footer-utility .txt-site_copyright {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
  }

}

@media print {

  #column-footer .container-footer-utility .footer-utility .txt-site_copyright {
    font-size: 10pt;
  }

}

@media print {

  body:not(.column-one) .layout-row {
    margin: 0 -2.17% 0;
  }

  body:not(.column-one) .layout-row > .layout-col1 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 8.0946%;
  }

  body:not(.column-one) .layout-row > .layout-col2 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 19.1187%;
  }

  body:not(.column-one) .layout-row > .layout-col3 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 30.1428%;
  }

  body:not(.column-one) .layout-row > .layout-col4 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 41.1669%;
  }

  body:not(.column-one) .layout-row > .layout-col5 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 52.191%;
  }

  body:not(.column-one) .layout-row > .layout-col6 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 63.2151%;
  }

  body:not(.column-one) .layout-row > .layout-col7 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 74.2392%;
  }

  body:not(.column-one) .layout-row > .layout-col8 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 85.2633%;
  }

  body:not(.column-one) .layout-row > .layout-col9 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 96.2874%;
  }

  body:not(.column-one) .layout-row > .layout-col10 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 107.3115%;
  }

  body:not(.column-one) .layout-row > .layout-col11 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 118.3356%;
  }

  body:not(.column-one) .layout-row > .layout-col12 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 129.3597%;
  }

  body:not(.column-one) .layout-row > .layout-col4_5 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 46.67895%;
  }

  .column-one .layout-row {
    margin: 0 -2.17% 0;
  }

  .column-one .layout-row > .layout-col1 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 5.996%;
  }

  .column-one .layout-row > .layout-col2 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 14.162%;
  }

  .column-one .layout-row > .layout-col3 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 22.328%;
  }

  .column-one .layout-row > .layout-col4 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 30.494%;
  }

  .column-one .layout-row > .layout-col5 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 38.66%;
  }

  .column-one .layout-row > .layout-col6 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 46.826%;
  }

  .column-one .layout-row > .layout-col7 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 54.992%;
  }

  .column-one .layout-row > .layout-col8 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 63.158%;
  }

  .column-one .layout-row > .layout-col9 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 71.324%;
  }

  .column-one .layout-row > .layout-col10 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 79.49%;
  }

  .column-one .layout-row > .layout-col11 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 87.656%;
  }

  .column-one .layout-row > .layout-col12 {
    float: left;
    margin-left: 2.17%;
    margin-bottom: 2.17%;
    width: 95.822%;
  }

  .page-identity {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

@-moz-document url-prefix() {

  [class^=layout-row],
    .layout-right,
    .layout-left {
    page-break-inside: avoid;
  }

  .list-link-float {
    page-break-inside: avoid;
  }

  .block-repeat .image-repeat {
    page-break-inside: avoid;
  }

}

  body.js-modal-open .title-page-copy,
  body.js-modal-open .content-section,
  body.js-modal-open .nav-next_page,
  body.js-modal-open aside {
    display: none;
  }

  body.js-modal-open .modal-content.current {
    clear: both !important;
  }

  body.js-modal-open .modal-content.current .content-section,
  body.js-modal-open .modal-content.current aside {
    display: block;
  }

  .modal-content.current {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .modal-content.current .modal-content-inner {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .jquery-modal.blocker {
    display: none !important;
  }

}