/** Shopify CDN: Minification failed

Line 2846:12 Expected identifier but found "20px"
Line 3138:14 Expected ":"

**/
/*!
 * guide
 */

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

/* overwrite */

li {
    list-style: none;
}

body.layout-class-A header {
    border-bottom: 1px solid #f5f0e6;
}

body.layout-class-A header .upper .navbar-toggle {
    right: 0;
}

body.layout-class-A main#main h1 {
    padding-bottom: 0;
    padding-top: 0;
}

main {
    max-width: initial;
    min-height: initial;
    margin: auto;
    max-width: none;
}

main hr.thick {
    border-bottom: 5px solid #f5f0e6;
}

.footer .footer-inner {
    max-width: none;
}

a {
    color: #3c3c3c;
    text-decoration: underline;
    transition: 0.2s ease-in-out;
}

body.layout-class-A header .brand-links-wrap {
    display: none;
}

.pconly {
    display: none;
}

.img-radius {
    border-radius: 5px;
    overflow: hidden;
}

.notes {
    background-color: #ffebeb;
    font-size: 0.875rem;
    padding: 20px;
}

.notes b {
    display: block;
    margin-bottom: 5px;
}

.comments {
    font-size: 1.375rem;
    font-style: normal;
    margin-left: 2px;
    margin-right: 2px;
}

.hdg[data-heading="01"] {
    background-color: #f5f0e6;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 5px 15px;
}

.hdg[data-heading="02"] {
    background-image: url(../images/article/icn_footmark.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    background-size: 19px auto;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 25px;
    padding-left: 25px;
}

.hdg[data-heading="03"] {
    font-size: 1.0625rem;
    margin-bottom: 10px;
    margin-top: 20px;
}

.disc,
.asterisk,
.decimal {
    margin-bottom: 0;
    margin-top: 15px;
    padding-left: 0;
}

.disc > li {
    font-size: 1rem;
    margin-top: 0.95rem;
    padding-left: 25px;
    position: relative;
}

.disc > li:first-child,
.asterisk > li:first-child,
.decimal > li:first-child {
    margin-top: 0;
}

.disc > li:before {
    content: "";
    background-color: #bfb299;
    border-radius: 100%;
    display: block;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 8px;
    width: 10px;
}

.asterisk > li {
    font-size: 1rem;
    margin-top: 0.5rem;
    padding-left: 20px;
    position: relative;
}

.asterisk > li:before {
    content: "�?��";
    left: 5px;
    position: absolute;
    top: -2px;
}

.decimal > li {
    counter-increment: serial;
    font-size: 1rem;
    margin-top: 0.75rem;
    padding-left: 23px;
    position: relative;
}

.decimal > li::before {
    content: counter(serial) ".";
    left: 0;
    position: absolute;
    top: 0;
}

.col-side {
    display: block;
    margin-top: 30px;
}

.col-side[data-side="side-2"] > div:nth-child(n + 2) {
    margin-top: 15px;
    font-weight: bold;
}

@media (min-width: 750px) {
    a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        text-decoration: none;
    }
    .pconly {
        display: block;
    }
    .sponly {
        display: none;
    }
    .img-radius {
        border-radius: 10px;
    }
    .notes {
        padding: 30px;
    }
    .hdg {
        margin-left: auto;
        margin-right: auto;
        max-width: 860px;
        width: 100%;
    }
    .hdg[data-heading="01"] {
        font-size: 1.125rem;
        margin-top: 50px;
    }
    .hdg[data-heading="02"] {
        background-size: 22px auto;
        margin-bottom: 15px;
        margin-top: 30px;
        padding-left: 34px;
    }
    .disc,
    .asterisk,
    .decimal {
        margin-top: 25px;
    }
    .disc > li {
        margin-top: 1.25rem;
        padding-left: 20px;
    }
    .disc > li:before {
        height: 10px;
        left: 0;
        top: 7px;
        width: 10px;
    }
    .asterisk > li {
        padding-left: 15px;
    }
    .asterisk > li:before {
        left: 0;
    }
    .decimal > li {
        margin-top: 1.25rem;
    }
    .col-side {
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        max-width: 860px;
        width: 100%;
    }
    .col-side[data-side="side-2"] > div {
        width: 48%;
    }
    .col-side[data-side="side-2"] > div:nth-child(n + 2) {
        margin-top: 0;
    }
    .col-side[data-side="side-2"] > div:nth-child(n + 3) {
        margin-top: 30px;
    }
}

.breadcrumbs {
    overflow-x: auto;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    font-size: 0.6875rem;
    min-height: 30px;
    margin-bottom: initial;
    padding-left: 10px;
    white-space: nowrap;
    /* margin-left: auto;
	margin-right: auto; */
    /* max-width: 940px;
	width: 100%; */
}

.breadcrumbs ul li {
    padding-right: 10px;
}

.breadcrumbs ul li::before {
    color: #000;
    content: "/";
    padding-right: 10px;
}

.breadcrumbs ul li:first-child::before {
    content: "";
    padding-left: initial;
    padding-right: initial;
}

.breadcrumbs ul li a {
    color: #3c3c3c;
    text-decoration: none;
}

.breadcrumbs ul li span {
    color: #c9c9c9;
}

@media (min-width: 750px) {
    .breadcrumbs {
        padding-left: 10px;
        padding-right: 10px;
    }
    .breadcrumbs ul {
        padding-left: initial;
        white-space: initial;
        margin-left: auto;
        margin-right: auto;
        max-width: 940px;
        width: 100%;
    }
}

/*!
   * guide kitten index
   ------------------------------*/

/* kv */

.kv {
    margin-bottom: 40px;
}

.kv img {
    height: auto;
    max-width: 100%;
}

@media (min-width: 750px) {
    .kv {
        margin-bottom: 0;
        padding-bottom: 40px;
        padding-top: 40px;
        text-align: center;
    }
}

/* catguide-list-wrap */

.catguide-list-wrp hr.thick {
    margin-top: 70px;
}

@media (min-width: 750px) {
    .catguide-list-wrp {
        background-color: #fdfcfa;
    }
    .catguide-list-wrp hr.thick {
        margin-top: 35px;
    }
}

/* category-list-wrap */

.category-list-wrap {
    margin-bottom: 50px;
}

.category-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.category-list > li {
    max-width: 340px;
    width: 48.5%;
}

.category-list > li:nth-child(n + 3) {
    margin-top: 10px;
}

