@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
共通用CSS
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*.fs-c-breadcrumb {
 display: none;       
}*/
.main p { 
    font-size: 17px;
    line-height: 1.76;
}
.p-main {
    bottom: 6%;
    max-width: 660px;
    padding-top: 3%;
    right: 0;
    margin: 0 auto;
    text-shadow: 2px 2px 3px #ffffff, -2px 2px 3px #ffffff, 2px -2px 3px #ffffff, -2px -2px 3px #ffffff;
}
.give > .first {
    left: 23%;
    right: 0;
    margin: auto;
    top: 26%;
}
.give > .second {
    left: 23%;
    right: 0;
    bottom: 48%;
    margin: auto;
}
.give > .third {
    left: 23%;
    margin: auto;
    bottom: 39%;
}
.give > .four {
    left: 23%;
    margin: auto;
    bottom: 13%;
}
.main {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.pinnacle-main {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.dalford-main {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.yeti-main {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.top {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 482px;
}
.pinnacle-top {
    background-image: URL('https://bipet6530.itembox.design/item/img/pinnacle/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 482px;
}
.dalford-top {
    background-image: URL('https://bipet6530.itembox.design/item/img/dalford/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 477px;
    margin-bottom: 20px;
}
.yeti-top {
    background-image: URL('https://bipet6530.itembox.design/item/img/yetidog/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 477px;
}
.inu-top {
    background-image: URL('https://bipet6530.itembox.design/item/img/inu/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 475px;
}
.smiley-top{
    background-image: URL('https://bipet6530.itembox.design/item/img/smiley/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 476px;
}
.help {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/02_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 711px;
}
.thought {
    background-image: URL('https://bipet6530.itembox.design/item/img/pinnacle/02_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 901px;
}
.biscuit {
    background-image: URL('https://bipet6530.itembox.design/item/img/dalford/02_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 871px;
    margin-bottom: 20px;
}
.cheese {
    background-image: URL('https://bipet6530.itembox.design/item/img/yetidog/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1550px;
}
.collagen {
    background-image: URL('https://bipet6530.itembox.design/item/img/inu/02_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 2093px;
}
.rice {
    background-image: URL('https://bipet6530.itembox.design/item/img/smiley/02_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 461px;
}
.why {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/03cat_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1083px;
}
.why-dog {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/03dog_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1083px;
}
.why-cat {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/03cat_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1083px;
}
.footprints {
    background-image: URL('https://bipet6530.itembox.design/item/img/pinnacle/03_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 2452px;
}
.biscuit-zero {
    background-image: URL('https://bipet6530.itembox.design/item/img/dalford/03_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 971px;
}
.feature {
    background-image: URL('https://bipet6530.itembox.design/item/img/smiley/03_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 3276px;
}
.health {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/04cat_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1019px;
}
.health-dog {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/04dog_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1019px;
}
.material {
    background-image: URL('https://bipet6530.itembox.design/item/img/smiley/04_bg.jpg?202506');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 601px;
}
.smileycatfreezdrybrand .material{
    background-image: URL('https://bipet6530.itembox.design/item/img/smiley/04_bgcat.jpg?202506');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 601px;   
}
.give {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/05dog_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 989px;
    background-color: white;
}
.give-cat {
    background-image: URL('https://bipet6530.itembox.design/item/img/brand/05cat_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 989px;
    background-color: white;
}
.which {
    background-image: URL('https://bipet6530.itembox.design/item/img/smiley/05_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1317px;
}
.main img {
    vertical-align: bottom;
}
.pinnacle-main img {
    vertical-align: bottom;
}
.dalford-main img {
    vertical-align: none;
}
.yeti-main img {
    vertical-align: bottom;
}
img .story {
    width: 45%;
    left: 11%;
    top: 44%;
}
.story {
    max-width: 600px;
    margin-left: 5%;
    margin-top: 2%;
}
.help-img {
    max-width: 623px;
    margin: 0 auto;
}
.biscuit-img {
    max-width: 660px;
    margin: 0 auto;
}
.thought-img {
    max-width: 660px;
    margin: 0 auto;
}
.collagen-img {
    max-width: 660px;
    margin: 0 auto;
}
.why-img {
    max-width: 653px;
    margin: 0 auto;
}
.feature-img {
    max-width: 660px;
    margin: 0 auto;
}
.biscuit-zero-img {
    max-width: 660px;
    margin: 0 auto;
}
.footprints-img {
    max-width: 660px;
    margin: 0 auto;
}
.health-img {
    max-width: 652px;
    margin: 0 auto;
}
.material-img {
    max-width: 660px;
    margin: 0 auto;
}
.popup-wrap {
    max-width: 606px;
    margin: 0 auto;
}
.which-img {
    max-width: 660px;
    margin: 0 auto;
}
.smiley-top-img {
    margin-left: 75px;
    margin-top: 22px;
}
.rice-img {
    max-width: 660px;
    margin: 0 auto;
}
.lovedog {
    padding-top: 6%;
    margin: 0 auto;
    display: block;
}
.history {
    text-align: center;
    justify-content: center;
    padding-top: 6%;
    max-width: 900px;
    margin: auto;
}
.first-his {
    display: flex;
    margin-top: 4%;
    align-items: center;
    justify-content: center;
}
.first-img {
    width: 40%;
    max-width: 225px;
}
.first-p {
    text-align: left;
    width: 70%;
    max-width: 634px;
    margin-left: 4%;
}
.third-his {
    display: flex;
    align-items: center;
    text-align: left;
    padding-top: 2%;
}
.second-his {
    text-align: left;
    padding-top: 1%;
    width: 100%;
    max-width: 891px;
}
.third-p {
    width: 60%;
    max-width: 516px;
    margin-right: 5%;
}
.third-img {
    width: 40%;
    max-width: 336px;
}
.first {
    margin-bottom: 5%;
}
.second {
    margin-bottom: 5%;
}
.third {
    margin-bottom: 5%;
}
.four {
    margin-bottom: 5%;
}
.list-title {
    text-align: center;
    border: dashed 2px;
    background-color: #ffe6c8;
    margin-top: 8%;
}
.pinnacle-list-title {
    text-align: center;
    border: dashed 2px;
    background-color: #ffe6c8;
    margin-top: 0%;
}
.yeti-list-title {
    text-align: center;
    border: dashed 2px;
    background-color: #ffe6c8;
    margin-top: 0%;
}
.list-h2 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
img.pinnacle-top-img.pc {
    margin-left: 4.4%;
    margin-top: 0.7%;
}
img.yeti-top-img.pc {
    margin-left: 5.8%;
    margin-top: 53px;
}
.br::before {
    content: "\A" ;
	white-space: pre ;
}
.dalford-top-img {
    margin-top: 3%;
    margin-left: 4.4%;
}
.line {
    margin-bottom: 20px;
}
.additive-free {
    margin-left: 105px;
    margin-top: 10px;
}
.treats {
    background-color: #ffffff;
}
.malted-rice {
    background-color:#ffffff;
}
.treats-img {
    max-width: 660px;
    margin: 0 auto;
}
.product-a {
    width: 100%;
    font-size: 15px;
    background-color: #fee5c6;
}
.product-button {
    margin-left: 73%;
    margin-top: -2%;
}
.product-button-pinnacle {
    margin-left: 73%;
    margin-top: -5%;
}
.product-button-smiley {
    margin-left: 73%;
    margin-top: -3%;
}
.product-button-inu {
    margin-left: 73%;
    margin-top: -3%;
}
.product-button-yeti {
    margin-left: 73%;
    margin-top: -6%;
}
.product-button-dalford {
    margin-left: 73%;
    margin-top: -3%;
}
.product-button-cat {
    margin-left: 73%;
    margin-top: -2%;
}
.modal-first {
    margin-bottom: 4%;
}
.modal-second {
    margin-bottom: 4%;
}
.modal-third {
    margin-bottom: 4%;
}
.modal-four {
    margin-bottom: 4%;
}
.modal-five {
    margin-bottom: 4%;
}
.modal-six {
    margin-bottom: 4%;
}
.modal-seven {
    margin-bottom: 4%;
}
.modal-eight {
    margin-bottom: 4%;
}
.modal-nine {
    margin-bottom: 4%;
}
.modal-ten {
    margin-bottom: 4%;
}
/*20220425追加 paw-treats*/
.paw-treats {
    background-image: URL('https://bipet6530.itembox.design/item/img/paw_treats/01_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    position: relative;
}
.whatcbd{
    background-image: URL('https://bipet6530.itembox.design/item/img/paw_treats/02_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 589px;    
}
.whatecs{
    background-image: URL('https://bipet6530.itembox.design/item/img/paw_treats/03_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1837px;      
}
.brandinner {
    max-width: 660px;
    margin: 0 auto;
}
.pt_explanation{
    background-color: #FFF;
}
.paw-treats-img{
    position: absolute;
    bottom: 0;
    left: 20px;
}
/*----------------------

ここからSP版

----------------------*/
@media (max-width: 768px) {
    .fs-l-page {
        padding-top: 96px;
    }
    .top {
        background-image: none;
        height: auto;
    }
    .pinnacle-top {
        background-image: none;
        height: auto;
    }
    .dalford-top {
        background-image: none;
        height: auto;
        margin-bottom: auto;
    }
    .yeti-top {
        background-image: none;
        height: auto;
    }
    .inu-top {
        background-image: none;
        height: auto;
    }
    .smiley-top {
        background-image: none;
        height: auto;
    }
    .help {
        background-image: none;
        height: auto;
    }
    .thought {
        background-image: none;
        height: auto;
    }
    .biscuit {
        background-image: none;
        height: auto;
        margin-bottom: auto;
    }
    .cheese {
        background-image: none;
        height: auto;
    }
    .collagen {
        background-image: none;
        height: auto;
    }
    .rice {
        background-image: none;
        height: auto;
    }
    .why {
        background-image: none;
        height: auto;
    }
    .footprints {
        background-image: none;
        height: auto;
    }
    .why-dog {
        background-image: none;
        height: auto;
    }
    .why-cat {
        background-image: none;
        height: auto;
    }
    .biscuit-zero {
        background-image: none;
        height: auto; 
    }
    .feature {
        background-image: none;
        height: auto;
    }
    .health {
        background-image: none;
        height: auto;
    }
    .health-dog {
        background-image: none;
        height: auto;
    }
    .give {
        background-image: none;
        height: auto;
    }
    .give-cat {
        background-image: none;
        height: auto;
    }
    .material {
        background-image: none;
        height: auto;
    }
    .smileycatfreezdrybrand .material{
        background-image: none;
        height: auto;
    }
    .which {
        background-image: none;
        height: auto;
    }
    .main img {
        max-width: auto;
    }
    .pinnacle-main img {
        max-width: auto;
        width: 100%;
    }
    .dalford-main img {
        max-width: auto;
        vertical-align: bottom;
    }
    .yeti-main img {
        max-width: auto;
        width: 100%;
    }
    .give-img {
        background-image: URL('https://bipet6530.itembox.design/item/img/brand/sp/avo_bg01_sp.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 12%;
    }
    .p-main {
        width: 90%;
        padding-top: 0%;
    }
    .first-his {
        display: block;
    }
    .third-his {
        display: block;
    }
    .first-p {
        text-align: none;
        width: 100%;
        margin: auto;
        margin-bottom: 5%;
        width: 90%;
    }
    .first-img {
        width: 100%;
        max-width: 100%;
    }
    .second-his {
        text-align: none;
        padding-top: 3%;
        width: 90%;
        margin: auto;
    }
    .third-p {
        width: 90%;
        max-width: auto;
        padding-right: 0%;
        margin: auto;
    }
    .third-img {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .fs-l-main {
        padding: 0px;
    }
    .title.sp {
        width: 85%;
        margin: 10% auto 0;
    }
    .help-img {
        max-width: 100%;
    }
    .biscuit-img {
        max-width: 100%;
    }
    .why-img {
        max-width: 100%;
    }
    .biscuit-zero-img {
        max-width: 100%;
    }
    .health-img {
        max-width: 100%;
    }
    .top img {
        width: 100%;
    }
    .help img {
        width: 100%;
    }
    .why-dog img {
        width: 100%;
    }
    .why-cat img {
        width: 100%;
    }
    .health-dog img {
        width: 100%;
    }
    .list-title {
        margin-top: 14%;
        margin-left: 6%;
        margin-right: 6%;
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 2%;
    }
    .yeti-list-title {
        margin-left: 5%;
        margin-right: 5%;
    }
    .list-h2 {
        font-size: 20px;
    }
    .thought-img {
        max-width: 100%;
    }
    .footprints-img {
        max-width: 100%;
    }
    .pinnacle-list-title {
        margin-left: 6%;
        margin-right: 5%;
        padding-top: 3%;
        padding-bottom: 2%;
    }
    .br::before {
        content: none;
        white-space: nowrap;
    }
    .collagen-img {
        max-width: 100%;
    }
    .collagen-back {
        width: 100%;
    }
    .collagen-back-two {
        width: 100%;
    }
    .collagen-back-three {
        width: 100%;
    }
    .collagen-back-four {
        width: 100%;
    }
    .collagen-back-five {
        width: 100%;
    }
    .collagen-back-six {
        width: 100%;
    }
    .inu-top-back {
        width: 100%;
    }
    .inu-top-back-two {
        width: 100%;
    }
    .popup-wrap-sp {
        background-image: URL('https://bipet6530.itembox.design/item/img/smiley/sp/03_10.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 195px;
    }
    .secret-button {
        width: 87%;
        margin-left: 7%;
    }
    .modal.active {
        width: 375px!important;
    }
    .product-button {
        margin-left: 1%;
        margin-top: -17%;
    }
    .product-button-pinnacle {
        margin-left: 1%;
        margin-top: -17%;
    }
    .product-button-smiley {
        margin-left: 1%;
        margin-top: -17%;
    }
    .product-button-inu {
        margin-left: 1%;
        margin-top: -17%;
    }
    .product-button-yeti {
        margin-left: 1%;
        margin-top: -23%;
    }
    .product-button-dalford {
        margin-left: 1%;
        margin-top: -16%;
    }
    .product-button-cat {
        margin-left: 1%;
        margin-top: -17%;
    }
    .fs-c-subgroupList__link {
        font-weight: bold!important;
    }
/*20220425追加 paw-treats*/
.paw-treats,.whatcbd,.whatecs{
    height: auto;
    background-image: none;
}
}

/*
@media (min-width:1024px) and (max-width: 1366px){
    .smiley-top {
        height: 403px;
    }
}
*/
/*
@media (max-width: 768px){
    .top-sp {
        display: block;
        margin: auto;
        max-width: 663px;
    }
    .help-sp {
        display: block;
        margin: auto;
        max-width: 663px;
    }
    .why-dog-sp {
        display: block;
        margin: auto;
        max-width: 663px;
    }
    .health-dog-sp {
        display: block;
        margin: auto;
        max-width: 663px;
    }
    .give-sp {
        margin: auto;
        max-width: 663px;
        background-size: contain;
    }
    .give-img {
        background-image: URL('https://bipet6530.itembox.design/item/img/brand/sp/avo_bg01_sp.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 12%;
        /*background-position: center;*/
        /*height: 399px;*/
        /*display: block;
        max-width: 537px;
        margin: auto;
        padding-top: 15%;
    }
}