#top .template {
    display: none;
}

#top a.link-button {
    display: block;
    cursor: pointer;
    text-decoration: none;
}

#top .front-area--item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#top .front-area--item dl {
    width: 50%;
}

#top .main-search--pc div {
    width: calc(100% - 240px);
    max-width: 700px;
}

#top .breed-search {
    width: 50%;
}
@media screen and (max-width: 767px) {
    #top .breed-search {
        width: 100%;
    }
}

#top .region-search {
    width: 40%;
}
#top .breeder-search {
	width: 34%;
}

@media screen and (max-width: 767px) {
    #top .region-search {
        width: 100%;
    }
    #top .breeder-search {
        width:100%;
    }
}


body #top #breedsSearchSlot a {
    text-decoration: none;
}

#top .c-checkbox--text {
    margin-left: 0px;
    width: calc(100% - 33px);
}

#top .c-checkbox--mark {
    margin-right: 8px;
}

#top .cms-section {
    max-width: inherit;
    padding: 0px 16px;
}
#top .cms-section ul {
    margin: 0px 0px 16px 0px;
}
#top .cms-section ul li {
    padding: 16px 0px;
    border-top: 1px solid #eeece4;
}
#top .cms-section ul li:last-of-type {
    border-bottom: 1px solid #eeece4;
}
#top .cms-section ul li:before{
    content: none;
}
/* 検索結果にて一時的なheight設定 */
#top #puppyOutline.tmpHeight{
    min-height: 2361px;
}
@media screen and  (max-width: 767px) {
    #top #puppyOutline.tmpHeight{
        min-height: 4000px;
    }
}
.tab {
	margin-top:-30px ;
    position: relative;
}
  /* タブメニュー */
  .tab__menu {
    display: flex;
    align-items: flex-end; /* メニューを下揃え&高さを調整 */
    width: 90%;
    min-height: 50px; /* メニュー切替時にタブがズレないように */
    padding: 0;
    margin: auto;
  }
  
  #top .main-search--pc {
    margin-top: 0;
  }

  #top .main-search--sp {
    margin-top: 0;
  }
  .tab__menu-item {
    list-style: none;
    width: 200px;
    padding: 8px 5px; /* メニューに高さを付ける */
    text-align: center;
    margin-right: 6px;
    background-color: #cdcdcd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    transition: all .3s; /* アニメーション */
    font-weight: bold;
    color: #ffffff;

  }
  
  .tab__menu-item:last-of-type {
    margin-right: 0px;
  }
  
  /* is-activeがついている時のスタイル */
  .tab__menu-item.is-active {
    background-color: #FF9933;
    padding: 12px 5px;
  }
  .tab__menu-item:nth-of-type(2).is-active {
    background-color: #336AA2;
  }

  .panel {
    display: none
  }

  .panel.is-active_panel {
    display: flex;
  }
  .main-search--sp.panel.is-active_panel {
    display: none;
  }

  @media screen and  (max-width: 767px) {
    .tab__menu {
        width: 80%;
        justify-content: center;
    }

    .main-search--pc.panel.is-active_panel {
        display: none;
      }

    .main-search--sp.panel.is-active_panel {
    display: block;
  }
}