.category-list > li > a {
    background-color: #f5f0e6;
    border-radius: 5px;
    color: #ff1414;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    height: 50px;
    padding-right: 26px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.category-list > li > a::after {
    background-image: url(../images/article/menu_arr.png);
    background-size: cover;
    content: "";
    height: 7px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 14px;
    transform: translateY(-50%);
}

.category-list[data-category-dog="tab-dog"] > li > a {
    color: #0000a0;
}

.category-list[data-category-dog="tab-dog"] > li > a::after {
    background-image: url(../images/article/menu_arr.png);
}

.category-list > li.active > a {
    font-weight: bold;
}

.category-list > li > a:hover {
    text-decoration: none;
}

.category-list > li > a br {
    display: none;
}

@media (min-width: 750px) {
    .category-list-wrap {
        background-color: #f9f6f0;
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .category-list {
        display: table;
        flex-wrap: initial;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 980px;
        width: 100%;
    }
    .category-list > li {
        background-image: url(../images/article/menu_divider.png);
        background-position: right top;
        background-repeat: no-repeat;
        display: table-cell;
        padding-right: 12px;
        vertical-align: middle;
    }
    .category-list[data-menu="tab-cat"] > li {
        width: 14.3%;
    }
    .category-list[data-category-dog="tab-dog"] > li {
        width: 13.5%;
    }
    .category-list > li:nth-child(n + 3) {
        margin-top: 0;
    }
    .category-list > li:last-child {
        background-image: none;
        padding-right: 0;
        max-width: 150px;
    }
    .category-list > li > a {
        background-color: transparent;
        font-size: 1rem;
        height: 80px;
        padding-right: 0;
    }
    .category-list > li > a::after {
        bottom: 0;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%, 0);
    }
    .category-list > li > a:hover {
        text-decoration: none;
    }
    .category-list > li > a br {
        display: block;
    }
}

/* box-article-list */

.box-article-list {
    padding-left: 15px;
    padding-right: 15px;
}

.box-article-list img {
    height: auto;
    max-width: 100%;
}

.box-article-list .box-article {
    border-bottom: 1px solid #f5f0e6;
}

.box-article-list .box-article:first-child {
    border-top: 1px solid #f5f0e6;
}

.box-article-list .box-article > a {
    display: flex;
    justify-content: space-between;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
    text-decoration: none;
}

.box-article-list .box-article .article-img {
    width: 47.8%;
}

.box-article-list .box-article .article-info {
    width: 50%;
}

.box-article-list .box-article .article-info .article-ttl {
    color: #3c3c3c;
    font-size: 0.9375rem;
    margin-bottom: auto;
    text-align: left;
    padding-top: 0;
    padding-bottom: 13px;
}

.box-article-list .box-article .article-info .article-txt {
    display: none;
}

.box-article-list .box-article .article-info .article-category {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box-article-list .box-article .article-info .article-category > p {
    border: 1px solid #ff1414;
    border-radius: 22px;
    color: #ff1414;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    height: 22px;
    margin-bottom: 6px;
    margin-right: 4px;
    padding: 0 10px;
}

.box-article-list[data-category-dog="dog"]
    .box-article
    .article-info
    .article-category
    > p {
    border: 1px solid #0000a0;
    color: #0000a0;
}

.box-article-list .box-article > a:hover {
    text-decoration: none;
}

@media (min-width: 750px) {
    .box-article-list {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 26px;
        max-width: 920px;
        width: 100%;
    }
    .box-article-list .box-article {
        background-color: #fff;
        border-bottom: none;
        box-shadow: 0px 0px 8px 3px #f5f0e6;
        margin-top: 30px;
        margin-left: 2.39%;
        max-width: 292px;
        width: 30.2%;
    }
    .box-article-list .box-article:first-child {
        border-top: none;
    }
    .box-article-list .box-article > a {
        display: block;
        padding: 20px;
    }
    .box-article-list .box-article .article-img {
        width: auto;
    }
    .box-article-list .box-article .article-info {
        width: auto;
    }
    .box-article-list .box-article .article-info .article-ttl {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .box-article-list .box-article .article-info .article-txt {
        color: #3c3c3c;
        display: block;
        font-size: 0.8125rem;
        padding: 0 0 15px;
    }
}

/* transition-btn */

.transition-btn {
    margin-bottom: 50px;
    margin-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
}

.transition-btn p:nth-child(n + 2) {
    margin-top: 30px;
}

.transition-btn .btn-puppy,
.transition-btn .btn-kitten {
    margin-bottom: 0;
}

.transition-btn .btn-puppy a,
.transition-btn .btn-kitten a {
    border-radius: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    line-height: 1.3;
    text-decoration: none;
}

.transition-btn .btn-puppy a {
    background-color: #0000a0;
}

.transition-btn .btn-kitten a {
    background-color: #ff1414;
}

@media (min-width: 750px) {
    .transition-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 70px;
        margin-top: 70px;
    }
    .transition-btn p:nth-child(n + 2) {
        margin-top: 0;
    }
    .transition-btn .btn-puppy,
    .transition-btn .btn-kitten {
        margin-left: 5px;
        margin-right: 5px;
    }
    .transition-btn .btn-puppy a,
    .transition-btn .btn-kitten a {
        height: 50px;
        width: 230px;
    }
}

/*!
   * guide kitten detail
   ------------------------------*/

/* article-top */

.article-top {
    background-color: #f5f0e6;
    padding-bottom: 39.5px;
    padding-left: 18.5px;
    padding-right: 18.5px;
    padding-top: 28.5px;
}

.article-top .article-top-upper {
    padding-left: 20px;
    padding-right: 20px;
}

.article-top .article-img img {
    border-radius: 5px;
    height: auto;
    max-width: 100%;
    overflow: hidden;
}

.article-top .article-ttl {
    padding-bottom: 24px;
    padding-top: 45px;
}

body.layout-class-A main#main .article-top .article-ttl .mod-ttl-cts {
    color: #ff1414;
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 12px;
}

body.layout-class-A
    main#main
    .article-top[data-article-top="dog"]
    .article-ttl
    .mod-ttl-cts {
    color: #0000a0;
}

.article-top .article-ttl .article-category {
    display: flex;
    flex-wrap: wrap;
}

.article-top .article-ttl .article-category > p {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    margin-right: 5px;
}

.article-top .article-ttl .article-category > p span {
    border: 1px solid #ff1414;
    border-radius: 22px;
    color: #ff1414;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    height: 22px;
    padding: 0 10px;
}

.article-top[data-article-top="dog"] .article-ttl .article-category > p span {
    border: 1px solid #0000a0;
    color: #0000a0;
}

.article-top .article-ttl .txt {
    font-size: 0.875rem;
    margin-bottom: 0;
    margin-top: 20px;
}

.article-top .txtbox {
    background-color: #fff;
    border-radius: 5px;
    font-size: 0.875rem;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}

.article-top .txtbox .txt {
    margin-bottom: 0;
}

@media (min-width: 750px) {
    .article-top {
        padding-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 40px;
    }
    .article-top .cts-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 786px;
        width: 100%;
    }
    .article-top .article-top-upper {
        display: flex;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }
    .article-top .article-img,
    .article-top .article-ttl {
        width: 373px;
    }
    .article-top .article-img img {
        border-radius: 10px;
    }
    .article-top .article-ttl {
        padding-bottom: 0;
        padding-top: 0;
    }
    body.layout-class-A main#main .article-top .article-ttl .mod-ttl-cts {
        font-size: 2.25rem;
        font-weight: bold;
    }
    .article-top .article-ttl .article-category > p {
        justify-content: initial;
    }
    .article-top .article-ttl .article-category > p span {
        font-size: 0.875rem;
        height: 30px;
        padding: 0 20px;
    }
    .article-top .txtbox {
        border-radius: 10px;
        font-size: 1rem;
        font-weight: bold;
        margin-top: 40px;
        padding-bottom: 25px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 25px;
    }
}

/* article-wrp */

.article-wrp {
    line-height: 1.7;
    padding-top: 55px;
    padding-bottom: 70px;
}

.article-wrp .cts-inner {
    padding-left: 10px;
    padding-right: 10px;
}

.article-wrp .txtbox[data-txtbox="txtonly"] {
    margin-top: 30px;
}

.article-wrp .imgbox[data-txtbox="imgonly"] {
    text-align: center;
}

.article-wrp .imgbox[data-txtbox="imgonly"] .img {
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 66%;
}

.article-wrp .imgbox[data-txtbox="imgonly"] .img img {
    max-width: 100%;
    height: auto;
}

.article-wrp .imgbox[data-txtbox="imgonly"] .img[data-img="sp_wf"] {
    width: 100%;
}

.article-wrp .each-txtbox + .each-txtbox {
    margin-top: 50px;
}

.article-wrp .txtbox[data-txtbox="txtonly"] + .each-txtbox {
    margin-top: 30px;
}

.article-wrp .each-txtbox[data-imgsize="s"] .each-txtbox-inside .inner-imgbox {
    width: 51%;
}

.article-wrp .each-txtbox[data-imgsize="m"] .each-txtbox-inside .inner-imgbox {
    width: 69%;
}

