@charset "UTF-8";

/*.l-header {*/
/*    position: fixed!important;*/
/*}*/

.l-header__top {
    height: 72px;
    background-color: #E6CC38;
}

.fp_original-header__logo {
    position: relative;
    font-size: var(--tcd-header-logo-font-size);
    flex: 0 0 auto;
    height: 70px;
    padding: 0 50px;
    color: #fff;
    color: black;
    /*background: var(--tcd-accent-color);*/
}
.l-header__logo {
    color: black!important;
    background-color: var(--tcd-link-color);
}

.header-logo {
    position: relative;
    padding-top: 59px;
    margin-left: 118px;
    float: left;
}

.slider-line {
    display: flex;
    justify-content: space-between;
}

.slider-line-left {
    width: 30%;
    background: url("../img/front/icon/front_slider_line_left.png") no-repeat 0 0;
    background-size: contain;
    height: 200px;
    background-position: left 0;
    margin-top: -50px;
    aspect-ratio: auto;
}
.slider-line-right {
    width: 25%;
    background: url("../img/front/icon/front_slider_line_right.png") no-repeat 0 0;
    background-size: contain;
    height: 200px;
    background-position: right 0;
    margin-top: -50px;
    aspect-ratio: auto;
}
.front-header-parts-1 {
    position: absolute;
    width: 100%;
    background: url("../img/front/icon/front_header_parts_1.png") no-repeat 0 0;
    background-size: contain;
    height: 200px;
    background-position: right 0;
    z-index: -1;
}

.header-logo-line {
    position: absolute;
    top: 0;
    left: -38px;
}

.front_navi_line {
    width: 100%;
    background: url("../img/front/icon/front_navi_line.png") no-repeat 0 0;
    background-size: contain;
    height: 200px;
    background-position: center;

}

.p-cb__section_type_1:not(.p-cb--banner),
.p-cb__section_type_1:not(.p-cb--banner)+.p-cb--banner {
    /*margin-top: 100px;*/
}

.p-cb__section_type_1.first-content {
    margin-top: 50px;
}

.p-cb__section_type_1:last-of-type:not(.p-cb--banner) {
    margin-bottom: 50px;
}

.contact {
    /*margin-top: 100px;*/
    margin-bottom: 100px;
    width: calc(100vw / 1920 * 800);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.contact h4 {
    font-size: 1.5rem!important;
    line-height: 1.8!important;
    margin-top: 2rem!important;
}

.contact .q_frame {
    padding: 0!important;
}
.br-sp {
   display: none;
}
.sp_only {
    display: none;
}

@media (max-width: 767px) {

    .l-header__top {
        height: auto;
    }
    
    .sp_only {
        display: block;
    }

    .br-sp {
        display: block;
    }

    .p-cb__section_type_1:not(.p-cb--banner),
    .p-cb__section_type_1:not(.p-cb--banner)+.p-cb--banner {
        /*margin-top: 40px;*/
    }

    .p-cb__section_type_1.first-content {
        margin-top: 80px;
        margin-bottom: 15px;
    }
    
    .sp-l-inner:first-of-type {
        margin-bottom: 40px;
    }

    .p-cb__section_type_1:last-of-type:not(.p-cb--banner) {
        margin-bottom: 40px;
    }
    
    .contact {
        width: 98%;
        /*margin-top: 30px;*/
    }

    .p-cb__header {
        padding-bottom: 5px;
    }
    .l-footer__nav {
        display: block;
        padding: 20px 0;
    }
    .l-footer--type2 .l-footer__nav-list li {
        font-size: 14px;
    }
    .l-footer--type2 .l-footer__nav-list > ul {
        margin-bottom: 12px;
    }
    .l-footer--type2 .l-footer__nav-list li a {
        text-decoration: 1px #000 dashed underline;
    }
    ._news {
        margin-top: 40px;
    }
    .p-archive--news-item__date {
        margin-bottom: 0px;
    }
    .top_news_title {
        margin-bottom: 10px;
    }
    .p-archive04-item {
        width: calc(((100% + var(--tcd-product-loop-item-margin-hn)) / 2) - var(--tcd-product-loop-item-margin-hn))!important;
    }

}

.fp-original-banner-mode1 {
    width: 100%;
    position: relative;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 584px;
}

.sub-navi {
    font-size: 0;
    margin-top: 26px;
    margin-right: 51px;
    float: right;
}

.sub-navi-list.mod-shop {
    text-align: right;
}

.sub-navi-list-item {
    position: relative;
    padding-bottom: 30px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 1px;
    width:90px;
}

.sub-navi-list.mod-shop .sub-navi-list-item a {
    font-size: 12px;
    letter-spacing: 1.2px;
}
.sub-navi-list a {
    color: #000;
}

.sub-navi-list-item.mod-info a:before {
    content: "";
    display: inline-block;
    background: url("../img/front/icon/icon_info.png") no-repeat 0 0;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 6px;
}

.sub-navi-list-item.mod-auth a:before, .sub-navi-list-item.mod-mypage a:before {
    content: "";
    display: inline-block;
    background: url("../img/front/icon/icon_mypage.png") no-repeat 0 0;
    background-size: 13px 16px;
    width: 13px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 6px;
}

.sub-navi-list-item.mod-heart a:before {
    content: "";
    display: inline-block;
    background: url(../img/front/icon/icon-heart.png) no-repeat 0 0;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 6px;
}

.sub-navi-list-item.mod-cart a:before {
    content: "";
    display: inline-block;
    background: url(../img/front/icon/icon_cart.png) no-repeat 0 0;
    background-size: 19px 16px;
    width: 19px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 6px;
}

.clearboth {
    clear: both;
}

.sub-navi-list.mod-shop .search-form {
    margin-top: 26px;
    width: 201px;
    display: inline-block;
    margin-right: 2px;
}
.search-form input[type=text] {
    -webkit-appearance: none;
    border: 1px solid #1c1f21;
    border-radius: 0;
    background-color: #fff;
    color: #1c1f21;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 4px 7px;
    width: 100%;
    padding-right: 17px;
}
.search-form input[type=submit] {
    background: url("../img/front/icon/icon_search.png") no-repeat 0;
    background-size: 13px 12px;
    width: 13px;
    height: 12px;
    position: absolute;
    top: 50%;
    height: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 7px;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
}


/* header parts */
.header-inner .gnavi-list-item {
    display: block;
    line-height: 1;
}

.gnavi {
    position: relative;
    z-index: 1;
    margin-top: 74px;
    margin-left: 79px;
    line-height: 45px;
    line-height: 35px;
    list-style: none;
    width: 25%;
}
.gnavi-list-item {
    /*display: table;*/
    position: relative;
    font-size: 15px;
    font-weight: 700;
    padding-left: 18px;
    padding-right: 100px;
    letter-spacing: 1.5px;
}

.gnavi-list-item>* {
    margin-left: 21px;
}

.gnavi-list-item>li::before {
    display: inline-block;
    content: "";
    background: url("../img/front/icon/front_header_parts_paws.png") no-repeat 0 0;
    background-size: contain;
    width: 16px;
    height: 16px;
    background-position: center;
    vertical-align: middle;
    margin-right: 3px;

}

@media only screen and (max-width: 768px) {
    .pc, .slider-line-left, .slider-line-right, .slider-line-left, .paws-right, .paws-left, .front-header-parts-1, .__part-left {
        display: none;
    }
}



body.home:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    width: 100%;
}
body.home:before {
    background-color: var(--tcd-link-color);
    height: 780px;
}

