/*
Theme Name: 石巻ペットセンターWEB ver1.0
Theme URI:
Author:
Description:
Version: 1.0
///////////////////////////////////////////////
  Smart Phone Size // max-width: 480px
/////////////////////////////////////////////*/
.br-sp { display: block; }
/*------------------------------------------------------------
  Heading
-------------------------------------------------------------*/
h1 { font-size: 185%; }
h2 { font-size: 165%; }
h3 { font-size: 145%; }
h4 { font-size: 125%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }
/*------------------------------------------------------------
  Button
-------------------------------------------------------------*/
.btn-page-top {
	bottom: 1em;
	right: 0.5em;
}

.btn-position-r {
	top: 5em;
	right: 0.5em;
}
/*------------------------------------------------------------
  Header
-------------------------------------------------------------*/
header.home-header {
  padding: 80px 0 0 0;
  background-position: 0 215px;
  background-size: 15%;
}

/*-----------------------------------------------------------
	index
-------------------------------------------------------------*/
.notice {
  max-width: 90%;
}
  .notice .notice-title {
    display: block;
  }
  .notice .notice-date {
    display: block;
    margin-bottom: 1em;
  }

.aboutus {
  max-width: 90%;
}

#sub-slide-box {
  height: 76px;
  background-size: cover;
}
.fureai-inner {
  max-width: 90%;
  margin: 2em auto;
  padding: 150px 0;
}
  .fureai-inner::before {
    top: 0;
    left: 0;
  }
  .fureai-inner::after {
    bottom: 0;
    right: 0;
  }

.hotel {
  max-width: 90%;
  margin: 2em auto;
}
.hotel-inner {
  padding: 150px 0;
}
  .hotel-inner::before {
    top: 0;
    left: 0;
  }
  .hotel-inner::after {
    bottom: 0;
    right: 0;
  }
  .hotel-inner .wp-block-columns {
    width: 90% !important;
  }
    .hotel-table table tr td {
      display: block;
      text-align: center;
    }
    .hotel-table tr {
      border-bottom: #660000 1px solid;
    }
      .hotel-table tr td:nth-child(1) {
        width: 100%;
      }
      .hotel-table tr td:nth-child(2) {
        width: 100%;
      }

  #image-bubble {
    max-width: 100%;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(4, 1fr) ;
  }
    #image-bubble img:nth-child(1) {
      grid-row: 1 / 2;
      grid-column: 1 / 3;
    }
    #image-bubble img:nth-child(2) {
      grid-row: 1 / 2;
      grid-column: 3 / 5;
    }
    #image-bubble img:nth-child(3) {
      grid-row: 2 / 3;
      grid-column: 2 / 4;
    }
    #image-bubble img:nth-child(4) {
      grid-row: 3 / 4;
      grid-column: 1 / 3;
    }
    #image-bubble img:nth-child(5) {
      grid-row: 3 / 4;
      grid-column: 3 / 5;
    }

.rental,
.benriya {
  max-width: 90%;
  margin: 2em auto;
}

.pet-sales {
  max-width: 90%;
  margin: 2em auto;
}
  .sales-box .has-text-align-center {
    width: 75%;
  }

footer {
  background-size: 20%;
}
  footer .footer-inner {
    padding: 0 0 61px 0;
    background-color: #ff8c13;
  }
  footer .footer-inner .footer-left,
  footer .footer-inner .footer-right {
    width: 90%;
    margin: 0 auto;
  }

/*---------------------------------------------
	Lower
---------------------------------------------*/
.content-area {
  width: 90%;
  min-height: 500px;
  padding: 1em 0 2em 0;
}

.basic-table table {
  width: 100% !important;
}
ul.basic-list {
  width: 100% !important;
}

.plan-table tr td:nth-child(1) {
  width: 33%;
}