.article-wrp .txtbox + .imgbox,
.article-wrp .imgbox + .imgbox {
    margin-top: 30px;
}

.article-wrp .mod-ttl-sub {
    background-color: #f5f0e6;
    border-radius: 5px;
    color: #3c3c3c;
    font-size: 1.375rem;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 65px;
    padding: 15px;
}

.article-wrp .mod-ttl-sub:first-child {
    margin-top: 0;
}

.article-wrp .inner-imgbox {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 66%;
}

.article-wrp .inner-imgbox img {
    border-radius: 5px;
    height: auto;
    max-width: 100%;
    overflow: hidden;
}

.article-wrp .each-txtbox > .txt-lead {
    display: none;
}

.article-wrp .txt-lead {
    background-size: 4px auto;
    display: block;
}

.article-wrp .inner-txtbox + .inner-txtbox {
    margin-top: 30px;
}

.article-wrp .txtbox + .txtbox {
    margin-top: 30px;
}

.article-wrp .txt-lead {
    background-image: url(../images/article/dot.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #ff1414;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.article-wrp[data-dog="dogwrap"] .txt-lead {
    background-image: url(../images/article/dot.png);
    color: #0000a0;
}

.article-wrp[data-dog="dogwrap"] .txt-lead[data-lead="lead-outside"] {
    margin-left: auto;
    margin-right: auto;
    max-width: 862px;
    width: 100%;
}

.article-wrp .txt {
    margin-bottom: 0;
}

.article-wrp .txt + .txt-lead,
.article-wrp .hdg[data-heading="01"] + .txt-lead,
.article-wrp .hdg[data-heading="02"] + .txt-lead,
.article-wrp .hdg[data-heading="03"] + .txt-lead {
    margin-top: 30px;
}

.article-wrp .txt-lead + .hdg,
.article-wrp .txt-lead + .col-side {
    margin-top: 0;
}

.article-wrp .lnk {
    margin-bottom: 0;
    margin-top: 15px;
}

.article-wrp .lnk a,
.mod-txtlink {
    color: #3c3c3c;
    display: block;
    position: relative;
    padding-left: 17px;
    text-decoration: underline;
}

.article-wrp .lnk a:before,
.mod-txtlink:before {
    border-style: solid;
    border-width: 6.25px 0 6.25px 6px;
    border-color: transparent transparent transparent #ff1414;
    content: "";
    left: 0;
    position: absolute;
    top: 5px;
}

.article-wrp .footprint {
    margin-bottom: 0;
    padding-left: 0;
}

main .article-wrp .footprint > li {
    background-image: url(../images/article/icn_footmark.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    background-size: 19px auto;
    margin-top: 1rem;
    padding-left: 25px;
}

main .article-wrp .footprint > li:first-child {
    margin-top: 0;
}

@media (min-width: 750px) {
    .article-wrp {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .article-wrp .cts-inner {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 920px;
        width: 100%;
    }
    .article-wrp .each-txtbox,
    .article-wrp .txtbox[data-txtbox="txtonly"] {
        margin-left: auto;
        margin-right: auto;
        max-width: 860px;
        width: 100%;
    }
    .article-wrp .txtbox[data-txtbox="txtonly"] {
        margin-top: 50px;
    }
    .article-wrp .each-txtbox + .txtbox[data-txtbox="txtonly"] {
        margin-top: 50px;
    }
    .article-wrp .hdg + .txtbox[data-txtbox="txtonly"] {
        margin-top: 0;
    }
    .article-wrp .each-txtbox .each-txtbox-inside {
        display: flex;
        justify-content: space-between;
    }
    .article-wrp .each-txtbox.txtbox-r .each-txtbox-inside {
        flex-direction: row-reverse;
    }
    .article-wrp .each-txtbox + .each-txtbox {
        margin-top: 50px;
    }
    .article-wrp .txtbox[data-txtbox="txtonly"] + .each-txtbox {
        margin-top: 50px;
    }
    .article-wrp .mod-ttl-sub {
        background-color: #f5f0e6;
        border-radius: 10px;
        color: #3c3c3c;
        font-size: 1.375rem;
        font-weight: normal;
        margin-bottom: 30px;
        margin-top: 65px;
        padding: 15px;
        text-align: center;
    }
    .article-wrp .mod-ttl-sub:first-child {
        margin-top: 0;
    }
    .article-wrp .inner-imgbox,
    .article-wrp
        .each-txtbox[data-imgsize="m"]
        .each-txtbox-inside
        .inner-imgbox {
        margin-bottom: 0;
        width: 47.7%;
    }
    .article-wrp .inner-imgbox img {
        border-radius: 10px;
    }
    .article-wrp .each-txtbox.txtbox-r .each-txtbox-inside .inner-imgbox {
        margin-right: initial;
    }
    .article-wrp .each-txtbox.txtbox-l .each-txtbox-inside .inner-imgbox {
        margin-left: initial;
        margin-right: auto;
    }
    .article-wrp .inner-txtbox {
        line-height: 1.7;
        width: 47.7%;
    }
    .article-wrp
        .each-txtbox[data-column="col-type01"].txtbox-r
        .each-txtbox-inside
        .inner-imgbox,
    .article-wrp
        .each-txtbox[data-column="col-type01"].txtbox-l
        .each-txtbox-inside
        .inner-imgbox {
        width: 23.85%;
    }
    .article-wrp
        .each-txtbox[data-column="col-type01"].txtbox-r
        .each-txtbox-inside
        .inner-txtbox,
    .article-wrp
        .each-txtbox[data-column="col-type01"].txtbox-l
        .each-txtbox-inside
        .inner-txtbox {
        width: 71.55%;
    }
    .article-wrp .imgbox[data-txtbox="imgonly"] .img[data-img="sp_wf"] {
        width: auto;
    }
    .article-wrp .mod-ttl-sub + .txtbox[data-txtbox="txtonly"] {
        margin-top: 0;
    }
    .article-wrp .txtbox + .txtbox {
        margin-top: 50px;
    }
    .article-wrp .each-txtbox > .txt-lead {
        display: block;
    }
    .article-wrp .inner-txtbox .txt-lead {
        display: none;
    }
    .article-wrp .inner-txtbox + .inner-txtbox {
        margin-top: 50px;
    }
    .article-wrp .txtbox + .imgbox,
    .article-wrp .imgbox + .imgbox {
        margin-top: 50px;
    }
    .article-wrp .txt-lead {
        background-size: auto;
        font-size: 1.25rem;
        margin-bottom: 20px;
    }
    .article-wrp .txt {
        margin-bottom: 0;
    }
    .article-wrp .txt + .txt-lead,
    .article-wrp .hdg[data-heading="01"] + .txt-lead,
    .article-wrp .hdg[data-heading="02"] + .txt-lead,
    .article-wrp .hdg[data-heading="03"] + .txt-lead {
        margin-top: 50px;
    }
    .article-wrp .lnk a,
    .mod-txtlink {
        text-decoration: none;
    }
    .article-wrp .lnk a:hover,
    .mod-txtlink:hover {
        text-decoration: underline;
    }
    main .article-wrp .footprint > li {
        background-size: 22px auto;
        font-size: 1rem;
        margin-top: 1rem;
        padding-left: 34px;
    }
}

/* cat-summary */

.cat-summary {
    background-color: #f5f0e6;
    margin-top: 65px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 100px;
}

.cat-summary .txt-lead {
    border-bottom: none;
    color: #ff1414;
    font-size: 0.9375rem;
    font-weight: normal;
    padding-bottom: 0;
    position: relative;
    text-align: center;
}

.cat-summary[data-summay="dog"] .txt-lead {
    color: #0000a0;
}

.cat-summary .txt-lead::before {
    background-image: url(../images/article/catmark.png);
    background-size: cover;
    content: "";
    height: 54px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 57px;
    transform: translate(-50%, -125%);
}

.cat-summary[data-summay="dog"] .txt-lead::before {
    background-image: url(../images/article/dogmark.png);
    height: 56px;
    width: 67px;
}

.cat-summary .txt {
    font-size: 0.9375rem;
    margin-bottom: 0;
}

@media (min-width: 750px) {
    .cat-summary .cat-summary-inside {
        margin-left: auto;
        margin-right: auto;
        max-width: 660px;
        width: 100%;
    }
    .cat-summary .txt-lead {
        font-size: 1rem;
        font-weight: bold;
    }
    .cat-summary .txt {
        font-size: 1rem;
    }
}

/* catguide-backnumber */

.catguide-backnumber {
    padding-top: 75px;
}

.catguide-backnumber .mod-ttl-cts {
    color: #3c3c3c;
    font-size: 1.5625rem;
    margin-bottom: 35px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}

.catguide-backnumber .list-backnumber {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.catguide-backnumber .list-backnumber ul {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.catguide-backnumber .list-backnumber ul > li {
    border-bottom: 1px solid #f5f0e6;
}

.catguide-backnumber .list-backnumber ul > li a {
    display: flex;
    align-items: center;
    min-height: 53px;
    height: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: none;
}

.catguide-backnumber .list-backnumber ul > li a:hover {
    text-decoration: underline;
}

.catguide-backnumber .list-backnumber ul > li a span {
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
}

.catguide-backnumber .list-backnumber ul > li a span::before {
    border-style: solid;
    border-width: 6.25px 0 6.25px 6px;
    border-color: transparent transparent transparent #ff1414;
    content: "";
    left: 0;
    position: absolute;
    top: 4px;
}

.catguide-backnumber[data-backnumber="dog"]
    .list-backnumber
    ul
    > li
    a
    span::before {
    border-color: transparent transparent transparent #0000a0;
}

.catguide-backnumber .list-backnumber .btn-expand {
    display: block;
    margin-top: 65px;
    font-size: 1.0625rem;
    position: relative;
    text-align: center;
}

.catguide-backnumber .list-backnumber .btn-expand::after {
    border-bottom: 1px solid #ff1414;
    border-right: 1px solid #ff1414;
    content: "";
    height: 12.5px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 12.5px;
    transform: translateX(-50%) rotate(45deg);
}

.catguide-backnumber[data-backnumber="dog"]
    .list-backnumber
    .btn-expand::after {
    border-bottom: 1px solid #0000a0;
    border-right: 1px solid #0000a0;
}

.catguide-backnumber .list-backnumber .btn-expand a {
    color: #3c3c3c;
    text-decoration: none;
}

.catguide-backnumber .list-backnumber.open .btn-expand {
    display: none;
}

.catguide-backnumber + .transition-btn {
    margin-bottom: 130px;
}

@media (min-width: 750px) {
    .catguide-backnumber {
        padding-top: 55px;
    }
    .catguide-backnumber .cts-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 860px;
        width: 100%;
    }
    .catguide-backnumber .mod-ttl-cts {
        font-size: 1.75rem;
        text-align: center;
    }
    .catguide-backnumber .list-backnumber {
        padding-left: 0;
        padding-right: 0;
    }
    .catguide-backnumber .list-backnumber ul {
        display: flex;
        flex-wrap: wrap;
    }
    .catguide-backnumber .list-backnumber ul > li {
        margin-right: 10px;
        -webkit-width: calc((100% - 30px) / 3);
        width: calc((100% - 30px) / 3);
    }
    .catguide-backnumber .list-backnumber ul > li:nth-child(3n) {
        margin-right: 0;
    }
    .catguide-backnumber .list-backnumber ul > li a {
        min-height: 53px;
        height: 100%;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .catguide-backnumber .list-backnumber ul > li a span {
        padding-left: 39px;
        padding-right: 0;
    }
    .catguide-backnumber .list-backnumber ul > li a span::before {
        border-width: 7px 0 7px 7px;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    .catguide-backnumber .list-backnumber .btn-expand {
        display: none;
    }
    .catguide-backnumber + .transition-btn {
        margin-bottom: 70px;
    }
}

.catguide-list-wrp {
    padding-bottom: 100px;
}

.catguide-backnumber {
    padding-bottom: 100px;
}

.article-wrp {
    background: #fff;
}

.oct-card--series .oct-card__media {
    margin: 0 0 10px 0;
}

.oct-card-carousel__container {
    height: 330px !important;
}

.oct-background {
    /* background: none; */
}

.oct-ranking-carousel .oct-paddlenav {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 25%;
    width: 100%;
}

@media screen and (min-width: 769px) {
    .oct-browsing-history__content {
        width: 900px;
    }
    .oct-ranking-carousel {
        width: 850px;
        margin: 0 auto;
        padding: 0;
        overflow: visible;
    }
    .oct-ranking-carousel .oct-paddlenav {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 20%;
        width: 100%;
    }
    .c-pageTtl.-dogSupremo .c-pageTtl__catch {
        color: #fff;
        text-align: left;
        line-height: 1.9;
        top: 60%;
    }
    .c-pageTtl.-dogSupremo .c-pageTtl__ttl {
        top: 60%;
        transform: translate(-500px, -130%);
    }
}

.oct-typography--caption {
    text-align: right;
}

.oct-browsing-history__background {
    background: none;
}

/* float */

#float {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 99999;
}

#float a {
    display: block;
    margin: 10px 0;
}

@media only screen and (max-width: 768px) {
    #float a {
        max-width: 90px;
    }
}

/* FV */

#fv_area,
#kv_01 {
    background: url("/cdn/shop/files/bg__medium_3fdfff77-1e7a-4794-9767-82ed01227030.jpg?v=1750209272")
        repeat;
}

#fv_area h2 {
    padding: 20px;
}

.center {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.notis {
    padding: 20px;
    text-align: center;
    font-size: 80%;
    color: #635346;
}

.catch .p-simpleTwoClm__right .p-simpleTwoClm__figure img {
    width: 71.47vw;
    height: auto !important;
    margin-bottom: 4vw;
}

.under_red {
    font-size: 110%;
    border-bottom: double #940000;
}

.fv_text_img {
    width: 100%;
    margin: 0 auto 40px;
    display: block;
}

.fv_text_img a {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .c-pageTtl.-dogSupremo .c-pageTtl__ttl {
        height: 140vw;
        background: url(../images/sample/kv_cat-sp.jpg) no-repeat center top;
        background-size: cover;
        margin-bottom: 6.14vw;
        padding-top: 90.74vw;
    }
    .c-pageTtl.-dogSupremo .c-pageTtl__ttl__padding {
        padding-top: 11.94vw !important;
        height: 59.87vw !important;
        background-size: cover !important;
        margin-bottom: 6.14vw !important;
    }
    .c-pageTtl .c-pageTtl__catch {
        text-align: center;
        font-size: 3.74vw;
        line-height: 1.6;
        color: #fff;
        margin-top: -40vw;
    }
    #fv_text {
        padding: 20px;
    }
    .catch {
        margin-bottom: 0;
    }
}

#fv_anchor ul {
    text-align: center;
    display: flex;
    justify-content: center;
}