.l-footer__nav, .l-footer__copyright {
    background-color: var(--tcd-link-color);
}

.__about {
    padding-top: 10px;
    background-color: var(--tcd-link-color);
    height: 100%;
}
.__part-left {
    position: absolute;
    width: 100%;
    background: url("../img/front/icon/front_article_parts_1.png") no-repeat 0 0;
    background-size: contain;
    height: 450px;
    background-position: left 0;
    aspect-ratio: auto;
    left: 0;
}
.__part-right {
    position: absolute;
    width: 100%;
    background: url("../img/front/icon/front_article_parts_2.png") no-repeat 0 0;
    background-size: contain;
    height: 450px;
    background-position: right 0;
    aspect-ratio: auto;
    right: 0;

    /* aspect-ratio: auto;*/
}
/*.p-archive--post-item {
    width: calc((100% - 40px) / 1)!important;
}*/

.paws-right {
    position: absolute;
    width: 100%;
    background: url("../img/front/icon/front_article_parts_paws_right.png") no-repeat 0 0;
    background-size: contain;
    height: 100px;
    background-position: right 0;
    right: 35px;
    
}
.paws-left {
    position: absolute;
    width: 100%;
    background: url("../img/front/icon/front_article_parts_paws_left.png") no-repeat 0 0;
    background-size: contain;
    height: 100px;
    background-position: left 0;
    left: 35px;
    bottom: 0;
}
/*
.p-archive--news-item {
    width: 100%!important;
}
*/

.q_frame2 {

    border-color:  #ddd!important;

}
.q_frame2 .q_frame_label {
    color: black!important;
}

.l-footer__banners-item {
    width: calc((100% - 60px) / 2)!important;
}

.p-archive03-item-thumbnail-image-bg {
    position: static!important;
}
.p-archive04-item {
    width: calc(((100% + var(--tcd-product-loop-item-margin-hn)) / 3) - var(--tcd-product-loop-item-margin-hn));
    position: relative;
}

.p-archive05-item {
    width: calc(((100% + 30px) / 2) - 30px);

    position: relative;
    background-color: var(--tcd-accent-color);
    /*color: white;*/
   /* background-color: rgba(248, 248, 255, 0.49);*/
}

.p-archive05-item-thumbnail-image {
    height: 235px;
}

.p-archive05-item-info {
    margin-bottom: 50px;
}

.f_title {
    font-size: 28px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.f_sub_title {
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.76923;
    padding: 0 1em;
}

.visual-area .visual-block:first-child {
    margin-right: 15px;
}
.visual-area .visual-block {
    display: inline-block;
    letter-spacing: normal;
    width: 371.5px;
    width: 48%;
    width: calc(((100% + var(--tcd-product-loop-item-margin-hn)) / 2) - var(--tcd-product-loop-item-margin-hn))!important;
    /*height: 300px;*/
    /*background-color: #fff;*/
   /* padding: 0 0 6px;*/
    position: relative;
    overflow: hidden;
    /*background-color: #000;*/
}

.visual-area .visual-block a img {
    margin: 0 auto;
}

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

    body.home:before {
        display: none;
    }
    .fp-original-banner-mode1 {
        height: 220px;
        width:98%;
    }

 /*   .p-archive--post-item {
        width: 100%!important;
    }*/
    
    .l-footer__banners-item {
        width: 100%!important;
    }

    .visual-area .visual-block {
        width: calc(((100% + var(--tcd-product-loop-item-margin-hn)) / 2) - var(--tcd-product-loop-item-margin-hn))!important;
    }

    .p-archive05-item-thumbnail-image {
        /*高さを初期値*/
        height: auto;
    }

    .p-archive05-item-info {
        margin-bottom: 0;
    }

    .f_title {
        font-size: 16px;
        margin-top: 10px;
    }

    .f_sub_title {
        font-size: 13px;
        margin-top: 5px;
    }

    .p-archive05-item {
        width: calc(((100% + 20px) / 2) - 20px);
    }
    
}