@charset "UTF-8";

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.ehf-header #masthead {
    background: #fff;
}

.single-product footer {
    background: #fff;
}



/* パンくず */
.breadcrumbs_wrap {
    background: #073585;
    color: #fff;
    padding: 0.5em;
}
.breadcrumbs {

}
.breadcrumbs > span {
    font-size: medium;
}
.breadcrumbs > span a {
    color:#fff
}
.breadcrumbs > span a:hover {

}
.breadcrumbs > span + span:before {
    content: ">";
    margin-left: 0.5em;
    padding-right: 0.5em;
}


/* pagerのCSS */
.pager {
    margin-top: 3em;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.pager span,
.pager a {
	width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    display: inline-block;
    color: #000;
    margin: 0 5px;
    border: solid 1px #e5e3e3;
    box-sizing: border-box;
}
.pager span {
    background: none;
    border-color: transparent;
}
.pager a {
		background:#fff;
		text-decoration:none;
}
.pager a:hover {
    color: #000;
}










/* 商品関連のCSS */
#product {
    background: #f5f1e7;
    font-family: "Noto Sans JP", Sans-serif;
}
.product-content {
    padding: 3em 0;
}




.product_cat_list_bloc {
    margin-bottom: 2em;
}
.product_cat_list_bloc ul {
    list-style: none;
    margin: 0;
}
.product_cat_list_bloc ul li {
    width: calc(100% / 4 - 1em);
    text-align: center;
    position: relative;
}
.product_cat_list_bloc ul li a {
    color: #000000;
}
.product_cat_list_bloc ul li a.active {
    
}
.product_cat_list_bloc ul li a:hover {
    
}
.product_cat_list_bloc ul li a span {
    font-size: 1.2em;
    font-weight: bold;
}

.product_cat_list_bloc ul li + li {
    
}
.product_cat_list_bloc ul li + li:before {
    content: "";
    width: 2px;
    height: 100%;
    border-left: solid 2px #c9c9c9;
    position: absolute;
    top: 0;
    left: -1em;
}
.product_cat_list_bloc ul li + li:after {
    content: "";
    width: 2px;
    height: 100%;
    border-left: solid 2px #c9c9c9;
    position: absolute;
    top: 0;
    left: -0.5em;
}

.product_title {
    margin-bottom: 2em;
}
.product_title h1 {
    color: #2d6268;
    font-size: 1.4em;
    padding: 0.25em 0.5em;
    border-left: solid 12px #ebbd63;
    border-bottom: solid 1px #ebbd63;
}

.product_cat_pets_list_bloc {
    margin-bottom: 3em;
}
.product_cat_pets_list_bloc ul {
    list-style: none;
    margin: 0;
    align-items: flex-start;
    justify-content: center;
    gap: 1em;
}
.product_cat_pets_list_bloc ul li {
    
}
.product_cat_pets_list_bloc ul li a {
    display: inline-block;
    background: #ebbd63;
    color: #fff;
    padding: 1em;
    min-width: 10em;
    text-align: center;
}
.product_cat_pets_list_bloc ul li a span {
    font-size: 1.2em;
    font-weight: bold;
}
.product_cat_pets_list_bloc ul li a.active {
    background: #fff;
    color: #ebbd63; 
}
.product_cat_pets_list_bloc ul li a:hover {
    background: #fff;
    color: #ebbd63;
}

.product_list_article {
    align-items: stretch;
    justify-content: flex-start;
    gap: 2em;
    padding: 0 2em;
}
.product_list_article section {
    width: calc(100% / 3 - 2em);
    background: #fff;
    border-radius: 0.5em;
    box-shadow: 0 -1px 6px #8f8985, 0 3px 6px #8f8985;
    padding: 1em;
}

.product_list_article section a {

}
.product_list_article section a:hover {

}

.product_list_article section figure {
    border: solid 1px #d2d2d2;
    margin-bottom: 1em;
}
.product_list_article section a:hover figure img {
    opacity:0.8;
}


.product_list_article section .meta {
    margin-bottom: 1em;
}
.product_list_article section .meta h2 {
    color: #2d6268;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
}
.product_list_article section .meta p {
    color: #818181;
    font-size: 16px;
    text-align: center;
    margin: 0;
}