#fv_anchor ul li {
    padding-bottom: 20px;
    margin: 10px;
}

@media only screen and (min-width: 769px) {
    #fv_anchor ul {
        padding: 0 0 50px 0;
    }
    #fv_anchor ul li {
        margin: 0px;
    }
    .c-pageTtl.-dogSupremo .c-pageTtl__logo {
        width: 500px !important;
        margin-bottom: 8px;
    }
    .c-pageTtl.-dogSupremo {
        background: url("/cdn/shop/files/mv-pc_6954fedb-4dbe-4197-b8fa-f0d3292bf50c.jpg?v=1749489759")
            no-repeat center top;
        background-size: cover;
    }
    .c-pageTtl {
        height: 42vw;
        min-height: 420px;
    }
    .catch .p-simpleTwoClm__right .p-simpleTwoClm__figure img {
        width: 100%;
        height: auto;
    }
    .catch .p-simpleTwoClm__right {
        width: 760px;
        margin: 0 auto;
    }
    .u-textSuper-S {
        top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .u-textSuper-S {
        top: 0;
    }
}

/* KV01 */

.c-pageTtl_kv1 .c-pageTtl__ttl {
    top: 50%;
}

@media only screen and (min-width: 769px) {
    .c-pageTtl_kv1 {
        background: url(../images/sample/mv_cat-pc.png) no-repeat center bottom;
        background-size: cover;
        height: 29.28vw;
        min-height: 400px;
        padding: 200px 0 145px;
        position: relative;
        text-align: center;
        color: #e5e0ca;
    }
}

