.cont {
  width: 964px;
  margin: auto; }
  @media screen and (max-width: 964px) {
    .cont {
      width: 100%; } }

.pagesec__ttlarea {
  background: #fff; }

.pagesec__ttl {
  text-align: center;
  padding: 1.2em 0;
  color: #EE6300;
  background: url(../images/topsec-ttl-bg.png) no-repeat center right/cover;
  border-top: 2px solid #EE6300;
  border-bottom: 2px solid #EE6300;
  font-size: 20px;
  font-size: 1.25rem; }
  @media screen and (min-width: 641px) {
    .pagesec__ttl {
      font-size: 30px;
      font-size: 1.875rem;
      background-size: contain;
      padding: 0.5em 0; } }
  .pagesec__ttl i {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    margin-right: 0.5em; }
  @media screen and (max-width: 640px) {
    .pagesec__ttl--double {
      text-align: left;
      position: relative;
      padding-left: 2em; }
      .pagesec__ttl--double i {
        position: absolute;
        width: 1em;
        height: 1em;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0.5em; } }

.pagesec__toggle {
  background: #B28D72;
  color: #fff;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 1em; }
  @media screen and (min-width: 641px) {
    .pagesec__toggle {
      font-size: 24px;
      font-size: 1.5rem;
      padding: 0.5em 0; } }
  .pagesec__toggle i {
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1em; }

.pagesec__toggleinner {
  padding: 0;
  display: none; }

.search {
  background: #FCF1E7; }
  .search__sttl {
    text-align: center;
    max-width: 90%;
    margin: auto;
    padding: 10px 0; }

.search-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .search-tab__item {
    width: 50%;
    height: 20.625vw;
    position: relative; }
    @media screen and (max-width: 768px) {
      .search-tab__item {
        border-bottom: 1px dotted #7a5c35; }
        .search-tab__item:nth-child(odd) {
          border-right: 1px dotted #7a5c35; }
        .search-tab__item:nth-child(-n+2) {
          border-top: 1px dotted #7a5c35; } }
    @media screen and (min-width: 769px) {
      .search-tab__item {
        width: calc(100% / 3);
        height: 13.75vw; } }
    @media screen and (min-width: 965px) {
      .search-tab__item {
        width: calc(100% / 6);
        height: 63.5px; } }
    .search-tab__item label {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .search-tab__item input[type="radio"] {
      display: none; }

.search-main__form {
  width: 100%;
  border-collapse: collapse;
  background: #fff; }

.search-main th, .search-main td {
  padding: 1em;
  border-top: #EE6300 2px solid;
  border-bottom: #EE6300 2px solid; }

.search-main__formttl {
  width: 40%;
  color: #42210B;
  position: relative;
  text-align: left;
  padding-left: 1.6em !important; }
  .search-main__formttl--narrow {
    letter-spacing: -0.01em; }
  .search-main__formttl:before {
    content: "";
    display: block;
    width: 5px;
    height: 1em;
    background: #EE6300;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.8em; }

.search-main__formtxt {
  width: 60%; }
  .search-main__formtxt select, .search-main__formtxt input[type="text"] {
    width: 100%;
    padding: 0.5em;
    -webkit-appearance: none;
    line-height: 1;
    background: #fff;
    font-size: 14px;
    border-radius: 0;
    border: 3px solid #fff;
    color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#fff));
    background: -webkit-linear-gradient(#F2F2F2, #fff);
    background: -o-linear-gradient(#F2F2F2, #fff);
    background: linear-gradient(#F2F2F2, #fff); }

.search-main__selectwrap {
  position: relative;
  font-size: 14px;
  border: 1px solid #B3B3B3; }
  .search-main__selectwrap:after {
    font-size: 14px;
    content: "\f0d7";
    display: block;
    font-family: FontAwesome;
    width: calc(2em + 10px);
    height: calc(2em + 10px);
    background: #42210B;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    text-align: center;
    line-height: calc(2em + 10px);
    pointer-events: none; }

.search-main__inputwrap {
  position: relative;
  font-size: 14px;
  border: 1px solid #B3B3B3; }

.search-main__submit {
  background: url(../images/search-bg.png);
  padding: 20px 10%;
  text-align: center; }

.puppy {
  background: #fff; }

@media screen and (min-width: 769px) {
  .puppy-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 769px) {
  .puppy-item {
    width: 48%;
    margin-bottom: 30px; }
    .puppy-item:nth-child(odd) {
      margin-right: 4%; } }

@media screen and (max-width: 768px) {
  .puppy-item:not(:fitst-child) {
    margin-top: 15px; } }

.puppy-item__name {
  color: #EE6300;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0.5em 0.5em 0.2em 2em;
  position: relative; }
  .puppy-item__name i {
    position: absolute;
    font-size: 125%;
    width: 1em;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.5em;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }

.puppy-item__img {
  padding: 15px 15px 35px;
  background: #F9E7D4;
  margin-bottom: 20px !important; }
  .puppy-item__img * {
    max-width: none; }
  .puppy-item__img li * {
    max-width: 100%; }
  .puppy-item__img .slick-dots {
    max-width: 90%;
    bottom: 9px; }
    .puppy-item__img .slick-dots li button:before {
      font-size: 32px;
      font-size: 2rem;
      font-size: 0.8rem; }
    .puppy-item__img .slick-dots li.slick-active button:before {
      color: #EE6300; }

.puppy-item__info {
  padding: 0 15px 10px; }
  .puppy-item__info p {
    padding: 0.2em 0 0.1em; }
    .puppy-item__info p:not(:last-child) {
      border-bottom: #42210B dotted 1px; }

.puppy-item__price {
  margin: 0 15px 0;
  border: #EE6300 1px solid;
  font-size: 18px;
  font-size: 1.125rem; }

.puppy-item__pricettl {
  background: #EE6300;
  color: #fff;
  text-align: center;
  padding: 0.2em 0;
  font-size: 20px;
  font-size: 1.25rem; }

.puppy-item__pricewrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 15px; }

.puppy-item__pricepart {
  font-size: 14px;
  font-size: 0.875rem; }

.puppy-item__pricemonth{color:#EE6300;
font-size:28px;
font-size:1.75rem;
font-weight: 800;}
.puppy-item__pricemonth span{font-size:80%}.puppy-item__btnarea{margin:15px 15px 0;padding:0 0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:#42210B 1px dotted}

.puppy-item__btnarea {
  margin: 15px 15px 0;
  padding: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-bottom: #42210B 1px dotted; }

.puppy-item__movie {
  width: 47.45%; }

.puppy-item__detail {
  width: 47.45%; }

.pagenavi {
  margin: 30px 15px;
  padding-bottom: 40px; }
  .pagenavi__result span {
    color: #42210B; }
  .pagenavi__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px; }
  .pagenavi__item {
    width: 13.698%; }
    .pagenavi__item:not(:last-child) {
      margin-right: 3.56%; }
    .pagenavi__item span, .pagenavi__item a {
      display: block; }
    .pagenavi__item span {
      border: #42210B 1px solid;
      background: #42210B;
      color: #fff;
      line-height: 3;
      text-align: center; }
    .pagenavi__item a {
      border: #42210B 1px solid;
      background: #fff;
      color: #42210B;
      line-height: 3;
      text-align: center; }
      .pagenavi__item a:hover {
        background: #42210B;
        color: #fff; }
  .pagenavi__onestep {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px; }
  .pagenavi__next a, .pagenavi__prev a {
    padding: 0.5em 1em;
    background: #42210B;
    text-decoration: none;
    color: #fff; }
    .pagenavi__next a:link, .pagenavi__next a:hover, .pagenavi__next a:active, .pagenavi__next a:focus, .pagenavi__next a:visited, .pagenavi__prev a:link, .pagenavi__prev a:hover, .pagenavi__prev a:active, .pagenavi__prev a:focus, .pagenavi__prev a:visited {
      text-decoration: none;
      color: #fff; }
  .pagenavi__next a:after {
    content: "\f138";
    font-family: FontAwesome;
    margin-left: 0.5em; }
  .pagenavi__prev {
    margin-right: 20px; }
    .pagenavi__prev a:before {
      content: "\f137";
      font-family: FontAwesome;
      margin-right: 0.5em; }

.search-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #42210B;
  display: inline; }
  .search-title__area {
    padding: 15px;
    background: #F9E7D4;
    line-height: 1.5; }
  .search-title__list {
    font-size: 13px;
    font-size: 0.8125rem;
    display: inline;
    font-weight: normal; }
    .search-title__list--bold {
      font-weight: bold;
      color: #42210B; }

.contact_num__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  color: #EE6300;
  margin-bottom: 10px;
  vertical-align: middle; }

.contact_num__iconimg {
  display: inline-block;
  width: 2.5em;
  vertical-align: middle; }

.contact_num__txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.125rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 255, 0, 0.5)));
  background: -webkit-linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);
  background: -o-linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);
  background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%); }

.contact_num__number {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 8px 14px 8px;
  max-width: 100%;
  color: #7c7a7a;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #7c7a7a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .contact_num__number:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2; }
  .contact_num__number:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -29px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #7c7a7a;
    z-index: 1; }
  .contact_num__number p {
    color: #EE6300;
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem; }

/* Scss Document */
.detail__num{font-size:14px;
font-size:0.875rem;
margin: 0;
padding:0px 0px 15px 15px;
line-height:1}