.product_list_article section .point {

}
.product_list_article section .point ul {
    list-style: none;
    margin: 0;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5em;
}
.product_list_article section .point ul li {
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    padding: 0.5em 1em;
    border-radius: 50px;
}
.point_01 {background: #ffa3a3;}
.point_02 {background: #ff8551;}
.point_03 {background: #91cf4f;}
.point_04 {background: #49bfb7;}
.point_05 {background: #5f9df7;}





.search_content {

}
.s_search_sec {
    padding:2em 0;
}
.s_search_sec + .s_search_sec {

}

.s_title_bloc {
    text-align: center;
    margin-bottom: 2em;
}
.s_title_bloc h2 {
    color: #4B381D;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0.25em;
}
.s_title_bloc p {
    font-family: "Kalam", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 5px;
    fill: #4B381D;
    color: #4B381D;
    margin-bottom:0;
}



.s_new_item_box {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.s_new_item_box ul {
    list-style: none;
    margin: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2em;
}
.s_new_item_box ul li {
    width: calc(100% / 2 - 1em);
}
.s_new_item_box ul li a {
    display: block;
    background: #fff;
    box-shadow: 0 -1px 6px #8f8985, 0 3px 6px #8f8985;
}
.s_new_item_box ul li a:hover img {
    opacity:0.8;
}


.s_brand_box {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.s_brand_box ul {
    list-style: none;
    margin: 0;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1em;
}
.s_brand_box ul li {
    width: calc(100% / 3 - 1em);
}
.s_brand_box ul li a {
    display: block;
    background: #fff;
    border-radius: 0.5em
}
.s_brand_box ul li a img {
    border: solid 10px #E2D6BC;
    border-radius: 0.5em
}
.s_brand_box ul li a:hover img {
    opacity:0.8;
}

.s_pets_box {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.s_pets_menu {

}
.s_pets_menu ul {
    list-style: none;
    margin: 0;
}
.s_pets_menu ul li {
    width: calc(100% / 9 - 0.2em);
    background-position: bottom left, bottom right, top right, top left;
    background-repeat: no-repeat;
    background-size: 50% 50%;
}
.s_pets_menu ul li span {
    display: block;
    font-size: 16px;
    font-weight: 900;
    padding: 1em 0em;
    text-align: center;
    cursor: pointer;
}

[class^="select_rabbit"] {
    background: #ffa3a3;
    color:#fff;
}
[class^="select_hamster"] {
    background: #ff731d;
    color:#fff;
}
[class^="select_small_animals"] {
    background: #91cf4f;
    color:#fff;
}
[class^="select_bird"] {
    background: #7dcfbf;
    color:#fff;
}
[class^="select_dog_cat"] {
    background: #5f9df7;
    color:#fff;
}
[class^="select_reptile"] {
    background: #f7a95f;
    color:#fff;
}
[class^="select_insect"] {
    background: #5ff7d6;
    color:#fff;
}
[class^="select_fish"] {
    background: #995ff7;
    color:#fff;
}
[class^="select_bird"] {
    background: #f25ff7;
    color:#fff;
}
[class^="select_cat"] {
    background: #f75f73;
    color:#fff;
}



[class^="select_rabbit"].active {
    background: #fff;
    color:#ffa3a3;
}
[class^="select_hamster"].active {
    background: #fff;
    color:#ff731d;
}
[class^="select_small_animals"].active {
    background: #fff;
    color:#91cf4f;
}
[class^="select_bird"].active {
    background: #fff;
    color:#7dcfbf;
}
[class^="select_dog_cat"].active {
    background: #fff;
    color:#5f9df7;
}
[class^="select_reptile"].active {
    background: #fff;
    color:#f7a95f;
}
[class^="select_insect"].active {
    background: #fff;
    color:#5ff7d6;
}
[class^="select_fish"].active {
    background: #fff;
    color:#995ff7;
}
[class^="select_bird"].active {
    background: #fff;
    color:#f25ff7;
}
[class^="select_cat"].active {
    background: #fff;
    color:#f75f73;
}

.s_pets_content {

}
.s_pets_content.active {

}


.s_pets_data {
    display:none;
}
.s_pets_data.active {
    background: #fff;
    padding: 2em;
    display: block;
}

.s_pets_data.active .list_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
}





.food_list {
    width: calc(100% / 2 - 1em);
    text-align: center;
}
.supplies_list {
    width: calc(100% / 2 - 1em);
    text-align: center;
}

.food_list h3 {
    display: inline-block;
    line-height: 1em;
    margin-bottom: 1em;
}
.food_list h3 a {
    color: #fff;
    background: #ffa3a3;
    display: inline-block;
    font-size: 21px;
    padding: 0.5em 1em 0.6em;
    border-radius: 0.5em;
}

.supplies_list h3 {
    display: inline-block;
    line-height: 1em;
    margin-bottom:1em;
}
.supplies_list h3 a {
    color: #fff;
    background: #7dcfbf;
    display: inline-block;
    font-size: 21px;
    padding: 0.5em 1em 0.6em;
    border-radius: 0.5em;
}
.group_list {
    list-style: none;
    margin: 0;
}
.group_list li {
    border: solid 1px #f0f0f0;
    border-bottom: none;
}
.group_list li:last-child {
    border-bottom: solid 1px #f0f0f0;
}
.group_list li a {
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding: 1em;
}
.group_list li a figure {
    width: 85px;
}
.group_list li a figure img {
    
}
.group_list li a span {
    flex: 1 0 0%;
    text-align: left;
    color: #4B381D;
    font-size: 21px;
    line-height: 1em;
    font-weight: 900;
}

.no_item {
    width: 100%;
    text-align: center;
    font-size: 18px;
}




.single-product #product {
    background: #fff;;
}

.product_item_article {

}

.product_item_upper {
    align-items: flex-start;
    justify-content: space-between;
    gap: 2em;
    flex-direction: row-reverse;
    margin-bottom: 2em;
}

.product_item_meta {
    width: 64%;
}
.product_item_meta h1 {
    color: #2d6268;
    font-size: 1.4em;
    padding: 0.25em 0.5em;
    border-left: solid 12px #ebbd63;
    border-bottom: solid 1px #ebbd63;
    margin-bottom: 1em;
}
.option_list_bloc {
    margin-bottom: 2em;
}
.option_list {
    list-style: none;
    margin: 0;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5em;
}
.option_list li {
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    padding: 0.5em 1em;
    border-radius: 50px;
}

.product_item_meta h2 {
    color: #2d6268;
    font-size: 21px;
    margin-bottom: 0.5em;
}
.product_item_meta .item_content {
    margin-bottom: 2em;
}
.product_item_meta .item_content > * {
    font-size: 16px;
    margin: 0;
}
.product_item_meta .item_content > * + * {
    margin-top:0.5em;
}


.link_button_bloc {

}
.link_button_bloc ul {
    list-style: none;
    margin: 0;
}
.link_button_bloc ul li {
    width: calc(100% / 2 - 1em);
}
.link_button_bloc ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0.75em 1em;
    text-align: center;
    border-radius: 2em;
}
.link_button_bloc ul li:nth-child(1) a {
    background: #ef4b4b;
}
.link_button_bloc ul li:nth-child(2) a {
    background: #ff731d;
}


.product_item_image {
    flex: 1 0 0%;
}
.main_image_bloc {
    text-align: center;
    margin-bottom: 1em;
}
.sub_image_bloc {

}
.sub_image_bloc ul {
    list-style: none;
    margin: 0;
}
.sub_image_bloc ul li {
    background: #FFF;
    width: calc(100% / 5 - 0.5em);
    cursor: pointer;
}

.sub_image {
    opacity:0.8;
}
.sub_image:hover {
    opacity:1;
}
.sub_image.active {
    opacity:1; 
}


.product_item_bottom {
    align-items: flex-start;
    justify-content: space-between;
    gap: 2em;
}

.product_item_movie {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}
.product_item_movie_box {
    aspect-ratio: 16 / 9;
}
.product_item_movie_box + .product_item_movie_box {
    margin-top:2em;
}
.product_item_movie_box iframe {
    width: 100%;
    height: 100%;
}

.product_item_info {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.product_item_info_box {

}
.product_item_info_box + .product_item_info_box {
    margin-top:2em;
}

.product_item_info_box h3 {
    color: #2d6268;
    font-size: 1.2em;
    padding: 0.25em 0.5em;
    border-left: solid 12px #2d6167;
    border-bottom: solid 1px #2d6167;
}

.product_item_info_data {

}
.product_item_info_data dl {
    
}
.product_item_info_data dl:nth-child(odd) {
    background: #f3d9c5;
}
.product_item_info_data dl dt {
    min-width: 12em;
    padding: 1em;
}
.product_item_info_data dl dd {
    flex: 1 0 0%;
    padding: 1em;
    margin: 0;
    text-align: left;
}
.product_item_info_data dl dd a {
    color:#005fd5;
    text-decoration: underline;
}


.product_item_info_box .product_item_info_detail {
    padding: 1em;
}
.product_item_info_box .product_item_info_detail > * {
    font-size: 16px;
    margin: 0;
}
.product_item_info_box .product_item_info_detail > * + * {
    margin-top:0.5em;
}


.product_related_item {
    margin-top: 4em;
}

.product_related_item h3 {
    text-align: center;
    margin-bottom: 1.5em;
}
.product_related_item h3 span {
    display: inline-block;
    position: relative;
    color: #2d6167;
    font-size: 24px;
    padding: 0.6em 2em;
}
.product_related_item h3 span:before {
    content: "";
    width: 30px;
    height: 70px;
    background: url(../../images/img_related_item_title_left.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.product_related_item h3 span:after {
    content: "";
    width: 30px;
    height: 70px;
    background: url(../../images/img_related_item_title_right.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

.product_related_box {
    padding: 0 3em;
}

.product_related_slider_item {
    margin:0 1em;
}
.product_related_slider_item a {
    
}
.product_related_slider_item a figure {
    margin-bottom: 1em;
}
.product_related_slider_item a h4 {
    color: #2d6268;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}



.slick-next, .slick-prev {
    width: 51px;
    height: 81px;
}
.slick-next {
    background: url(../../images/arrow_right.png) no-repeat;
    background-size: contain;
    right: -48px;
    z-index: 10;
}
.slick-prev {
    background: url(../../images/arrow_left.png) no-repeat;
    background-size: contain;
    left: -48px;
    z-index: 10;
}
.slick-prev:before {
    display:none;
}
.slick-next:before {
    display:none;
}

.slick-next:focus, 
.slick-next:hover {
    background: url(../../images/arrow_right.png) no-repeat;
    background-size: contain;
}

.slick-prev:focus, 
.slick-prev:hover {
    background: url(../../images/arrow_left.png) no-repeat;
    background-size: contain;
}






.pci {display: inline-block!important;}
.spi {display: none!important;}

@media screen and (max-width: 768px) {

.pci {display: none!important;}
.spi {display: inline-block!important;}

.breadcrumbs > span {
    font-size: 3vw;
    font-size: 4vw;
}

.product_cat_list_bloc ul {
    gap: 1em 0;
}  
.product_cat_list_bloc ul li {
    width: calc(100% / 4 - 1em);
}
.product_cat_list_bloc ul li a span {
    display: block;
    font-size: 3.4vw;
    line-height: 1.4em;
}
.product_cat_list_bloc ul li + li:before {

}
/*
.product_cat_list_bloc ul li:nth-child(2n+1):before {
    display:none;
}
.product_cat_list_bloc ul li:nth-child(2n+1):after {
    display:none;
}
*/

.product_title h1 {
    font-size: 4vw;
    border-left: solid 6px #ebbd63;
}
.s_search_sec {
    padding: 1em 0;
}

.s_title_bloc h2 {
    font-size: 5vw;
}
.s_title_bloc p {
    font-size: 4vw;
}
.s_new_item_box ul {
    gap: 1em;
}
.s_new_item_box ul li {
    width: calc(100% / 2 - 0.5em);
}
.s_brand_box ul li {
    width: calc(100% / 2 - 1em);
}
.s_brand_box ul li a img {
    border: solid 5px #E2D6BC;
}

.s_pets_menu {
    display: none;
}
.s_pets_menu ul li {
    width: calc(100% / 5);
}
.s_pets_menu ul li span {
    font-size: 2vw;
}

.sp_pets_title_rabbit {
    background: #ffa3a3;
    color:#fff;
}
.sp_pets_title_hamster {
    background: #ff731d;
    color:#fff;
}
.sp_pets_title_small_animals {
    background: #91cf4f;
    color:#fff;
}
.sp_pets_title_bird {
    background: #7dcfbf;
    color:#fff;
}
.sp_pets_title_dog_cat {
    background: #5f9df7;
    color:#fff;
}
.sp_pets_title_reptile {
    background: #f7a95f;
    color:#fff;
}
.sp_pets_title_insect {
    background: #5ff7d6;
    color:#fff;
}
.sp_pets_title_fish {
    background: #995ff7;
    color:#fff;
}
.sp_pets_title_bird {
    background: #f25ff7;
    color:#fff;
}
.sp_pets_title_cat {
    background: #f75f73;
    color:#fff;
}

.sp_pets_title {
    width: 100%;
    padding: 0.5em 1em;
    position: relative;
    font-weight: 900;
}
.sp_pets_title:after {
    position: absolute;
    top: 1em;
    right: 0.75em;
    content: '';
    width: 0.65em;
    height: 0.65em;
    border: 0.2em solid currentColor;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    box-sizing: border-box;
}
.sp_pets_title.active:after {
    top: 0.4em;
    transform: rotate(-225deg);
}

.s_pets_data .list_content {
    display: none;
    width: 100%;
}
.s_pets_data.active .list_content {
    display:none;
}



.group_list {
    display: none;
}





.s_pets_data.active {
    padding: 0;
    gap: 0;
}

.s_pets_data {
    background: #fff;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
}

.food_list {
    width: 100%;
}

.food_list .group_list li:last-child {
    border-bottom: none:
}


.group_list_parent {
    border: solid 1px #f0f0f0;
    border-bottom: none;
    padding: 0.5em 1em;
    text-align: left;
    position: relative;
    cursor: pointer;
}
.group_list_parent:after {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0.5em;
    font-size: 1.5em;
    color: #ccc; 
}
.group_list_parent.active:after {
    content:"-";
}




.food_list h3 {
    margin: 0;
}
.food_list h3 a {
    font-size: 3vw;
}
.group_list li a figure {
        width: 2em;
}
.group_list li a span {
    display: block;
    font-size: 3vw;
}
.group_list li a {
    padding: 0.5em 1em;
}

.supplies_list {
    width: 100%;
}

.supplies_list h3 {
    margin: 0;
}
.supplies_list h3 a {
    font-size: 3vw;
}

.product_cat_pets_list_bloc ul li {
    width: calc(100% / 3 - 1em);
}
.product_cat_pets_list_bloc ul li a {
    min-width: auto;
    width: 100%;
    padding: 0.5em 0;
}
.product_cat_pets_list_bloc ul li a span {
    font-size: 3.5vw;
}

.product_list_article {
    padding: 0;
}
.product_list_article {
    padding: 0;
    gap: 1em;
}
.product_list_article section {
    width: 100%;
    width: calc(100% / 2 - 0.5em);
}

.product_list_article section a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1em;
}
.product_list_article section figure {
    margin: 0;
    width: 20%;
    width: 100%;
}
.product_list_article section .box {
    flex: 1 0 0%;
    text-align: left;
}

.product_list_article section .meta h2 {
    font-size: 3.5vw;
    line-height: 1.4em;
    text-align: left;
}
.product_list_article section .meta p {
    font-size: 3vw;
    text-align: left;
}
.product_list_article section .meta {
    margin-bottom: 0;
    flex: 1 0 0%;
    flex: none;
    width: 100%;
}
.product_list_article section .point {
    width: 100%;
}
.product_list_article section .point ul li {
    font-size: 3vw;
    line-height: 1.4em;
}

.pager span, .pager a {
    width: 2em;
    height: 2em;
    font-size: 4vw;
    line-height: 1.7em;
}

.product_item_upper {
    flex-direction: column-reverse;
}
.product_item_meta {
    width: 100%;
}
.product_item_image {
    flex: none;
    width: 100%;
}
.product_item_meta h1 {
    border-left: solid 6px #ebbd63;
    font-size: 5vw;
}
.option_list li {
    font-size: 3vw;
}
.product_item_meta h2 {
    font-size: 4vw;
}
.product_item_meta .item_content > * {
    font-size: 3vw;
}

.link_button_bloc ul {
    align-items: flex-start;
    justify-content: center;
    gap: 1em;
}
.link_button_bloc ul li a {
    font-size: 3vw;
}

.product_item_info_box h3 {
    border-left: solid 6px #2d6167;
    font-size: 4vw;
}

.product_item_info_data dl dt {
    font-size: 3vw;
    min-width: 11em;
}
.product_item_info_data dl dd {
    font-size: 3vw;
}
.product_item_info_box .product_item_info_detail > * {
    font-size: 3.5vw;
}

.product_related_item h3 span {
    font-size: 4vw;
}
.product_related_item h3 span:before {
    width: 20px;
    height: 48px;
}
.product_related_item h3 span:after {
    width: 20px;
    height: 48px;
}

.slick-next, .slick-prev {
    width: 15px;
    height: 24px;
}

.product_related_slider_item a h4 {
    font-size: 3vw;
    text-align: left;
}

.product_related_box {
    padding: 0 1em;
}

.slick-prev {
    left:-24px;
}
.slick-next {
    right:-24px;
}







}