@media only screen and (max-width: 768px) {
    .c-pageTtl_kv1 {
        background: url(../images/sample/mv_cat-sp.png);
        background-size: cover;
        height: 78.54vw;
        padding: 39.74vw 0 83px;
        position: relative;
        text-align: center;
        color: #e5e0ca;
    }
}

.pointList {
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .pointList {
        padding-top: 12.27vw;
    }
}

.pointList .pointList__list {
    position: relative;
    display: flex;
    justify-content: space-between;
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__list {
        width: 1000px;
        margin: 90px auto 0;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__list {
        flex-wrap: wrap;
        width: 88vw;
        margin: 52px auto 0;
    }
}

.pointList .pointList__item {
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    color: #703117;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item {
        width: 230px;
        height: 230px;
        font-size: 20px;
        padding-top: 96px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item {
        width: 42.67vw;
        height: 45.34vw;
        font-size: 3.74vw;
        padding-top: 18.67vw;
    }
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item:hover {
        background: rgba(255, 255, 255, 0.8);
        transform: translateY(4px);
    }
    .pointList .pointList__item:hover::after {
        bottom: 12px;
    }
}

.pointList .pointList__item::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item:first-child {
        margin-bottom: 18.14vw;
    }
}

.pointList .pointList__item:first-child::before {
    background: url(../images/na/na/img-01.png);
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item:first-child::before {
        width: 232px;
        height: 141px;
        background-size: 232px 141px !important;
        top: -50px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item:first-child::before {
        width: 45.87vw;
        height: 28vw;
        background-size: 45.87vw 28vw !important;
        top: -10.66vw;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item:nth-child(2) {
        margin-bottom: 18.14vw;
    }
}

.pointList .pointList__item:nth-child(2)::before {
    background: url(../images/na/na/img-02.png);
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item:nth-child(2)::before {
        width: 157px;
        height: 154px;
        background-size: 157px 154px !important;
        top: -60px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item:nth-child(2)::before {
        width: 31.74vw;
        height: 31.2vw;
        background-size: 31.74vw 31.2vw !important;
        top: -13.33vw;
    }
}

.pointList .pointList__item:nth-child(3)::before {
    background: url(../images/na/na/img-03.png);
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item:nth-child(3)::before {
        width: 163px;
        height: 136px;
        background-size: 163px 136px !important;
        top: -55px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item:nth-child(3)::before {
        width: 33.6vw;
        height: 28.27vw;
        background-size: 33.6vw 28.27vw !important;
        top: -10.66vw;
    }
}

.pointList .pointList__item:last-child::before {
    background: url(../images/sample/cat_feature4.png);
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item:last-child::before {
        width: 183px;
        height: 142px;
        background-size: 183px 142px !important;
        top: -61px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item:last-child::before {
        width: 37.87vw;
        height: 29.34vw;
        background-size: 37.87vw 29.34vw !important;
        top: -12.53vw;
    }
}

.pointList .pointList__item::after {
    content: "";
    display: block;
    position: absolute;
    /* background: url(https://nutro.jp/wp-content/themes/nutro/assets/img/cmn/icon_arrow-dark.svg); */
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__item::after {
        width: 8px;
        height: 15px;
        background-size: 8px 15px !important;
        bottom: 16px;
        transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__item::after {
        width: 2.14vw;
        height: 4vw;
        background-size: 2.14vw 4vw !important;
        bottom: 4vw;
    }
}

.pointList .pointList__num {
    font-family: "Crimson Text", serif;
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__num {
        font-size: 28px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__num {
        font-size: 5.34vw;
    }
}

.pointList .pointList__ancker {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: none !important;
}

.pointList .pointList__ancker span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    line-height: 1.4;
    letter-spacing: 0.04em;
}

@media only screen and (min-width: 769px) {
    .pointList .pointList__ancker span {
        bottom: 39px;
    }
}

@media only screen and (max-width: 768px) {
    .pointList .pointList__ancker span {
        bottom: 9.34vw;
    }
}

@media only screen and (max-width: 768px) {
    .p-bgTwoClm .p-bgTwoClm__ttl {
        text-align: center;
        line-height: 1.4;
    }
}

@media only screen and (min-width: 769px) {
    .p-bgTwoClm .p-bgTwoClm__btn {
        width: 378px;
    }
}

@media only screen and (max-width: 768px) {
    .p-bgTwoClm .p-bgTwoClm__btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        width: 84vw;
        height: 18.67vw;
        line-height: 1.4;
    }
}

/* point01 */

#point01 {
    background: #e1e5bf url(../images/sample/point_01_bg.jpg) no-repeat;
    background-size: 100%;
}

#point01_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
}

#point01_ttl p {
    margin: 0;
}

#point01_cnt {
    margin: 10px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.5);
}

#point01_cnt img {
    display: block;
    margin: 0 auto;
}

#point01_cnt span {
    display: block;
    padding: 0 0 30px 0;
    font-size: 20px;
    font-weight: 600;
}

.p01-movie {
    width: auto;
    margin: 10px;
    background: rgba(255, 255, 255, 0.5);
    padding: 30px;
}

@media only screen and (min-width: 769px) {
    .p_relative {
        width: 1100px;
        margin: 0 auto;
        position: relative;
    }
    #point01_cnt {
        width: 47%;
        /* max-width: 620px; */
        margin-top: 70px;
        position: absolute;
        right: 0;
        margin-right: 0;
    }
    #point01_cnt img {
        width: 45%;
        position: absolute;
        top: -45px;
        right: 0px;
    }
    .p01-movie {
        padding: 56px 30px;
        width: 1100px;
        margin: 375px auto 32px;
        background: rgba(255, 255, 255, 0.5);
        position: -webkit-sticky;
        position: sticky;
    }
    .p01-movie .p-movie__inner__cover {
        width: 100%;
        height: auto;
    }
    .p01-movie .p-movie__inner {
        height: auto;
    }
    .p01-movie ul {
        display: flex;
    }
    .p01-movie ul li {
        width: 50%;
    }
    .p01-movie ul li p {
        padding: 20px;
        line-height: 1.8em;
    }
}

/* point02 */

#point02_bg {
    background: url(../images/sample/point_02_bg_02.jpg);
    background-size: 100%;
}

#point02 {
    background: url(../images/sample/point_02_bg.jpg) no-repeat;
    background-size: 100%;
}

#point02 .l-basicSection__txt {
    color: #fff;
}

#point02_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #fff;
}

#point02_ttl p {
    margin: 0;
}

#point02_cnt {
    margin: 10px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
}

#point02_cnt span {
    display: block;
    padding: 0 0 30px 0;
    font-size: 20px;
    font-weight: 600;
}

#point02_cnt02 ul {
    margin: 10px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
    position: -webkit-sticky;
    position: sticky;
}

#point02_cnt02 ul li {
    padding: 0 10px;
}

#point02_cnt02 ul li span {
    font-size: 20px;
    font-weight: 600;
}

@media only screen and (min-width: 769px) {
    #point02 {
    }
    #point02_cnt {
        width: 47%;
        /* max-width: 620px; */
        margin-top: 50px;
        position: absolute;
        right: 0;
        margin-right: 0;
    }
    #point02_cnt02 ul {
        display: flex;
        padding: 56px 30px;
        width: 1100px;
        margin: 334px auto 32px;
    }
    #point02_cnt02 ul li {
        width: 50%;
        padding: 0 10px;
    }
    #point02_cnt02 {
        margin-top: 300px;
        padding-bottom: 50px;
    }
}

/* point03 */

#point03_bg {
    background: #e1e0c2 url(../images/sample/point_03_bg_02.jpg) center bottom
        no-repeat;
    background-size: 100%;
}

#point03 {
    background: url(../images/sample/point_03_bg.jpg) no-repeat;
    background-size: 100%;
}

#point03_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
}

#point03_ttl p {
    margin: 0;
}

#point03_cnt,
#point03_cnt02 {
    margin: 10px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
}

#point03_cnt img,
#point03_cnt02 img {
    display: block;
    margin: 0 auto;
}

#point03_cnt span {
    display: block;
    padding: 0 0 30px 0;
    font-size: 20px;
    font-weight: 600;
}

#point03_cnt03 {
    margin: 10px;
    position: -webkit-sticky;
    position: sticky;
}

#point03_cnt03 li {
    background: rgba(255, 255, 255, 0.8);
}

#point03_cnt03 li p {
    padding: 30px;
    line-height: 1.8em;
}

#point03_cnt03 li span {
    text-align: center;
    display: block;
    font-size: 19px;
    font-weight: 600;
}

#point03_cnt03 .red {
    display: inline;
    font-size: 100%;
    color: #ff0000;
}

@media only screen and (min-width: 769px) {
    #point03_cnt img {
        position: absolute;
        left: -200px;
    }
    #point03_cnt {
        width: 55%;
        margin-top: 50px;
        position: absolute;
        right: 0;
        margin-right: 0;
        padding-left: 120px;
    }
    #point03_cnt02 img {
        position: absolute;
        top: -25px;
        left: -70px;
    }
    #point03_cnt02 {
        margin-top: 340px;
        margin-left: 0;
        position: absolute;
        right: 0;
        margin-right: 0;
        padding-left: 140px;
    }
    #point03_cnt03 {
        display: flex;
        justify-content: space-between;
        width: 1100px;
        margin: 0 auto;
    }
    #point03_cnt03 li {
        width: 48%;
    }
    #point03_cnt03 li img {
        max-height: 160px;
        width: auto;
        margin: 0 auto;
        display: block;
    }
    #point03_cnt03 {
        margin-top: 530px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 768) {
    #point03_cnt img {
        left: -22vw;
    }
}

/* point04 */

#point04_bg {
    background: url(../images/na/common/bg_right.jpg);
}

#point04 {
    background: url(../images/sample/point_04_bg.jpg) no-repeat;
    background-size: 100%;
}

#point04 .l-basicSection__txt {
    color: #fff;
}

#point04_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #fff;
}

#point04_ttl p {
    margin: 0;
}

#point04_cnt {
    margin: 10px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
}

#point04_cnt span {
    display: block;
    padding: 0 0 30px 0;
    font-size: 20px;
    font-weight: 600;
}

.c-ttl-01 {
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    .deliciousness-03 {
        padding: 0;
        margin: auto;
    }
    .c-ttl-01 {
        font-size: 5.34vw;
        text-align: left;
        letter-spacing: 0.08em;
    }
    .c-catch {
        font-size: 4vw !important;
        line-height: 1.9 !important;
        margin-top: 8.54vw !important;
    }
    .c-smallTxt {
        font-size: 3.47vw;
        margin-top: 3.74vw;
    }
    .c-greenBdrTtl,
    #kv_02 h1 {
        font-size: 4.8vw !important;
        padding-bottom: 3.74vw;
        margin-bottom: 5.34vw;
        letter-spacing: 0.08em;
    }
    .aboutFirst__head {
        margin-top: 30px;
    }
    .c-greenBdrTtl {
        margin-top: 5.34vw;
    }
    #point01_cnt,
    #point02_cnt,
    #point03_cnt,
    #point04_cnt,
    .p01-movie,
    #point02_cnt02,
    #point03_cnt02,
    #point03_cnt03,
    #sup_features,
    #nat_features,
    #wil_features {
        font-size: 3.47vw;
    }
    #point01_cnt span,
    #point02_cnt span,
    #point03_cnt span,
    #point04_cnt span,
    #point02_cnt02 ul li span,
    #sup_features li span,
    #nat_features li span,
    #wil_features li span {
        font-size: 4vw !important;
        line-height: 1.9;
    }
}

.c-greenBdrTtl {
    border-bottom: 2px solid #2f3c0d;
    font-weight: 600;
    color: #2f3c0d;
}

.aboutFirst__figure {
    margin: 0 0 50px 0;
}

@media only screen and (min-width: 769px) {
    #point04_cnt {
        width: 50%;
        margin-top: 50px;
        position: relative;
        right: 0;
        margin-right: 0;
    }
    #point04_cnt img {
        position: absolute;
        top: 10px;
        left: -15px;
    }
    #point04_cnt span {
        padding-left: 150px;
    }
    .c-ttl-01 {
        margin: 30px 0;
        font-size: 26px;
        text-align: center;
    }
    .aboutFirst .aboutFirst__head {
        text-align: center;
        margin: 50px auto 30px;
    }
    .c-greenBdrTtl {
        font-size: 18px !important;
        padding-bottom: 14px;
        margin-bottom: 28px !important;
        padding-top: 40px;
    }
}

/* KV02 */

#kv_02 {
    background: url(../images/na/common/bg_right.jpg);
}

#kv_02 h1 {
    text-align: center;
}

#kv_02 img {
    padding: 30px 0;
}

#kv_02_ttl {
    text-align: center;
}

#kv_02_ttl ul {
    padding: 0 20px;
    display: flex;
    justify-content: space-around;
}

#kv_02_ttl img {
    padding: 0;
}

.kv_02_head {
    width: 100%;
    height: 30px;
    margin: 0 0 50px 0;
    background: url(../images/bg__dark.jpg);
}

/* brand01 */

.b_flex {
    display: flex;
    flex-wrap: wrap;
}

.pink {
    margin: 0 5px 10px 0;
    padding: 10px 20px;
    background: #cf6685;
    color: #fff;
}

.s_ttl {
    margin: 50px 0 50px 0;
}

.osusume {
    padding: 20px;
}

.line_up_btn {
    width: 80%;
    margin: 30px auto;
    padding: 10px;
    text-align: center;
    background: #5d3518 url(../images/sample/line_up_bnt_bg.jpg) no-repeat;
    background-size: contain;
    color: #f9f6f0;
}

#brand01 {
    background: url(../images/na/common/bg_right.jpg);
    padding-bottom: 90px;
}

#brand01 a,
#brand02 a,
#brand03 a {
    text-decoration: none;
}

#brand01_container {
    margin: 0 auto;
    padding: 0 0 30px 0;
    background: #fff;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.s_ttl .under_red {
    color: #c50000;
    border-bottom: 2px solid #c50000;
}

#sup_features {
    margin: 20px;
    box-sizing: border-box;
}

#sup_features li p {
    padding: 20px;
    border: #cf6685 3px solid;
    border-radius: 9px;
}

#sup_features li span {
    color: #cf6685;
    font-weight: 600;
    font-size: 16px;
}

#sup_features li img {
    margin: 0 auto;
    display: block;
}

.item a {
    text-decoration: none;
}

.info_btn {
    width: 100px;
    padding: 20px 0 20px 50px;
    background: #cbcbcb url(../images/sample/search_icon.png) no-repeat center
        left 20px;
    border-radius: 3px;
}

.buy_btn {
    width: 150px;
    padding: 20px 0 20px 20px;
    background: #8c1e22 url(../images/sample/r_arrow.png) no-repeat center right
        12px;
    border-radius: 3px;
    color: #fff;
}

#sup_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.item ul {
    margin: 20px;
    display: flex;
    justify-content: space-evenly;
}

@media only screen and (min-width: 769px) {
    .osusume {
        padding: 0 0 0 45px;
        flex-wrap: wrap;
    }
    #brand01_container {
        width: 1100px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    }
    #sup_features {
        width: 1000px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    #sup_features li {
        width: 315px;
    }
    .item {
        width: 100%;
        margin: 30px 10px 30px 10px;
    }
    .item img {
        margin: 0 auto;
        display: block;
    }
    .c-foodsearchBtn {
        width: 590px;
        margin: 0 auto 55px;
        padding: 0 0 0 40px;
    }
}

@media only screen and (max-width: 768px) {
    #brand01,
    #brand02,
    #brand03 {
        padding: 10px 10px 70px 10px;
    }
    .item {
        width: 100% !important;
        margin: 30px auto;
    }
    .item ul {
        margin: 20px !important;
    }
    .info_btn,
    .buy_btn {
        margin: 0 auto 10px;
    }
    .info_btn {
        padding: 10px 0 10px 50px !important;
    }
    .buy_btn {
        padding: 10px 0 10px 20px !important;
    }
}

/* brand02 */

#brand02 {
    background: url(../images/na/common/bg_right.jpg);
    padding-bottom: 90px;
}

#brand02_container {
    margin: 0 auto;
    padding: 0 0 30px 0;
    background: #fff;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

#nat_features {
    margin: 20px;
    box-sizing: border-box;
}

#nat_features li p {
    padding: 20px;
    border: #d59a21 3px solid;
    border-radius: 9px;
}

#nat_features li span {
    color: #d59a21;
    font-weight: 600;
    font-size: 16px;
}

#nat_features li img {
    margin: 0 auto;
    display: block;
}

.nat_item_rev {
    width: 400px;
    margin-top: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 5%);
}

.nat_item_rev_ttl {
    font-size: 1.5em;
}

.nat_item_rev_s_ttl {
    font-size: 1.2em;
    color: #d59a21;
}

@media only screen and (max-width: 768px) {
    .nat_1 {
        background: url(../images/sample/bg_cat-01.png) no-repeat right 20px top
            10px;
        background-size: 23%;
    }
    #nat_item img {
        margin: 0 auto;
        display: block;
    }
    .nat_item_rev {
        width: 90%;
        margin: 20px auto;
        padding: 20px;
        background: #fff;
        box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 5%);
    }
}

@media only screen and (min-width: 769px) {
    #brand02_container {
        width: 1100px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    }
    #nat_features {
        width: 1000px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .nat_1 {
        background: url(../images/sample/bg_cat-01.png) no-repeat right 30px top
            15px;
        background-size: 30%;
    }
    #nat_features li {
        width: 330px;
    }
    #nat_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* brand03 */

.wil_red {
    margin: 0 5px 10px 0;
    padding: 10px 20px;
    background: #c50000;
    color: #fff;
}

.s_ttl {
    margin: 50px 0 0px 0;
}

#brand03 {
    background: url(../images/na/common/bg_right.jpg);
    padding-bottom: 90px;
}

#brand03_container {
    margin: 0 auto;
    padding: 0 0 30px 0;
    background: #fff;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

#wil_features {
    box-sizing: border-box;
    margin: 20px;
}

#wil_features li p {
    padding: 20px;
    border: #c50000 3px solid;
    border-radius: 9px;
}

#wil_features li span {
    color: #c50000;
    font-weight: 600;
    font-size: 16px;
}

#wil_features li img {
    margin: 0 auto;
    display: block;
}

.info_btn {
    width: 100px;
    padding: 20px 0 20px 50px;
    background: #cbcbcb url(../images/sample/search_icon.png) no-repeat center
        left 20px;
    border-radius: 3px;
}

.buy_btn {
    width: 150px;
    padding: 20px 0 20px 20px;
    background: #8c1e22 url(../images/sample/r_arrow.png) no-repeat center right
        12px;
    border-radius: 3px;
}

.buy_btn a {
    color: #fff;
}

.item {
    width: 35%;
}

.item ul {
    margin: 20px;
    display: flex;
    justify-content: center;
}

.item ul li {
    margin: 5px;
}

@media only screen and (min-width: 769px) {
    .osusume_wil {
        width: 720px;
    }
    #brand03_container {
        width: 1100px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    }
    #wil_features {
        width: 1000px;
        margin: 50px auto;
        display: flex;
        justify-content: space-between;
    }
    #wil_features li {
        width: 330px;
    }
    #wil_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .item {
        margin: 0px 10px 30px 10px;
    }
}

@media only screen and (max-width: 768px) {
    #sub_main p,
    #sub_con p {
        font-family: source-han-sans-cjk-ja, �⥴���å�, Yu Gothic, YuGothic,
            �ҥ饮�γѥ� Pro W3, Hiragino Kaku Gothic Pro, Roboto, Helvetica, Arial,
            sans-serif;
        color: #312215;
        width: 83.2vw;
        font-size: 3.5vw;
        line-height: 1.9;
        margin: 0 auto 7.47vw;
    }
    #sub_con h1 {
        font-family: source-han-serif-japanese, Yu Mincho, YuMincho,
            �ҥ饮����ī Pro, Hiragino Mincho Pro, serif;
        color: #312215;
        width: 100%;
        padding: 10px 10px 10px 30px;
        font-size: 4vw;
        margin: 0 0 8vw;
        background-image: url(../images/bg__dark.jpg);
    }
    #sub_con p .p_bold {
        font-weight: bold;
    }
    #sub_con p .p_red {
        font-weight: bold;
        color: #a20000;
    }
    .oct-ranking-carousel__item {
        width: 100%;
    }
}

.oct-product-card {
    margin: 5px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.oct-typography--caption {
    text-align: left;
    font-family: source-han-sans-cjk-ja, �⥴���å�, Yu Gothic, YuGothic,
        �ҥ饮�γѥ� Pro W3, Hiragino Kaku Gothic Pro, Roboto, Helvetica, Arial,
        sans-serif;
    color: #312215;
    font-size: 14px;
    line-height: 1.7em;
}

.rev_btn {
    margin: 20px 0 0 0;
    padding: 20px;
    display: block;
    text-decoration: none;
    border: 1px solid #989898;
    /* background: url(../images/na/common/icon_arrow-dark.svg) no-repeat right */
            20px center,
        -webkit-linear-gradient(top, #dcdcdc 0%, #ffffff 100%);
    border: 1px solid #c0c0c0;
    width: 100%;
}

.oct-typography--subtitle1 {
    font-size: 1rem;
    color: #cf6685;
}

.oct-typography--subtitle2 {
    font-size: 1rem;
    color: #c50000;
}

@media only screen and (min-width: 769px) {
    #sub_con {
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0;
    }
    #sub_con h1 {
        font-family: source-han-serif-japanese, Yu Mincho, YuMincho,
            �ҥ饮����ī Pro, Hiragino Mincho Pro, serif;
        color: #312215;
        margin: 30px 0;
        padding: 10px 0 10px 29px;
        font-size: 20px;
        background-image: url(../images/bg__dark.jpg);
    }
    #sub_con p {
        padding: 0 30px;
        font-family: source-han-sans-cjk-ja, �⥴���å�, Yu Gothic, YuGothic,
            �ҥ饮�γѥ� Pro W3, Hiragino Kaku Gothic Pro, Roboto, Helvetica, Arial,
            sans-serif;
        color: #312215;
        font-size: 14px;
        line-height: 1.7em;
    }
    #sub_con p .p_red {
        font-weight: bold;
        color: #a20000;
    }
    #sub_con p .p_bold {
        font-weight: bold;
    }
    .oct-ranking-carousel__item {
        width: 400px;
    }
}

/*!
 * btn
 */

.sample_btn {
    text-align: center;
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    .sample_btn {
        width: 80%;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 320px) {
    .sample_btn {
        width: 90%;
    }
}

.brand_img {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding-bottom: 50px;
    flex-wrap: wrap;
}

.brand_img li {
    margin: 10px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.brand_img img {
    width: 100%;
}

.banner_container {
    width: 100%;
    background: url("/cdn/shop/files/bg__medium_3fdfff77-1e7a-4794-9767-82ed01227030.jpg?v=1750209272");
    z-index: 999;
    position: fixed;
    /* top: 164px; */
    top: 0;
}

.banner {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 1100px;
}

.banner img {
    width: auto;
    margin-right: 10px;
}

.main {
    margin-top: 116px;
}

#brand01 {
    margin-top: -107px;
    padding-top: 117px;
}

#brand02 {
    margin-top: -107px;
    padding-top: 117px;
}

#brand03 {
    margin-top: -107px;
    padding-top: 117px;
}

.mt40 {
    margin-top: 40px;
}

.pb15 {
    padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .br-sp {
        display: none;
    }
}

/* マース公式通販のメリット */

.merit_wrapper {
    width: 1000px;
    height: auto;
    background: rgb(255, 255, 255, 0.5);
    margin: 80px auto 40px;
    padding: 50px 190px;
    display: block;
}

.merit_head {
    text-align: center;
    margin-bottom: 50px;
}

.merit_icon {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.catitem_btn {
    text-align: center;
    margin-bottom: 110px;
}

/* //マース公式通販のメリット */

/* 特長 */

.nat_1 {
    padding-bottom: 19px !important;
}

.nat_2 {
    padding-bottom: 20px !important;
}

.nat_3 {
    padding-bottom: 18px !important;
}

/* //特長 */

/* item */

.rec_item_container {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    /* background-image: url(../images/ad_dog01/bg_item.jpg); */
}

.rec_item_wrapper {
    width: 1020px;
    margin: 0 auto;
    padding: 80px 0;
    background: #fff;
}

.item {
    margin: 80px auto 0;
    width: 747px;
}

.item:first-child {
    margin-top: 0;
}

.item_img {
    display: inline-block !important;
    margin-right: 50px;
}

.item_detail {
    width: 490px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    margin-left: 30px;
}

.item_title {
    font-size: 20px;
    display: block;
    font-size: 1.6rem;
    display: block;
    margin-bottom: 20px;
}

.item_icon_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.item_icon {
    border: solid 1px;
    padding: 5px;
    margin: 0 10px 3px 0;
}

.item_weight {
    display: inline-block;
    width: 40px;
    /*幅*/
    height: 40px;
    /*高さ*/
    border-radius: 50%;
    /*角丸*/
    border: solid 1px;
    text-align: center;
    line-height: 37px;
    margin: 10px 0;
    letter-spacing: initial;
}

.price_container {
    display: flex;
}

.price {
    display: inline-block;
    font-size: 1.3rem;
    vertical-align: -webkit-baseline-middle;
    margin: 5px 10px;
}

.price_bold {
    font-size: 2rem;
}

.item ul {
    display: flex;
    justify-content: normal;
    margin: 0;
}

.info_btn {
    width: 240px;
    height: 50px;
    padding: 15px 0 0 65px;
    /* background: #cbcbcb url(../images/na/common/icon_arrow-dark.svg) no-repeat */
        center right 40px;
    margin-right: 20px;
    border-radius: 3px;
}

.buy_btn {
    width: 240px;
    height: 50px;
    padding: 15px 0 0 50px;
    background: #8c1e22 url(../images/sample/r_arrow.png) no-repeat center right
        40px;
    margin-right: 20px;
    border-radius: 3px;
}

.item_features {
    border: solid 1px;
    padding: 15px;
    margin-top: 30px;
}

.item_notes {
    font-size: 9px;
}

/* //item */

/* review */

.nc_rev2 {
    padding-bottom: 23px;
}

/* //review */

@media only screen and (max-width: 768px) {
    .banner_container {
        top: 0px;
    }

    .banner {
        width: 100%;
        padding: 0;
    }

    .main {
        margin-top: 34px;
    }

    #brand01 {
        margin-top: -35px;
        padding-top: 43px;
    }

    #brand02 {
        margin-top: -35px;
        padding-top: 43px;
    }

    #brand03 {
        margin-top: -35px;
        padding-top: 43px;
    }

    /* マース公式通販のメリット */
    .merit_wrapper {
        width: 85%;
        padding: 20px;
        margin: 0 auto 40px;
    }

    .merit_head {
        width: 90%;
        margin: 0 auto 20px;
    }

    .merit_head img {
        width: 100%;
    }

    .merit_icon {
        width: 85%;
        margin: 0 auto;
        align-items: flex-start;
    }

    .merit_icon img {
        width: calc(100% / 4 - 20px);
    }

    .merit_icon img:first-child {
        width: 27%;
    }

    .catitem_btn {
        width: 80%;
        margin: 0 auto 80px;
    }

    /* マース公式通販のメリット */
    /* item */
    .rec_item_container {
        padding: 20px 0;
    }

    .rec_item_wrapper {
        width: 90%;
    }

    .item {
        width: 85% !important;
    }

    .item_img {
        display: block !important;
        margin: 0 auto;
        width: 60%;
    }

    .item_title {
        margin-top: 20px;
        font-size: 1.3rem;
    }

    .item_detail {
        width: 100%;
        margin: 0 auto;
    }

    .item ul li {
        margin: 0 auto 5px;
    }

    .price {
        font-size: 4vw;
        margin: 6px 0px 6px 5px;
    }

    .item ul {
        display: block;
        margin: 0 !important;
    }

    .info_btn {
        width: 85%;
        margin: 0 auto 10px;
        padding: 15px 0 10px 75px !important;
    }

    .buy_btn {
        width: 85%;
        margin: 0 auto 10px;
        padding: 15px 0 10px 75px !important;
    }

    /* item */
    .point03_cnt03_img {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding-top: 40px;
    }

    .cp_actab label::after {
        right: 45%;
    }
}

@media screen and (max-width: 375px) {
    /* マース公式通販のメリット */
    .merit_icon img:first-child {
        width: 25%;
    }

    /* マース公式通販のメリット */
    /* item */
    .info_btn {
        padding: 15px 0 10px 55px !important;
    }

    .buy_btn {
        padding: 15px 0 10px 55px !important;
    }

    /* item */
}

@media screen and (max-width: 320px) {
    /* マース公式通販のメリット */
    .merit_wrapper {
        width: 85%;
    }

    .merit_icon img:first-child {
        width: 23%;
    }

    .catitem_btn {
        width: 90%;
    }

    /* //マース公式通販のメリット */
    /* item */
    .price {
        margin: 12px 0px 0px 5px;
    }

    .price_bold {
        font-size: 7.8vw;
    }

    .buy_btn {
        padding: 15px 0 10px 40px !important;
        background: #8c1e22 url(../images/sample/r_arrow.png) no-repeat center
            right 20px;
    }

    .info_btn {
        padding: 15px 0 10px 45px !important;
        /* background: #cbcbcb url(../images/na/common/icon_arrow-dark.svg) */
            /* no-repeat center right 20px; */
    }

    /* //item */
}