main {
    display: block
}

p,table,blockquote,address,pre,iframe,form,figure,dl {
    margin: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

ul,ol {
    margin: 0;
    padding: 0;
    list-style: none
}

dt {
    font-weight: normal
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: rgba(0,0,0,0);
    text-decoration: none;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

svg,img,embed,object,iframe {
    vertical-align: bottom
}

button,input,optgroup,select,textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: rgba(0,0,0,0);
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-transform: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    appearance: radio
}

button,[type=button],[type=reset],[type=submit] {
    cursor: pointer
}

button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled {
    cursor: default
}

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-color: inherit;
    border-collapse: collapse
}

caption {
    text-align: left
}

td,th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: bold
}

:root {
    --c-base: #ffffff;
    --c-base-dark: #fbf7f2;
    --c-base-darker: var(--c-brown);
    --c-base-darkest: #b3790d;
    --c-main: #111111;
    --c-main-light: #666666;
    --c-accent: #f7d32e;
    --c-attention: #9f1818;
    --c-link: #6db2d9;
    --c-brown-light: #f0e6d9;
    --c-brown: #deba8d;
    --w-sm: 90vw;
    --w-md: 90vw;
    --fs-lv1: 0.8rem;
    --fs-lv2: 1rem;
    --fs-lv3: 1.2rem;
    --fs-lv4: 1.4rem;
    --fs-lv5: 1.6rem;
    --fs-lv6: 1.8rem;
    --fs-lv7: 2rem;
    --fs-lv8: 2.4rem;
    --fs-lv9: 3rem;
    --fs-lv10: 3.6rem;
    --fs-lv11: 4.8rem;
    --fs-lv12: 6rem;
    --fm-en: "Montserrat", sans-serif;
    --fm-ja: "Noto Sans JP", sans-serif;
    --fw-light: 300;
    --fw-reg: 400;
    --fw-md: 500;
    --fw-bold: 700;
    --l-xs: 1.3;
    --l-sm: 1.4;
    --l-md: 1.6;
    --l-lg: 1.8;
    --l-xl: 2;
    --e-cubic: cubic-bezier(0.21, 0.6, 0.35, 1);
    --shadow-sm: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.16));
    --shadow-md: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.16));
    --shadow-blur: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.16));
    --hover-opacity: 0.6;
    --hover-color: #b3790d;
    --z-index-modal: 500;
    --z-index-pagetop: 400;
    --z-index-searchnav: 300;
    --z-index-gnav: 200;
    --z-index-header: 100
}

@media print, screen and (min-width: 768px) {
    :root {
        --w-sm: 890px;
        --w-md: 1040px;
        --fs-lv1: 1rem;
        --fs-lv2: 1.2rem;
        --fs-lv3: 1.4rem;
        --fs-lv4: 1.5rem;
        --fs-lv5: 1.8rem;
        --fs-lv6: 2rem;
        --fs-lv7: 2.4rem;
        --fs-lv8: 3rem;
        --fs-lv9: 3.6rem;
        --fs-lv10: 4.2rem;
        --fs-lv11: 4.8rem;
        --fs-lv12: 6rem
    }
}

h1,h2,h3,h4,h5,h6 {
    font-weight: var(--fw-bold)
}

@media screen and (-webkit-min-device-pixel-ratio: 0)and (-webkit-min-device-pixel-ratio: 0), screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm) {
    _:lang(x)::-internal-media-controls-overlay-cast-button,img {
        image-rendering:-webkit-optimize-contrast
    }
}

img,svg,video {
    max-width: 100%;
    height: auto
}

*:focus {
    outline: none
}

html {
    height: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll
}

body {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: var(--fm-ja);
    font-size: var(--fs-lv4);
    font-weight: var(--fw-reg);
    color: var(--c-main);
    letter-spacing: .04em;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

body.is-fixed {
    height: 100%;
    overflow: hidden
}

.is-open+.l-searchNavClose {
    pointer-events: auto;
    -webkit-animation: fadeIn .6s forwards;
    animation: fadeIn .6s forwards;
    display: block
}

.is-close+.l-searchNavClose {
    pointer-events: none;
    display: none
}

.l-curious {
    padding: 13px 0;
    background-color: var(--c-brown-light);
    line-height: 1 !important
}

@media print,screen and (min-width: 768px) {
    .l-curious {
        padding:15px 0
    }
}

.l-curious__label {
    display: none
}

@media print,screen and (min-width: 768px) {
    .l-curious__label {
        display:block;
        font-size: var(--fs-lv4);
        font-weight: var(--fw-bold);
        color: var(--c-base-darkest);
        margin-right: 15px
    }
}

@media print,screen and (min-width: 768px) {
    .l-curious__tag {
        width:var(--w-md);
        max-width: 100%;
        margin: auto
    }
}

.l-curious__tag .c-tag {
    overflow-x: scroll;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 0 15px;
    justify-content: center
}

@media print,screen and (min-width: 768px) {
    .l-curious__tag .c-tag {
        overflow-x:visible;
        flex-wrap: wrap;
        padding: 0
    }
}

.l-curious__tag .c-tag::-webkit-scrollbar {
    display: none
}

.l-curious__tag .c-tag__item {
    font-size: var(--fs-lv2)
}

.l-curious__tag .c-tag__item a,.l-curious__tag .c-tag__item .labeltext {
    height: 32px;
    padding: 0 8px;
    background-color: var(--c-base);
    border: 1px solid var(--c-base-darkest);
    color: var(--c-base-darkest)
}

@media(hover: hover)and (pointer: fine) {
    .l-curious__tag .c-tag__item a,.l-curious__tag .c-tag__item .labeltext {
        transition:all .6s var(--e-cubic)
    }

    .l-curious__tag .c-tag__item a:hover,.l-curious__tag .c-tag__item .labeltext:hover {
        background-color: var(--c-base-darkest);
        color: var(--c-base)
    }
}

@media(hover: none)and (pointer: none) {
    .l-curious__tag .c-tag__item a:active,.l-curious__tag .c-tag__item .labeltext:active {
        background-color:var(--c-base-darkest);
        color: var(--c-base)
    }
}

.l-relation {
    background-color: var(--c-base);
    padding: 40px 0
}

@media print,screen and (min-width: 768px) {
    .l-relation {
        padding:50px 0 70px
    }
}

.l-relation__title {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    letter-spacing: .1em;
    text-align: center;
    color: var(--c-base-darkest);
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .l-relation__title {
        font-size:var(--fs-lv7);
        margin-bottom: 40px
    }
}

.l-relation__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px
}

@media print,screen and (min-width: 768px) {
    .l-relation__list {
        flex-direction:row
    }
}

.l-relation__btn {
    margin: 0 auto
}

@media print,screen and (min-width: 768px) {
    .l-relation__btn {
        margin:0
    }
}

.l-relation__btn a {
    border: 1px solid var(--c-base-darkest);
    border-radius: 10px;
    background: var(--c-base);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-lv3);
    color: var(--c-base-darkest);
    line-height: 1.42;
    -webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    background: var(--c-base);
    gap: 15px;
    position: relative;
    width: 250px;
    height: 60px
}

@media print,screen and (min-width: 768px) {
    .l-relation__btn a {
        width:320px;
        height: 100px
    }
}

@media(hover: hover)and (pointer: fine) {
    .l-relation__btn a {
        transition:all .6s var(--e-cubic)
    }

    .l-relation__btn a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .l-relation__btn a:active {
        opacity:var(--hover-opacity)
    }
}

.l-relation__btn a:before {
    display: block;
    content: ""
}

.l-relation__btn a:after {
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 8px;
    background: url("../img/icon/arrow_next.svg") no-repeat center center/contain
}

@media screen and (max-width: 767px) {
    .l-relation__btn a:after {
        position:absolute;
        top: 0;
        bottom: 0;
        right: 20px
    }
}

@media print,screen and (min-width: 768px) {
    .l-relation__btn a:after {
        margin:0
    }
}

.l-relation__btn--gallery a:before {
    width: 16px;
    height: 14px;
    background: url("../img/icon/title_gallery.svg") no-repeat center center/contain
}

@media print,screen and (min-width: 768px) {
    .l-relation__btn--gallery a:before {
        width:20px;
        height: 17px
    }
}

.l-relation__btn--instagrammer a:before {
    width: 25px;
    height: 25px;
    background: url("../img/icon/title_instagrammer.svg") no-repeat center center/contain;
    margin-left: -15px
}

@media print,screen and (min-width: 768px) {
    .l-relation__btn--instagrammer a:before {
        width:34px;
        height: 33px;
        margin-left: -5px
    }
}

.l-relation__note {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    font-size: var(--fs-lv3);
    color: var(--c-base-darkest);
    text-align: center
}

.l-relation__note::after {
    content: "";
    display: block;
    width: 6px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/arrow_next.svg);
    mask-image: url(../img/icon/arrow_next.svg);
    background-color: var(--c-base-darkest);
    margin-left: 10px
}

@media(hover: hover)and (pointer: fine) {
    .l-relation__note a {
        transition:all .6s var(--e-cubic)
    }

    .l-relation__note a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .l-relation__note a:active {
        opacity:var(--hover-opacity)
    }
}

@media print,screen and (min-width: 768px) {
    main>.l-breadcrumbs {
        padding-bottom:15px
    }
}

.l-breadcrumbs ul {
    display: flex;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 10px
}

@media print,screen and (min-width: 768px) {
    .l-breadcrumbs ul {
        padding:0 0 0 30px
    }
}

.l-breadcrumbs ul::-webkit-scrollbar {
    display: none
}

.l-breadcrumbs ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-lv2);
    color: var(--c-main-light)
}

.l-breadcrumbs ul li::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid var(--c-main-light);
    border-right: 1px solid var(--c-main-light);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 2px 12px 0 10px
}

.l-breadcrumbs ul li:last-of-type::after {
    display: none
}

@media(hover: hover)and (pointer: fine) {
    .l-breadcrumbs ul li a {
        transition:all .6s var(--e-cubic)
    }

    .l-breadcrumbs ul li a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .l-breadcrumbs ul li a:active {
        opacity:var(--hover-opacity)
    }
}

.l-footer {
    position: relative;
    background-color: var(--c-base-darkest);
    padding-top: 30px
}

@media print,screen and (min-width: 768px) {
    .l-footer {
        padding-top:60px
    }
}

.l-footer__pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: var(--z-index-pagetop)
}

@media print,screen and (min-width: 768px) {
    .l-footer__pagetop {
        bottom:15px;
        right: 15px
    }
}

.l-footer__pagetop.is-fix {
    position: absolute;
    bottom: 74px
}

@media print,screen and (min-width: 768px) {
    .l-footer__pagetop.is-fix {
        bottom:65px
    }
}

.l-footer__pagetop a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--c-accent);
    -webkit-filter: var(--shadow-blur);
    filter: var(--shadow-blur);
    opacity: .75
}

@media(hover: hover)and (pointer: fine) {
    .l-footer__pagetop a {
        transition:all .6s var(--e-cubic)
    }

    .l-footer__pagetop a:hover {
        opacity: .5
    }
}

@media(hover: none)and (pointer: none) {
    .l-footer__pagetop a:active {
        opacity:.5
    }
}

.l-footer__pagetop a::before {
    content: "";
    width: 14px;
    height: 9px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/pagetop.svg);
    mask-image: url(../img/pagetop.svg);
    background-color: var(--c-base-darkest);
    margin: auto;
    transition: all .3s var(--e-cubic)
}

@media print,screen and (min-width: 768px) {
    .l-footer__pagetop a::before {
        height:40px
    }
}

.l-footer__inner {
    width: var(--w-md);
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .l-footer__inner {
        display:flex;
        padding-bottom: 60px
    }
}

.l-footer__logo {
    width: 146px
}

.l-footer__bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 64px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .l-footer__bottom {
        flex-direction:row;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        padding-bottom: 8px
    }
}

.l-footer__groupLogo span {
    display: block;
    width: 150px;
    height: 0;
    padding-top: 21px;
    background: url(../img/logo_group.png) no-repeat top left/auto 100%;
    overflow: hidden
}

.l-footer__copyright {
    margin-top: 10px;
    font-size: var(--fs-lv1);
    text-align: center
}

@media print,screen and (min-width: 768px) {
    .l-footer__copyright {
        margin-top:0;
        margin-right: 30px
    }
}

.l-footerNav {
    margin: 30px 0;
    line-height: 2
}

@media print,screen and (min-width: 768px) {
    .l-footerNav {
        flex:1;
        display: flex;
        margin: 0 0 0 80px
    }
}

@media print,screen and (min-width: 768px) {
    .l-footerNav__group+.l-footerNav__group {
        margin-left:80px
    }
}

.l-footerNav a {
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    color: #fff
}

@media(hover: hover)and (pointer: fine) {
    .l-footerNav a {
        transition:all .6s var(--e-cubic)
    }

    .l-footerNav a:hover {
        opacity: .5
    }
}

@media(hover: none)and (pointer: none) {
    .l-footerNav a:active {
        opacity:.5
    }
}

.l-footerNav__child {
    margin-left: 1em
}

.l-footerNav__child a {
    font-size: var(--fs-lv3);
    font-weight: var(--fw-reg)
}

.l-footerNav__bottom {
    display: flex;
    flex-wrap: wrap
}

@media print,screen and (min-width: 768px) {
    .l-footerNav__bottom {
        flex-direction:column;
        margin-left: 1em
    }
}

@media screen and (max-width: 767px) {
    .l-footerNav__bottom:nth-child(2) {
        margin-left:1em
    }
}

@media screen and (max-width: 767px) {
    .l-footerNav__bottom:last-child {
        margin-top:15px
    }
}

.l-footerNav__bottom li {
    display: block;
    width: 50%
}

@media print,screen and (min-width: 768px) {
    .l-footerNav__bottom li {
        width:100%
    }
}

.l-footerNav__bottom a {
    font-size: var(--fs-lv3);
    font-weight: var(--fw-reg)
}

@media screen and (max-width: 767px) {
    .l-footerNav__bottom:last-child li:last-child {
        width:100%
    }
}

.p-homeMv::before {
    display: none;
    position: absolute;
    left: -700px;
    content: "";
    width: 640px;
    height: 432px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.p-homeMv::after {
    display: none;
    position: absolute;
    right: -700px;
    content: "";
    width: 640px;
    height: 432px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.p-homeTags {
    padding: 13px 0;
    margin-bottom: 20px;
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-homeTags {
        margin-bottom:40px
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeTags__inner {
        width:var(--w-md);
        max-width: 100%;
        margin: auto
    }
}

.p-homeTags .c-tag {
    overflow-x: scroll;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 0 15px
}

@media print,screen and (min-width: 768px) {
    .p-homeTags .c-tag {
        overflow-x:visible;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }
}

.p-homeTags .c-tag::-webkit-scrollbar {
    display: none
}

.p-homeTags .c-tag__item {
    font-size: var(--fs-lv2)
}

.p-homeTags .c-tag__item a,.p-homeTags .c-tag__item .labeltext {
    height: 32px;
    padding: 0 8px;
    background-color: var(--c-base);
    border: 1px solid var(--c-base-darkest);
    color: var(--c-base-darkest)
}

@media(hover: hover)and (pointer: fine) {
    .p-homeTags .c-tag__item a,.p-homeTags .c-tag__item .labeltext {
        transition:all .6s var(--e-cubic)
    }

    .p-homeTags .c-tag__item a:hover,.p-homeTags .c-tag__item .labeltext:hover {
        background-color: var(--c-base-darkest);
        color: var(--c-base)
    }
}

@media(hover: none)and (pointer: none) {
    .p-homeTags .c-tag__item a:active,.p-homeTags .c-tag__item .labeltext:active {
        background-color:var(--c-base-darkest);
        color: var(--c-base)
    }
}

.p-homeMenu {
    margin-top: 30px
}

.p-homeMenu__inner {
    width: var(--w-md);
    margin: 0 auto -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-homeMenu__item {
    width: 48.5%;
    margin-bottom: 15px;
    -webkit-filter: var(--shadow-md);
    filter: var(--shadow-md)
}

.p-homeMenu__item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 78px;
    background-color: var(--c-base-darkest);
    border-radius: 10px;
    font-size: var(--fs-lv3);
    color: var(--c-base);
    line-height: var(--l-sm);
    text-align: center
}

.p-homeMenu__item a::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-position: center
}

.p-homeMenu__item.bread a::before {
    background-image: url(../img/icon/menu_bread.svg)
}

.p-homeMenu__item.bakery a::before {
    background-image: url(../img/icon/menu_bakery.svg)
}

.p-homeMenu__item.bakeryNews a::before {
    height: 30px;
    background-image: url(../img/icon/menu_bakerynews.svg)
}

.p-homeMenu__item.special a::before {
    background-image: url(../img/icon/menu_book.svg)
}

.p-homeInfo {
    margin: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeInfo {
        margin:50px 0
    }
}

.p-homeInfo__inner {
    width: var(--w-md);
    margin: auto;
    padding: 20px 0;
    border-top: 1px solid var(--c-base-darkest);
    border-bottom: 1px solid var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .p-homeInfo__inner {
        padding:30px 0
    }
}

.p-homeInfo__title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 20px
}

.p-homeInfo__title::before,.p-homeInfo__title::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--c-base-darkest);
    margin-right: 10px
}

.p-homeInfo__title::before {
    margin-right: 10px
}

.p-homeInfo__title::after {
    margin-left: 10px
}

.p-homeInfo__cont {
    width: 70vw;
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-homeInfo__cont {
        width:500px
    }
}

.p-homeInfo__item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: 0 100%;
    line-height: var(--l-lg)
}

.p-homeInfo__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    background: none
}

@media(hover: hover)and (pointer: fine) {
    .p-homeInfo__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-homeInfo__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-homeInfo__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-homeNews {
    padding: 30px 0;
    background-color: var(--c-base-dark);
    overflow: hidden
}

@media print,screen and (min-width: 768px) {
    .p-homeNews {
        padding:50px 0
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeNews__inner {
        width:var(--w-md);
        margin: auto
    }
}

.p-homeNews__cont {
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeNews__cont {
        margin-top:40px
    }
}

.p-homeNews__cont .p-newsSwiper {
    padding-left: 12px
}

@media print,screen and (min-width: 768px) {
    .p-homeNews__cont .p-newsSwiper {
        padding-left:0
    }
}

.p-homeAmbassa {
    background-color: var(--c-base-dark);
    overflow: hidden
}

.p-homeAmbassa__cont {
    padding: 30px 0;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x
}

@media print,screen and (min-width: 768px) {
    .p-homeAmbassa__cont {
        padding:50px 0
    }
}

.p-homeAmbassa__keyword {
    background-color: var(--c-base);
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeAmbassa__keyword {
        padding:50px 0
    }
}

.p-homeAmbassa__keyword ul {
    justify-content: center;
    padding-left: 0
}

.p-homeAmbassa__tag .c-tag {
    gap: 8px
}

.p-homeAmbassa__tag .c-tag__item {
    font-size: var(--fs-lv2)
}

.p-homeAmbassa__tag .c-tag__item a,.p-homeAmbassa__tag .c-tag__item .labeltext {
    height: 32px;
    padding: 0 8px;
    background-color: var(--c-base);
    border: 1px solid var(--c-base-darkest);
    color: var(--c-base-darkest)
}

@media(hover: hover)and (pointer: fine) {
    .p-homeAmbassa__tag .c-tag__item a,.p-homeAmbassa__tag .c-tag__item .labeltext {
        transition:all .6s var(--e-cubic)
    }

    .p-homeAmbassa__tag .c-tag__item a:hover,.p-homeAmbassa__tag .c-tag__item .labeltext:hover {
        background-color: var(--c-base-darkest);
        color: var(--c-base)
    }
}

@media(hover: none)and (pointer: none) {
    .p-homeAmbassa__tag .c-tag__item a:active,.p-homeAmbassa__tag .c-tag__item .labeltext:active {
        background-color:var(--c-base-darkest);
        color: var(--c-base)
    }
}

.p-homeAmbassa__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.p-homeInsta {
    background-color: var(--c-base-dark)
}

.p-homeInsta__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeInsta__inner {
        padding:50px 0
    }
}

.p-homeInsta__cont {
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeInsta__cont {
        margin-top:40px
    }
}

.p-homeInsta__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px
}

@media print,screen and (min-width: 768px) {
    .p-homeInsta__list {
        margin-bottom:-10px
    }
}

.p-homeInsta__item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 5px
}

@media screen and (max-width: 767px) {
    .p-homeInsta__item:nth-of-type(3n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeInsta__item {
        width:200px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .p-homeInsta__item:nth-of-type(5n) {
        margin-right: 0
    }
}

.p-homeInsta__item a {
    display: block
}

@media(hover: hover)and (pointer: fine) {
    .p-homeInsta__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-homeInsta__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-homeInsta__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-homeInsta__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeInsta__btn {
        margin-top:50px
    }
}

.p-homeOishiiNews__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeOishiiNews__inner {
        padding:50px 0
    }
}

.p-homeOishiiNews__cont {
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeOishiiNews__cont {
        margin-top:40px
    }
}

.p-homeOishiiNews__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-homeOishiiNews__list {
        margin-bottom:0
    }
}

.p-homeOishiiNews__item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-homeOishiiNews__item:nth-of-type(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeOishiiNews__item {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 0px
    }

    .p-homeOishiiNews__item:nth-of-type(4n) {
        margin-right: 0
    }
}

.p-homeOishiiNews__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeOishiiNews__btn {
        margin-top:50px
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeOishiiNews .c-oishiiNewsCard img {
        height:182px
    }
}

.p-homeRanking {
    background-color: var(--c-accent);
    counter-reset: number 0
}

.p-homeRanking__inner {
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__inner {
        width:var(--w-md);
        margin: auto;
        padding: 50px 0
    }
}

.p-homeRanking__title {
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-homeRanking__title::before {
    content: "";
    display: block;
    width: 40px;
    height: 30px;
    background: url(../img/icon/icon_crown.svg) no-repeat center/contain;
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__title::before {
        width:60px;
        height: 45px
    }
}

.p-homeRanking__title .ja {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base);
    letter-spacing: .1em;
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__title .ja {
        font-size:var(--fs-lv7)
    }
}

.p-homeRanking__title .en {
    font-size: var(--fs-lv9);
    font-weight: var(--fw-light);
    color: var(--c-main);
    letter-spacing: .1em;
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__title .en {
        font-size:var(--fs-lv10)
    }
}

.p-homeRanking .c-card__cont {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin-top: 0
}

.p-homeRanking .c-card__tag {
    margin-top: auto;
    padding-top: 6px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking .c-card__tag {
        padding-top:10px
    }
}

.p-homeRanking .c-card__rank {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking .c-card__rank {
        top:-30px;
        left: -15px;
        -webkit-transform: none;
        transform: none
    }
}

.p-homeRanking .c-card:nth-child(-n+3) .c-card__rank {
    top: -25px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking .c-card:nth-child(-n+3) .c-card__rank {
        top:-40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking .swiper {
        overflow:visible
    }

    .p-homeRanking .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        padding-top: 60px
    }

    .p-homeRanking .swiper-wrapper .c-card {
        position: relative;
        width: 31%;
        height: auto;
        margin-right: 3.5%
    }

    .p-homeRanking .swiper-wrapper .c-card:nth-of-type(3) {
        margin-right: 0
    }

    .p-homeRanking .swiper-wrapper .c-card:nth-of-type(4) {
        margin-top: 60px;
        width: 48.25%
    }

    .p-homeRanking .swiper-wrapper .c-card:nth-of-type(5) {
        margin-top: 60px;
        width: 48.25%;
        margin-right: 0
    }

    .p-homeRanking .swiper-wrapper .c-card:nth-of-type(4) .c-card__inner,.p-homeRanking .swiper-wrapper .c-card:nth-of-type(5) .c-card__inner {
        display: flex;
        flex-direction: row
    }

    .p-homeRanking .swiper-wrapper .c-card:nth-of-type(4) .c-card__inner .c-card__image,.p-homeRanking .swiper-wrapper .c-card:nth-of-type(5) .c-card__inner .c-card__image {
        width: 41.5vw
    }
}

@media print,screen and (min-width: 768px)and (min-width: 768px) {
    .p-homeRanking .swiper-wrapper .c-card:nth-of-type(4) .c-card__inner .c-card__image,.p-homeRanking .swiper-wrapper .c-card:nth-of-type(5) .c-card__inner .c-card__image {
        width:256px
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking .swiper-wrapper .c-card .c-card__cont {
        flex:1;
        padding: 15px;
        display: flex;
        flex-direction: column
    }

    .p-homeRanking .swiper-wrapper .c-card .c-card__cont .c-card__tag {
        margin-top: auto
    }
}

.p-homeRanking__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__btn {
        margin-top:50px
    }
}

.p-homeBakeryNews__inner {
    width: var(--w-sm);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeBakeryNews__inner {
        padding:50px 0
    }
}

.p-homeBakeryNews__cont {
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeBakeryNews__cont {
        margin-top:40px
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeBakeryNews__list {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media print,screen and (min-width: 768px) {
    .p-homeBakeryNews__item {
        width:48%
    }

    .p-homeBakeryNews__item:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
        background-size: 8px 2px;
        background-repeat: repeat-x;
        background-position: top
    }
}

.p-homeBakeryNews__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeBakeryNews__btn {
        margin-top:50px
    }
}

.p-homeFeature__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-homeFeature__inner {
        padding:50px 0
    }
}

.p-homeFeature__cont {
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeFeature__cont {
        margin-top:40px
    }
}

.p-homeFeature__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -30px
}

@media print,screen and (min-width: 768px) {
    .p-homeFeature__list {
        margin-bottom:-50px
    }
}

.p-homeFeature__item {
    position: relative;
    width: 40%;
    margin: 0 5% 30px;
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeFeature__item {
        width:200px;
        margin: 0 80px 50px 0
    }

    .p-homeFeature__item:nth-of-type(4n) {
        margin-right: 0
    }
}

.p-homeFeature__item a {
    display: block
}

.p-homeFeature__image {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.p-homeFeature__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(237,146,0,0);
    transition: all .6s var(--e-cubic)
}

@media(hover: hover)and (pointer: fine) {
    a:hover .p-homeFeature__image::after {
        background:rgba(237,146,0,.5)
    }
}

@media(hover: none)and (pointer: none) {
    a:active .p-homeFeature__image::after {
        background:rgba(237,146,0,.5)
    }
}

.p-homeFeature__text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    margin-top: 10px
}

@media print,screen and (min-width: 768px) {
    .p-homeFeature__text {
        position:absolute;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: var(--fs-lv6);
        color: var(--c-base);
        margin-top: 0px;
        z-index: 2
    }
}

.p-homeFeature__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homeFeature__btn {
        margin-top:50px
    }
}

.p-homePickup__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x
}

@media print,screen and (min-width: 768px) {
    .p-homePickup__inner {
        padding:50px 0
    }
}

.p-homePickup__cont {
    margin-top: 25px
}

@media print,screen and (min-width: 768px) {
    .p-homePickup__cont {
        margin-top:35px
    }
}

.p-homePickup__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    overflow: visible !important
}

@media print,screen and (min-width: 768px) {
    .p-homePickup__list {
        margin-bottom:-40px
    }
}

.p-homePickup__list .c-card {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-homePickup__list .c-card:nth-child(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-homePickup__list .c-card {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 40px
    }

    .p-homePickup__list .c-card:nth-child(4n) {
        margin-right: 0
    }
}

.p-homePickup .js-accMore {
    padding: 20px 5vw;
    margin: 0 -5vw
}

@media print,screen and (min-width: 768px) {
    .p-homePickup .js-accMore {
        padding:40px 20px;
        margin: 0 -20px
    }
}

.p-homePickup__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-homePickup__btn {
        margin-top:50px
    }
}

.p-homePickup__btn .c-btn {
    margin-bottom: 20px
}

.p-homePickup__btn .c-btn:last-child {
    margin-bottom: 0
}

.p-homePickup__btnMore {
    display: block;
    opacity: 1
}

.js-accCont.is-open .p-homePickup__btnMore {
    display: none;
    opacity: 0;
    -webkit-animation: fadeOut .6s ease-in 0s forwards;
    animation: fadeOut .6s ease-in 0s forwards
}

.p-homePickup__btnClose,.p-homePickup__btnSearch {
    display: none;
    opacity: 0
}

.js-accCont.is-open .p-homePickup__btnClose,.js-accCont.is-open .p-homePickup__btnSearch {
    display: block;
    opacity: 1
}

.p-breadTop {
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-breadTop {
        padding-top:15px
    }
}

.p-breadTopHead {
    padding: 30px 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopHead {
        padding:40px 0
    }
}

.p-breadTopHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-breadTopHead .c-pageTitle__icon img {
    width: 48px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopHead .c-pageTitle__icon img {
        width:70px
    }
}

.p-breadTopSearch {
    padding-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopSearch {
        padding-bottom:50px
    }
}

.p-breadTopSearch__inner {
    width: var(--w-md);
    margin: auto
}

.p-breadTopResult {
    padding: 40px 0;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-breadTopResult {
        padding:50px 0
    }
}

.p-breadTopResult__inner {
    width: var(--w-md);
    margin: auto
}

.p-breadTopResult__head {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopResult__head {
        padding-bottom:40px;
        margin-bottom: 40px
    }
}

.p-breadTopResult__head .c-pagination {
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopResult__head .c-pagination {
        margin-top:30px
    }
}

.p-breadTopResult__foot {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopResult__foot {
        padding-top:40px;
        margin-top: 40px
    }
}

.p-breadTopResult__keyword {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15px
}

.p-breadTopResult__keyword p {
    text-align: center;
    border-radius: 50px;
    padding: 8px 30px;
    min-width: 300px;
    border: 1px solid var(--c-base-darkest);
    background-color: var(--c-base);
    color: var(--c-base-darkest);
    line-height: var(--l-sm)
}

.p-breadTopResult__keyword p span+span::before {
    content: " , "
}

.p-breadTopResult__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-breadTopResult__list {
        margin-bottom:-40px
    }
}

.p-breadTopResult__list .c-card {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-breadTopResult__list .c-card:nth-child(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-breadTopResult__list .c-card {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 40px
    }

    .p-breadTopResult__list .c-card:nth-child(4n) {
        margin-right: 0
    }
}

.p-bakeryTop {
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTop {
        padding-top:15px
    }
}

.p-bakeryTopHead {
    padding: 30px 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopHead {
        padding:40px 0
    }
}

.p-bakeryTopHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-bakeryTopSearch {
    padding-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopSearch {
        padding-bottom:50px
    }
}

.p-bakeryTopSearch__inner {
    width: var(--w-md);
    margin: auto
}

.p-bakeryTopResult {
    padding: 40px 0;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopResult {
        padding:50px 0
    }
}

.p-bakeryTopResult__inner {
    width: var(--w-md);
    margin: auto
}

.p-bakeryTopResult__head {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopResult__head {
        padding-bottom:40px;
        margin-bottom: 40px
    }
}

.p-bakeryTopResult__head .c-pagination {
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopResult__head .c-pagination {
        margin-top:30px
    }
}

.p-bakeryTopResult__foot {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopResult__foot {
        padding-top:40px;
        margin-top: 40px
    }
}

.p-bakeryTopResult__keyword {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15px
}

.p-bakeryTopResult__keyword p {
    text-align: center;
    border-radius: 50px;
    padding: 8px 30px;
    min-width: 300px;
    border: 1px solid var(--c-base-darkest);
    background-color: var(--c-base);
    color: var(--c-base-darkest);
    line-height: var(--l-sm)
}

.p-bakeryTopResult__keyword p span+span::before {
    content: " , "
}

.p-bakeryTopResult__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopResult__list {
        margin-bottom:-40px
    }
}

.p-bakeryTopResult__list .c-card {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-bakeryTopResult__list .c-card:nth-child(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-bakeryTopResult__list .c-card {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 40px
    }

    .p-bakeryTopResult__list .c-card:nth-child(4n) {
        margin-right: 0
    }
}

.p-bakery {
    margin-bottom: 40px;
    overflow: hidden
}

@media print,screen and (min-width: 768px) {
    .p-bakery {
        margin-bottom:60px
    }
}

.p-bakeryHead {
    padding: 25px 0
}

@media print,screen and (min-width: 768px) {
    .p-bakeryHead {
        padding:40px 0
    }
}

.p-bakeryHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-bakeryHead__icon {
    margin-bottom: 10px
}

.p-bakeryHead__icon img {
    width: 40px;
    height: auto
}

@media print,screen and (min-width: 768px) {
    .p-bakeryHead__icon img {
        width:60px
    }
}

.p-bakeryHead__title {
    font-size: var(--fs-lv8);
    font-weight: var(--fw-bold);
    letter-spacing: .1em;
    line-height: var(--l-sm);
    text-align: center;
    margin-bottom: 10px
}

.p-bakeryHead__place {
    font-size: var(--fs-lv3);
    letter-spacing: .1em;
    color: var(--c-main-light);
    text-align: center
}

.p-bakeryNav {
    position: relative
}

.p-bakeryNav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--c-base-darkest);
    z-index: 4
}

.p-bakeryNav:last-child::before {
    bottom: auto;
    top: 0
}

.p-bakeryNav ul {
    width: var(--w-md);
    margin: auto;
    display: flex
}

.p-bakeryNav ul li {
    position: relative;
    width: 34%
}

.p-bakeryNav ul li:nth-of-type(1) {
    z-index: 3
}

.p-bakeryNav ul li:nth-of-type(2) {
    z-index: 2
}

.p-bakeryNav ul li:nth-of-type(3) {
    z-index: 1
}

.p-bakeryNav ul li+li {
    margin-left: -1%
}

.p-bakeryNav ul li a {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--c-base-darker);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: var(--fs-lv3);
    line-height: var(--l-sm);
    color: var(--c-base);
    border: 2px solid var(--c-base);
    padding-top: 2px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNav ul li a {
        height:58px;
        font-size: var(--fs-lv4)
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-bakeryNav ul li a {
        transition:all .6s var(--e-cubic)
    }

    .p-bakeryNav ul li a:hover {
        background-color: #f0d6b6
    }
}

@media(hover: none)and (pointer: none) {
    .p-bakeryNav ul li a:active {
        background-color:#f0d6b6
    }
}

.p-bakeryNav ul li.is-current {
    z-index: 4
}

.p-bakeryNav ul li.is-current::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 2px;
    right: 2px;
    height: 4px;
    background-color: var(--c-base)
}

.p-bakeryNav ul li.is-current a {
    background-color: var(--c-base);
    border-color: var(--c-base-darkest);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest)
}

.p-bakeryNav:last-child ul li a {
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 0px
}

.p-bakeryNav:last-child ul li.is-current::before {
    content: "";
    top: -1px
}

.p-bakerySect {
    padding: 25px 0;
    border-bottom: 10px solid var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-bakerySect {
        padding:40px 0;
        border-bottom: 20px solid var(--c-base-dark)
    }
}

.p-bakerySect:last-child {
    border: none
}

.p-bakerySect__inner {
    width: var(--w-md);
    margin: auto
}

.p-bakerySect__title {
    margin-bottom: 25px
}

@media print,screen and (min-width: 768px) {
    .p-bakerySect__title {
        margin-bottom:40px
    }
}

.p-bakeryInfo__title {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    line-height: var(--l-md);
    color: var(--c-base-darkest);
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryInfo__title {
        font-size:var(--fs-lv7)
    }
}

.p-bakeryInfo__desc {
    line-height: var(--l-lg);
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryInfo__desc {
        margin-bottom:40px
    }
}

.p-bakeryInfo__tag {
    justify-content: center;
    margin-top: 20px
}

.p-bakeryInfo__tag .c-tag__item a {
    background-color: var(--c-base-dark);
    border: none
}

.p-bakeryOverview__inner {
    width: var(--w-sm);
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-bakeryOverview__inner {
        display:flex
    }
}

@media print,screen and (min-width: 768px) {
    .p-bakeryOverview__data {
        flex:0 0 445px;
        margin-right: 25px
    }
}

.p-bakeryOverview__data dl {
    display: flex;
    padding: 10px 0 14px;
    line-height: var(--l-md);
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    word-break: break-all
}

@media print,screen and (min-width: 768px) {
    .p-bakeryOverview__data dl {
        padding:17px 0 20px
    }
}

.p-bakeryOverview__data dl:first-child {
    padding-top: 0
}

.p-bakeryOverview__data dl:last-child {
    background: none
}

.p-bakeryOverview__data dl dt {
    flex: 0 0 8em;
    color: var(--c-base-darkest);
    font-weight: var(--fw-bold)
}

.p-bakeryOverview__data dl dd {
    flex: 1
}

.p-bakeryOverview__data dl dd a {
    color: var(--c-link)
}

@media(hover: hover)and (pointer: fine) {
    .p-bakeryOverview__data dl dd a {
        transition:all .6s var(--e-cubic)
    }

    .p-bakeryOverview__data dl dd a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-bakeryOverview__data dl dd a:active {
        opacity:var(--hover-opacity)
    }
}

.p-bakeryOverview__data dl dd .sns {
    display: flex
}

.p-bakeryOverview__data dl dd .sns li {
    width: 30px
}

.p-bakeryOverview__data dl dd .sns li+li {
    margin-left: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryOverview__data dl dd .sns li+li {
        margin-left:30px
    }
}

@media print,screen and (min-width: 768px) {
    .p-bakeryOverview__map {
        flex:1
    }
}

.p-bakeryOverview__map .link {
    margin-top: 10px;
    text-align: center
}

@media print,screen and (min-width: 768px) {
    .p-bakeryOverview__map .link {
        margin-top:15px;
        text-align: right
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-bakeryOverview__map .link {
        transition:all .6s var(--e-cubic)
    }

    .p-bakeryOverview__map .link:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-bakeryOverview__map .link:active {
        opacity:var(--hover-opacity)
    }
}

@media screen and (max-width: 767px) {
    .p-bakeryOverview__map .map img {
        width:100%;
        height: 150px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.p-bakeryBread__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list {
        margin-bottom:-40px
    }
}

.p-bakeryBread__list.js-accMore {
    padding-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list.js-accMore {
        padding-top:40px
    }
}

.p-bakeryBread__list .c-card {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-bakeryBread__list .c-card:nth-child(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list .c-card {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 40px
    }

    .p-bakeryBread__list .c-card:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .p-bakeryBread__list.p-bakeryBread--top .c-card:nth-child(2n) {
        margin-right:3%
    }

    .p-bakeryBread__list.p-bakeryBread--top .c-card:nth-child(2n+1) {
        margin-right: 0
    }
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list.p-bakeryBread--top .c-card:nth-child(4n) {
        margin-right:2%
    }

    .p-bakeryBread__list.p-bakeryBread--top .c-card:nth-child(4n+1) {
        margin-right: 0
    }
}

.p-bakeryBread__list.p-bakeryBread--top .c-card:first-child {
    width: 100%;
    margin-right: 0
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__inner {
        display:flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between
    }
}

.p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__image {
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__image {
        width:48.5%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }
}

.p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__cont {
    display: flex;
    flex-wrap: wrap
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__cont {
        flex-direction:column;
        width: 48.5%;
        margin-top: 0
    }
}

.p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__head {
    flex: 1;
    margin-right: 10px
}

.p-bakeryBread__list.p-bakeryBread--top .c-card:first-child .c-card__desc {
    width: 100%
}

.p-bakeryBread__list+.p-bakeryBread__list {
    margin-top: 40px
}

.p-bakeryBread__list+.js-accMore {
    margin-top: 40px
}

.p-bakeryBread__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__btn {
        margin-top:50px
    }
}

.p-bakeryBread__btn .c-btn {
    margin-bottom: 20px
}

.p-bakeryBread__btn .c-btn:last-child {
    margin-bottom: 0
}

.p-bakeryBread__btn .c-btn--brown {
    display: block;
    opacity: 1
}

.js-accCont.is-open .p-bakeryBread__btn .c-btn--brown {
    display: none;
    opacity: 0;
    -webkit-animation: fadeOut .6s ease-in 0s forwards;
    animation: fadeOut .6s ease-in 0s forwards
}

.js-accCont.is-open .p-bakeryBread__btn__more .c-btn--brown {
    display: block;
    opacity: 1;
    -webkit-animation: none;
    animation: none
}

.p-bakeryBread__btn .c-btn--baseDark,.p-bakeryBread__btn .c-btn--loupe {
    display: none;
    opacity: 0
}

.js-accCont.is-open .p-bakeryBread__btn .c-btn--baseDark,.js-accCont.is-open .p-bakeryBread__btn .c-btn--loupe {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn .6s ease-in 0s forwards;
    animation: fadeIn .6s ease-in 0s forwards
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__detail {
        width:600px;
        margin: auto
    }
}

.p-bakeryBread__head {
    margin-bottom: 30px;
    text-align: center
}

.p-bakeryBread__head .sub {
    display: inline-flex;
    padding: 10px 15px;
    background-color: var(--c-base-dark);
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    margin-bottom: 5px
}

.p-bakeryBread__head .title {
    font-size: var(--fs-lv8);
    font-weight: var(--fw-bold);
    line-height: var(--l-sm);
    letter-spacing: .1em;
    color: var(--c-base-darkest);
    margin-bottom: 10px
}

.p-bakeryBread__head .price {
    font-size: var(--fs-lv3)
}

.p-bakeryBread__image {
    position: relative;
    margin-bottom: 20px
}

.p-bakeryBread__image .badge {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 50px;
    z-index: 2
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__image .badge {
        top:-15px;
        left: -15px;
        width: 80px
    }
}

.p-bakeryBread__image .image {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    border: 1px solid #f1dfcc;
    z-index: 1
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__image .image {
        border-top-left-radius:20px;
        border-top-right-radius: 20px
    }
}

.p-bakeryBread__image .image::before {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    padding: 76% 0 0;
    z-index: 1
}

.p-bakeryBread__image .image img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.p-bakeryBread__tag {
    margin-bottom: 10px
}

.p-bakeryBread__desc {
    color: var(--c-main-light);
    line-height: var(--l-lg)
}

.p-bakeryBread__desc p+p {
    margin-top: 20px
}

.p-bakeryBread__notice {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__notice {
        margin-top:30px
    }
}

.p-bakeryBread__notice p {
    display: inline-flex;
    flex-wrap: wrap;
    word-wrap: break-word;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    padding: 5px 15px;
    background-color: var(--c-base-darker);
    font-size: var(--fs-lv3);
    color: var(--c-base);
    line-height: var(--l-md)
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__notice p {
        padding:7px 20px;
        min-width: 335px
    }
}

.p-bakeryBread__related {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 40px;
    margin-top: 40px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBread__related {
        padding-top:50px;
        margin-top: 50px
    }
}

.p-bakeryNews__nav {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNews__nav {
        padding-bottom:50px;
        margin-bottom: 30px
    }
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNews__nav ul {
        display:flex;
        justify-content: center
    }
}

.p-bakeryNews__nav ul li {
    margin-bottom: 9px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNews__nav ul li {
        margin:0 30px 0 0
    }
}

.p-bakeryNews__nav ul li:last-child {
    margin: 0
}

.p-bakeryNews__nav ul li a {
    display: flex;
    align-items: center
}

@media(hover: hover)and (pointer: fine) {
    .p-bakeryNews__nav ul li a {
        transition:all .6s var(--e-cubic)
    }

    .p-bakeryNews__nav ul li a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-bakeryNews__nav ul li a:active {
        opacity:var(--hover-opacity)
    }
}

.p-bakeryNews__nav ul li.is-current a {
    opacity: .3
}

.p-bakeryNews__nav ul li .icon {
    width: 24px;
    margin-right: 10px
}

.p-bakeryNews__nav ul li .text {
    flex: 1;
    font-size: var(--fs-lv3)
}

.p-bakeryNews__list.js-accMore {
    padding-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNews__list.js-accMore {
        padding-top:30px
    }
}

.p-bakeryNews__list+.c-pagination {
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNews__list+.c-pagination {
        margin-top:30px
    }
}

.p-bakeryNews__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNews__btn {
        margin-top:50px
    }
}

.p-bakeryNews__btn .c-btn {
    margin-bottom: 20px
}

.p-bakeryNews__btn .c-btn:last-child {
    margin-bottom: 0
}

.p-bakeryNews__btn .c-btn--brown {
    display: block;
    opacity: 1
}

.js-accCont.is-open .p-bakeryNews__btn .c-btn--brown {
    display: none;
    opacity: 0;
    -webkit-animation: fadeOut .6s ease-in 0s forwards;
    animation: fadeOut .6s ease-in 0s forwards
}

.js-accCont.is-open .p-bakeryNews__btn__more .c-btn--brown {
    display: block;
    opacity: 1;
    -webkit-animation: none;
    animation: none
}

.p-bakeryNews__btn .c-btn--baseDark,.p-bakeryNews__btn .c-btn--loupe {
    display: none;
    opacity: 0
}

.js-accCont.is-open .p-bakeryNews__btn .c-btn--baseDark,.js-accCont.is-open .p-bakeryNews__btn .c-btn--loupe {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn .6s ease-in 0s forwards;
    animation: fadeIn .6s ease-in 0s forwards
}

.p-bakeryBtm {
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBtm {
        margin-bottom:50px
    }
}

.p-bakeryBtm__inner {
    width: var(--w-md);
    margin: auto
}

.p-bakeryBtm__proposal {
    text-align: right;
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryBtm__proposal {
        margin-bottom:20px
    }
}

.p-bakeryBtm__proposal a {
    font-size: var(--fs-lv2);
    color: var(--c-main-light);
    opacity: .3
}

@media(hover: hover)and (pointer: fine) {
    .p-bakeryBtm__proposal a {
        transition:all .6s var(--e-cubic)
    }

    .p-bakeryBtm__proposal a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-bakeryBtm__proposal a:active {
        opacity:var(--hover-opacity)
    }
}

.p-bakeryBtm__note {
    font-size: var(--fs-lv3);
    line-height: var(--l-md);
    color: var(--c-main-light)
}

.p-othersTop {
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-othersTop {
        padding-top:15px
    }
}

.p-othersTopHead {
    padding: 30px 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopHead {
        padding:40px 0
    }
}

.p-othersTopHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-othersTopHead .c-pageTitle__icon img {
    width: 48px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopHead .c-pageTitle__icon img {
        width:70px
    }
}

.p-othersTopSearch {
    padding-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopSearch {
        padding-bottom:50px
    }
}

.p-othersTopSearch__inner {
    width: var(--w-md);
    margin: auto
}

.p-othersTopResult {
    padding: 40px 0;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-othersTopResult {
        padding:50px 0
    }
}

.p-othersTopResult__inner {
    width: var(--w-md);
    margin: auto
}

.p-othersTopResult__head {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopResult__head {
        padding-bottom:40px;
        margin-bottom: 40px
    }
}

.p-othersTopResult__head .c-pagination {
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopResult__head .c-pagination {
        margin-top:30px
    }
}

.p-othersTopResult__foot {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopResult__foot {
        padding-top:40px;
        margin-top: 40px
    }
}

.p-othersTopResult__keyword {
    display: flex;
    justify-content: center;
    margin-top: 5px
}

.p-othersTopResult__keyword p {
    display: inline-flex;
    justify-content: center;
    border: 1px solid var(--c-base-darkest);
    border-radius: 30px;
    padding: 8px;
    min-width: 300px;
    color: var(--c-base-darkest)
}

.p-othersTopResult__keyword p span+span::before {
    content: " , "
}

.p-othersTopResult__list .c-othersCard {
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-othersTopResult__list .c-othersCard {
        margin-bottom:40px
    }
}

.p-othersTopResult__list .c-othersCard:last-child {
    margin-bottom: 0
}

.p-bakeryNewsTopHead {
    padding: 30px 0 20px;
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNewsTopHead {
        padding:40px 0
    }
}

.p-bakeryNewsTopHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-bakeryNewsTopHead .c-pageTitle__icon img {
    width: 32px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNewsTopHead .c-pageTitle__icon img {
        width:44px
    }
}

.p-bakeryNewsTopCont {
    padding: 20px 0 40px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNewsTopCont {
        padding:20px 0 50px
    }
}

.p-bakeryNewsTopCont__inner {
    width: var(--w-md);
    margin: auto
}

.p-bakeryNewsTopCont .c-pagination__count {
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNewsTopCont .c-pagination__count {
        margin-bottom:50px
    }
}

.p-bakeryNewsTopCont__list {
    margin: 20px 0
}

@media print,screen and (min-width: 768px) {
    .p-bakeryNewsTopCont__list {
        margin:30px 0
    }
}

.p-oishiiNewsTopHead {
    padding: 30px 0 20px;
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopHead {
        padding:40px 0
    }
}

.p-oishiiNewsTopHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-oishiiNewsTopHead .c-pageTitle__icon img {
    width: 32px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopHead .c-pageTitle__icon img {
        width:44px
    }
}

.p-oishiiNewsTopCont {
    padding: 20px 0 40px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopCont {
        padding:20px 0 50px
    }
}

.p-oishiiNewsTopCont__inner {
    width: var(--w-md);
    margin: auto
}

.p-oishiiNewsTopCont .c-pagination:first-child {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopCont .c-pagination:first-child {
        padding-bottom:40px;
        margin-bottom: 40px
    }
}

.p-oishiiNewsTopCont .c-pagination:last-child {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopCont .c-pagination:last-child {
        padding-top:40px;
        margin-top: 40px
    }
}

.p-oishiiNewsTopCont__announce {
    margin: 0 auto 40px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopCont__announce {
        width:800px
    }
}

.p-oishiiNewsTopCont__announce .desc {
    font-size: var(--fs-lv4);
    color: var(--c-base-darkest);
    line-height: var(--l-md)
}

.p-oishiiNewsTopCont__announce .note {
    font-size: var(--fs-lv2);
    line-height: var(--l-md);
    margin-top: 10px
}

.p-oishiiNewsTopCont__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopCont__list {
        margin-bottom:0
    }
}

.p-oishiiNewsTopCont__item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-oishiiNewsTopCont__item:nth-of-type(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsTopCont__item {
        width:30%;
        margin-right: 5%;
        margin-bottom: 40px
    }

    .p-oishiiNewsTopCont__item:nth-of-type(3n) {
        margin-right: 0
    }
}

.p-oishiiNewsHead {
    padding: 30px 0 20px;
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsHead {
        padding:40px 0
    }
}

.p-oishiiNewsHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-oishiiNewsHead .c-pageTitle__icon img {
    width: 32px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsHead .c-pageTitle__icon img {
        width:44px
    }
}

.p-oishiiNewsCont {
    padding: 20px 0 40px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont {
        padding:20px 0 50px
    }
}

.p-oishiiNewsCont__inner {
    width: var(--w-sm);
    margin: auto
}

.p-oishiiNewsCont__announce {
    margin-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__announce {
        margin-bottom:50px
    }
}

.p-oishiiNewsCont__announce .desc {
    font-size: var(--fs-lv4);
    color: var(--c-base-darkest);
    line-height: var(--l-md)
}

.p-oishiiNewsCont__announce .note {
    font-size: var(--fs-lv2);
    line-height: var(--l-md);
    margin-top: 10px
}

.p-oishiiNewsCont__date {
    display: flex;
    align-items: center;
    font-size: var(--fs-lv2);
    color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__date {
        font-size:var(--fs-lv3)
    }
}

.p-oishiiNewsCont__date .option {
    margin-left: 4px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__date .option {
        margin-left:8px
    }
}

.p-oishiiNewsCont__auther {
    font-size: var(--fs-lv2);
    margin-top: 8px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__auther {
        font-size:var(--fs-lv3)
    }
}

.p-oishiiNewsCont__eyecatch {
    margin-top: 20px
}

.p-oishiiNewsCont__title {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    line-height: var(--l-md);
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__title {
        font-size:var(--fs-lv7)
    }
}

.p-oishiiNewsCont__body {
    line-height: var(--l-lg);
    color: var(--c-main-light);
    margin-top: 20px
}

.p-oishiiNewsCont__body p {
    margin-top: 20px
}

.p-oishiiNewsCont__body p:first-child {
    margin-top: 0
}

.p-oishiiNewsCont__body figure {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .p-oishiiNewsCont__body figure {
        margin-left:-5vw;
        margin-right: -5vw
    }
}

.p-oishiiNewsCont__body figure:first-child {
    margin-top: 0
}

.p-oishiiNewsCont__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 40px
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__btn {
        margin-top:80px
    }
}

@media print,screen and (min-width: 768px) {
    .p-oishiiNewsCont__btn .c-btn {
        width:300px
    }
}

.p-accessRanking {
    position: relative;
    background-color: var(--c-accent)
}

@media print,screen and (min-width: 768px) {
    .p-accessRanking {
        padding-top:15px
    }
}

.p-accessRanking__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0 25px
}

@media print,screen and (min-width: 768px) {
    .p-accessRanking__title {
        padding:20px 0 50px
    }
}

.p-accessRanking__title::before {
    content: "";
    display: block;
    width: 40px;
    height: 30px;
    background: url(../img/icon/icon_crown.svg) no-repeat center/contain;
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .p-accessRanking__title::before {
        width:60px;
        height: 45px
    }
}

.p-accessRanking__title .ja {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base);
    letter-spacing: .1em;
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-accessRanking__title .ja {
        font-size:var(--fs-lv7)
    }
}

.p-accessRanking__title .en {
    font-size: var(--fs-lv9);
    font-weight: var(--fw-light);
    color: var(--c-main);
    letter-spacing: .1em;
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-accessRanking__title .en {
        font-size:var(--fs-lv10)
    }
}

.p-accessRankingCont {
    padding-top: 15px
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont {
        padding-top:20px
    }
}

.p-accessRankingCont__inner {
    width: var(--w-md);
    margin: auto
}

.p-accessRankingCont .hr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 500px;
    background-color: var(--c-accent);
    z-index: 2
}

.p-accessRankingCont .c-card {
    position: relative;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card {
        margin-bottom:30px
    }
}

.p-accessRankingCont .c-card:last-child {
    margin-bottom: 0
}

.p-accessRankingCont .c-card__inner {
    border-radius: 10px;
    display: grid;
    grid-template-columns: 41.5vw 1fr;
    grid-template-rows: auto 1fr;
    overflow: hidden
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__inner {
        grid-template-columns:256px 1fr
    }
}

.p-accessRankingCont .c-card__rank {
    position: absolute;
    top: -10px;
    left: -10px
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__rank {
        top:-20px;
        left: -20px
    }
}

.p-accessRankingCont .c-card__image {
    grid-area: 1/1/2/2;
    border-radius: 0;
    border: none
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__image {
        grid-area:1/1/3/2
    }
}

.p-accessRankingCont .c-card__cont {
    grid-area: 1/2/2/3;
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 0
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__cont {
        grid-area:1/2/2/3;
        padding: 20px 30px 10px
    }
}

.p-accessRankingCont .c-card__lead {
    grid-area: 2/1/3/3;
    font-size: var(--fs-lv3);
    line-height: var(--l-md);
    color: var(--c-main-light);
    padding: 10px;
    pointer-events: none
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__lead {
        grid-area:2/2/3/3;
        padding: 0 30px
    }
}

.p-accessRankingCont .c-card__lead .abbr {
    position: relative;
    height: 5em;
    overflow: hidden
}

.p-accessRankingCont .c-card__lead .abbr::before {
    content: "";
    position: absolute;
    border-style: none;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 58%, #fff 100%)
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__cont {
        flex-direction:row;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .p-accessRankingCont .c-card__title {
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__title {
        width:100%;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .p-accessRankingCont .c-card__data {
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
}

.p-accessRankingCont .c-card__tag {
    margin-top: auto;
    padding-top: 10px
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card__tag {
        margin-top:0;
        margin-left: auto;
        padding-top: 0px;
        padding-left: 20px
    }
}

.p-accessRankingCont .c-card:nth-child(n+6) .rank::after {
    font-size: var(--fs-lv3)
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont .c-card:nth-child(n+6) .rank::after {
        font-size:var(--fs-lv4)
    }
}

.p-accessRankingCont__head {
    counter-reset: number 0;
    padding-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont__head {
        padding-bottom:20px
    }
}

@media screen and (max-width: 767px) {
    .p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__inner {
        display:block
    }
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__inner {
        grid-template-columns:320px 1fr
    }
}

.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__image {
    width: 100%
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__image {
        width:100%
    }
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__title {
        font-size:var(--fs-lv7);
        height: 3.2em
    }
}

@media screen and (max-width: 767px) {
    .p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__lead {
        padding-top:0
    }
}

.p-accessRankingCont__foot {
    counter-reset: number 5;
    background-color: var(--c-base-dark);
    padding-top: 15px;
    padding-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-accessRankingCont__foot {
        padding-top:20px;
        padding-bottom: 50px
    }
}

.p-accessRanking .p-commonSns {
    background-color: var(--c-base-dark)
}

.p-accessRanking .p-commonSns__inner {
    padding-bottom: 0
}

.p-search {
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-search {
        padding-top:15px
    }
}

.p-searchHead {
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-searchHead {
        padding:40px 0
    }
}

.p-searchHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-searchHead__keyword {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15px
}

.p-searchHead__keyword p {
    text-align: center;
    border-radius: 50px;
    padding: 8px 30px;
    min-width: 300px;
    background-color: var(--c-base);
    color: var(--c-base-darkest);
    line-height: var(--l-sm)
}

.p-searchHead__keyword p span+span::before {
    content: " , "
}

.p-searchNav {
    position: relative
}

.p-searchNav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--c-base-darkest);
    z-index: 4
}

.p-searchNav:last-child::before {
    bottom: auto;
    top: 0
}

.p-searchNav ul {
    width: var(--w-md);
    margin: auto;
    display: flex
}

.p-searchNav ul li {
    position: relative;
    width: 34%
}

.p-searchNav ul li:nth-of-type(1) {
    z-index: 3
}

.p-searchNav ul li:nth-of-type(2) {
    z-index: 2
}

.p-searchNav ul li:nth-of-type(3) {
    z-index: 1
}

.p-searchNav ul li+li {
    margin-left: -1%
}

.p-searchNav ul li a {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--c-base-darker);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: var(--fs-lv3);
    line-height: var(--l-sm);
    color: var(--c-base);
    border: 2px solid var(--c-base);
    padding-top: 2px
}

@media print,screen and (min-width: 768px) {
    .p-searchNav ul li a {
        height:58px;
        font-size: var(--fs-lv4)
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-searchNav ul li a {
        transition:all .6s var(--e-cubic)
    }

    .p-searchNav ul li a:hover {
        background-color: #f0d6b6
    }
}

@media(hover: none)and (pointer: none) {
    .p-searchNav ul li a:active {
        background-color:#f0d6b6
    }
}

.p-searchNav ul li.is-current {
    z-index: 4
}

.p-searchNav ul li.is-current::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 2px;
    right: 2px;
    height: 4px;
    background-color: var(--c-base)
}

.p-searchNav ul li.is-current a {
    background-color: var(--c-base);
    border-color: var(--c-base-darkest);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest)
}

.p-searchNav:last-child ul li a {
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 0px
}

.p-searchNav:last-child ul li.is-current::before {
    content: "";
    top: -1px
}

.p-searchResult {
    padding: 40px 0;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-searchResult {
        padding:50px 0
    }
}

.p-searchResult__inner {
    width: var(--w-md);
    margin: auto
}

.p-searchResult__sect {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 40px;
    margin-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-searchResult__sect {
        padding-bottom:50px;
        margin-bottom: 50px
    }
}

.p-searchResult__sect:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none
}

.p-searchResult__head {
    margin-bottom: 30px
}

.p-searchResult__head .c-sectTitle__text {
    color: var(--c-base-darkest)
}

.p-searchResult__head .c-pagination {
    margin-top: 20px
}

.p-searchResult__keyword {
    display: flex;
    justify-content: center;
    margin-top: 5px
}

.p-searchResult__keyword p {
    display: inline-flex;
    justify-content: center;
    border: 1px solid var(--c-base-darkest);
    border-radius: 30px;
    padding: 8px;
    min-width: 300px;
    color: var(--c-base-darkest)
}

.p-searchResult__keyword p span+span::before {
    content: " , "
}

.p-searchResult__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-searchResult__list {
        margin-bottom:-40px
    }
}

.p-searchResult__list .c-card {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .p-searchResult__list .c-card:nth-child(2n) {
        margin-right:0
    }
}

@media print,screen and (min-width: 768px) {
    .p-searchResult__list .c-card {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 40px
    }

    .p-searchResult__list .c-card:nth-child(4n) {
        margin-right: 0
    }
}

.p-searchResult__list .c-othersCard {
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-searchResult__list .c-othersCard {
        margin-bottom:40px
    }
}

.p-searchResult__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-searchResult__btn {
        margin-top:50px
    }
}

.p-searchResult__btn .c-btn+.c-btn {
    margin-top: 15px;
    width: 180px;
    height: 50px
}

.p-searchResult__btn .c-btn+.c-btn a {
    border: 1px solid #999
}

.p-searchBox {
    padding: 0 15px;
    background-color: var(--c-base);
    border-radius: 10px;
    -webkit-filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.16));
    transition: opacity .6s var(--e-cubic)
}

@media print,screen and (min-width: 768px) {
    .p-searchBox {
        padding:0 40px
    }
}

.p-searchBox__title {
    display: flex;
    justify-content: center;
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    letter-spacing: .08em;
    padding: 25px 0
}

@media print,screen and (min-width: 768px) {
    .p-searchBox__title {
        font-size:var(--fs-lv7);
        padding: 40px 0
    }
}

.p-searchBox__title.js-searchTrigger {
    position: relative;
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .p-searchBox__title.js-searchTrigger {
        transition:all .6s var(--e-cubic)
    }

    .p-searchBox__title.js-searchTrigger:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-searchBox__title.js-searchTrigger:active {
        opacity:var(--hover-opacity)
    }
}

.p-searchBox__title.js-searchTrigger::after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 8px;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/icon_control.svg);
    mask-image: url(../img/icon/icon_control.svg);
    background-color: var(--c-main);
    transition: all .6s var(--e-cubic)
}

@media print,screen and (min-width: 768px) {
    .p-searchBox__title.js-searchTrigger::after {
        top:calc(50% - 10px);
        right: 0px;
        width: 20px;
        height: 20px
    }
}

.p-searchBox__title.js-searchTrigger.is-active::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-mask-image: url(../img/icon/icon_close.svg);
    mask-image: url(../img/icon/icon_close.svg)
}

.p-searchBox__cont {
    display: none;
    padding-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-searchBox__row {
        display:flex;
        justify-content: space-between
    }
}

@media print,screen and (min-width: 768px) {
    .p-searchBox__col {
        width:48%
    }
}

.p-searchBox__sect {
    margin-bottom: 30px
}

.p-searchBox__sectTitle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: var(--c-base-darkest);
    border-radius: 10px;
    font-size: var(--fs-lv4);
    color: var(--c-base);
    margin-bottom: 15px
}

.p-searchBox__sectTitle.js-searchTrigger {
    position: relative;
    cursor: pointer
}

.p-searchBox__sectTitle.js-searchTrigger::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
    width: 10px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/arrow_down.svg);
    mask-image: url(../img/icon/arrow_down.svg);
    background-color: var(--c-base);
    transition: all .6s var(--e-cubic)
}

.p-searchBox__sectTitle.js-searchTrigger.is-active::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.p-searchBox__sectTitle::before {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width: 767px) {
    .p-searchBox__sectTitle::before {
        position:absolute;
        top: 50%;
        left: 5vw;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }
}

@media print,screen and (min-width: 768px) {
    .p-searchBox__sectTitle::before {
        margin-right:15px
    }
}

.p-searchBox__area .p-searchBox__sectTitle::before {
    background-image: url(../img/icon/search_area.svg)
}

.p-searchBox__bread .p-searchBox__sectTitle::before {
    width: 36px;
    background-image: url(../img/icon/search_bread.svg)
}

.p-searchBox__freeword .p-searchBox__sectTitle::before {
    background-image: url(../img/icon/search_keyword.svg)
}

.p-searchBox__sectCont .js-accMore {
    padding-top: 8px
}

.p-searchBox__sectBtn {
    margin-top: 20px
}

.p-searchBox__sectMore {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}

.js-accCont.is-open .p-searchBox__sectMore {
    display: none;
    opacity: 0;
    -webkit-animation: fadeOut .6s ease-in 0s forwards;
    animation: fadeOut .6s ease-in 0s forwards
}

@media(hover: hover)and (pointer: fine) {
    .p-searchBox__sectMore {
        transition:all .6s var(--e-cubic)
    }

    .p-searchBox__sectMore:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-searchBox__sectMore:active {
        opacity:var(--hover-opacity)
    }
}

.p-searchBox__sectMore::after {
    content: "";
    display: block;
    width: 10px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/arrow_down.svg);
    mask-image: url(../img/icon/arrow_down.svg);
    background-color: var(--c-main);
    margin-left: 10px
}

.p-searchBox__sectClose {
    display: none;
    opacity: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}

.js-accCont.is-open .p-searchBox__sectClose {
    display: flex;
    opacity: 1;
    -webkit-animation: fadeIn .6s ease-in 0s forwards;
    animation: fadeIn .6s ease-in 0s forwards
}

@media(hover: hover)and (pointer: fine) {
    .p-searchBox__sectClose {
        transition:all .6s var(--e-cubic)
    }

    .p-searchBox__sectClose:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-searchBox__sectClose:active {
        opacity:var(--hover-opacity)
    }
}

.p-searchBox__sectClose::after {
    content: "";
    display: block;
    width: 10px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/arrow_up.svg);
    mask-image: url(../img/icon/arrow_up.svg);
    background-color: var(--c-main);
    margin-left: 10px
}

.p-searchBox__sect input[type=text] {
    width: 100%;
    border: 1px solid var(--c-main-light);
    padding: 15px;
    font-size: 16px;
    text-align: center
}

.p-searchBox__sect input[type=text]::-webkit-input-placeholder {
    color: var(--c-main-light)
}

.p-searchBox__sect input[type=text]:-ms-input-placeholder {
    color: var(--c-main-light)
}

.p-searchBox__sect input[type=text]::-ms-input-placeholder {
    color: var(--c-main-light)
}

.p-searchBox__sect input[type=text]::placeholder {
    color: var(--c-main-light)
}

.p-searchBox__areaList {
    padding-top: 15px
}

.p-searchBox__areaToggle dt {
    position: relative;
    cursor: pointer;
    font-size: var(--fs-lv4);
    padding: 15px 0
}

@media(hover: hover)and (pointer: fine) {
    .p-searchBox__areaToggle dt {
        transition:all .6s var(--e-cubic)
    }

    .p-searchBox__areaToggle dt:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-searchBox__areaToggle dt:active {
        opacity:var(--hover-opacity)
    }
}

.p-searchBox__areaToggle dt::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    width: 10px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/arrow_down.svg);
    mask-image: url(../img/icon/arrow_down.svg);
    background-color: var(--c-main);
    transition: all .6s var(--e-cubic)
}

.p-searchBox__areaToggle dt.is-active::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.p-searchBox__btn {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width: 767px) {
    .p-searchBox__btn {
        position:sticky;
        bottom: 10px
    }
}

.p-searchBox__btn .c-btn {
    transition: none
}

@media screen and (max-width: 767px) {
    .p-searchBox__btn .c-btn {
        width:100%
    }
}

@media screen and (max-width: 767px) {
    .p-searchBox__btn.is-sticky .c-btn {
        width:200px;
        height: 50px
    }
}

.p-searchBox__btnClear {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 50px;
    font-size: var(--fs-lv3);
    margin: 15px auto 0;
    cursor: pointer;
    background-color: var(--c-base);
    border: 1px solid var(--c-main-light);
    color: var(--c-main);
    border-radius: 10px
}

@media(hover: hover)and (pointer: fine) {
    .p-searchBox__btnClear {
        transition:all .6s var(--e-cubic)
    }

    .p-searchBox__btnClear:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-searchBox__btnClear:active {
        opacity:var(--hover-opacity)
    }
}

.p-searchBox.is-open {
    pointer-events: auto;
    -webkit-animation: fadeIn .6s forwards;
    animation: fadeIn .6s forwards
}

.p-searchBox.is-close {
    pointer-events: none;
    -webkit-animation: fadeOut .6s forwards;
    animation: fadeOut .6s forwards
}

.p-common {
    background-color: var(--c-base)
}

.p-commonSns__inner {
    display: flex;
    justify-content: center;
    width: var(--w-md);
    margin: auto;
    padding-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-commonSns__inner {
        padding-bottom:50px
    }
}

.p-commonSns__item {
    width: 40px;
    margin: 0 10px
}

@media print,screen and (min-width: 768px) {
    .p-commonSns__item {
        margin:0 7px
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-commonSns__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-commonSns__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-commonSns__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-commonKeyword {
    background-color: var(--c-base-dark)
}

.p-commonKeyword__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-commonKeyword__inner {
        padding:50px 0
    }
}

.p-commonKeyword__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    letter-spacing: .1em
}

@media print,screen and (min-width: 768px) {
    .p-commonKeyword__title {
        font-size:var(--fs-lv7)
    }
}

.p-commonKeyword__title::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/icon/icon_keyword.svg) no-repeat center/contain;
    margin-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-commonKeyword__title::before {
        width:80px;
        height: 80px
    }
}

.p-commonKeyword__cont {
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-commonKeyword__cont {
        margin-top:40px
    }
}

.p-commonKeyword__cont ul {
    justify-content: center
}

.p-commonRanking {
    background-color: var(--c-accent);
    counter-reset: number 0
}

.p-commonRanking__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking__inner {
        padding:50px 0
    }
}

.p-commonRanking__title {
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-commonRanking__title::before {
    content: "";
    display: block;
    width: 40px;
    height: 30px;
    background: url(../img/icon/icon_crown.svg) no-repeat center/contain;
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking__title::before {
        width:60px;
        height: 45px
    }
}

.p-commonRanking__title .ja {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base);
    letter-spacing: .1em;
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking__title .ja {
        font-size:var(--fs-lv7)
    }
}

.p-commonRanking__title .en {
    font-size: var(--fs-lv9);
    font-weight: var(--fw-light);
    color: var(--c-main);
    letter-spacing: .1em;
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking__title .en {
        font-size:var(--fs-lv10)
    }
}

.p-commonRanking__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-top: 30px;
    margin-bottom: -20px
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking__list {
        flex-direction:row;
        padding-top: 60px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .p-commonRanking .c-card {
        margin-bottom:20px
    }

    .p-commonRanking .c-card__inner {
        display: flex;
        flex-direction: row;
        border-radius: 10px
    }

    .p-commonRanking .c-card__rank {
        position: absolute;
        top: -10px;
        left: -10px
    }

    .p-commonRanking .c-card__image {
        width: 41.5vw
    }
}

@media screen and (max-width: 767px)and (min-width: 768px) {
    .p-commonRanking .c-card__image {
        width:256px
    }
}

@media screen and (max-width: 767px) {
    .p-commonRanking .c-card__cont {
        flex:1;
        padding: 10px;
        display: flex;
        flex-direction: column;
        margin-top: 0
    }
}

@media screen and (max-width: 767px)and (max-width: 767px) {
    .p-commonRanking .c-card__title {
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media screen and (max-width: 767px)and (max-width: 767px) {
    .p-commonRanking .c-card__data {
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
}

@media screen and (max-width: 767px) {
    .p-commonRanking .c-card__tag {
        margin-top:auto;
        padding-top: 6px
    }
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking .c-card {
        position:relative;
        width: 31%;
        height: auto;
        margin-right: 3.5%
    }

    .p-commonRanking .c-card__rank {
        position: absolute;
        top: -30px;
        left: -15px;
        -webkit-transform: none;
        transform: none
    }

    .p-commonRanking .c-card__image img {
        height: 242px
    }

    .p-commonRanking .c-card:nth-of-type(3) {
        margin-right: 0
    }

    .p-commonRanking .c-card:nth-of-type(4) {
        margin-top: 60px;
        width: 48.25%
    }

    .p-commonRanking .c-card:nth-of-type(5) {
        margin-top: 60px;
        width: 48.25%;
        margin-right: 0
    }

    .p-commonRanking .c-card:nth-of-type(4) .c-card__inner,.p-commonRanking .c-card:nth-of-type(5) .c-card__inner {
        display: flex;
        flex-direction: row
    }

    .p-commonRanking .c-card:nth-of-type(4) .c-card__inner .c-card__image,.p-commonRanking .c-card:nth-of-type(5) .c-card__inner .c-card__image {
        width: 41.5vw
    }
}

@media print,screen and (min-width: 768px)and (min-width: 768px) {
    .p-commonRanking .c-card:nth-of-type(4) .c-card__inner .c-card__image,.p-commonRanking .c-card:nth-of-type(5) .c-card__inner .c-card__image {
        width:256px
    }
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking .c-card .c-card__cont {
        flex:1;
        padding: 15px;
        display: flex;
        flex-direction: column;
        margin-top: 0
    }

    .p-commonRanking .c-card .c-card__cont .c-card__tag {
        margin-top: auto;
        padding-top: 10px
    }
}

.p-commonRanking__btn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-commonRanking__btn {
        margin-top:50px
    }
}

.p-commonPickup {
    overflow: hidden
}

.p-commonPickup__inner {
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-commonPickup__inner {
        width:var(--w-md);
        margin: auto;
        padding: 50px 0
    }
}

.p-commonPickup.bakery::before {
    content: "";
    display: block;
    width: var(--w-md);
    height: 2px;
    margin: auto;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x
}

.p-commonPickup__cont {
    margin-top: 25px
}

@media print,screen and (min-width: 768px) {
    .p-commonPickup__cont {
        margin-top:35px
    }
}

.p-commonPickup .swiper {
    overflow: visible
}

.p-commonPickup__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-commonPickup__btn {
        margin-top:50px
    }
}

.p-commonSpecial {
    background-color: var(--c-base-dark)
}

.p-commonSpecial__inner {
    width: var(--w-md);
    margin: auto;
    padding: 30px 0
}

@media print,screen and (min-width: 768px) {
    .p-commonSpecial__inner {
        padding:50px 0
    }
}

.p-commonSpecial__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    letter-spacing: .1em
}

@media print,screen and (min-width: 768px) {
    .p-commonSpecial__title {
        font-size:var(--fs-lv7)
    }
}

.p-commonSpecial__title::before {
    content: "";
    display: block;
    width: 50px;
    height: 34px;
    background: url(../img/icon/icon_book.svg) no-repeat center/contain;
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .p-commonSpecial__title::before {
        width:90px;
        height: 60px;
        margin-bottom: 20px
    }
}

.p-commonSpecial__cont {
    margin-top: 30px;
    padding: 0 4vw
}

@media print,screen and (min-width: 768px) {
    .p-commonSpecial__cont {
        margin-top:40px;
        padding: 0
    }
}

@media print,screen and (min-width: 768px) {
    .p-commonSpecial__list {
        display:flex;
        justify-content: center
    }
}

.p-commonSpecial__item {
    margin-bottom: 20px;
    -webkit-filter: var(--shadow-md);
    filter: var(--shadow-md)
}

.p-commonSpecial__item:last-child {
    margin-bottom: 0
}

@media print,screen and (min-width: 768px) {
    .p-commonSpecial__item {
        width:30%
    }

    .p-commonSpecial__item+.p-commonSpecial__item {
        margin-left: 5%
    }
}

.p-commonSpecial__item a {
    border-radius: 10px;
    display: block;
    overflow: hidden
}

@media(hover: hover)and (pointer: fine) {
    .p-commonSpecial__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-commonSpecial__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-commonSpecial__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-commonBtmBnr {
    display: none
}

@media print,screen and (min-width: 768px) {
    .p-commonBtmBnr {
        display:block;
        background-color: var(--c-base);
        padding: 30px 0
    }

    .p-home .p-commonBtmBnr {
        padding: 0 0 30px
    }

    .p-commonBtmBnr__inner {
        display: flex;
        justify-content: center;
        width: var(--w-md);
        margin: auto
    }

    .p-commonBtmBnr__item {
        width: 232px
    }

    .p-commonBtmBnr__item+.p-commonBtmBnr__item {
        margin-left: 30px
    }
}

@media print and (hover: hover)and (pointer: fine),screen and (min-width: 768px)and (hover: hover)and (pointer: fine) {
    .p-commonBtmBnr__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-commonBtmBnr__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media print and (hover: none)and (pointer: none),screen and (min-width: 768px)and (hover: none)and (pointer: none) {
    .p-commonBtmBnr__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-contact {
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-contact {
        padding-top:15px
    }
}

.p-contactHead {
    padding: 30px 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-contactHead {
        padding:40px 0
    }
}

.p-contactHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-contactHead .c-pageTitle__icon img {
    width: 40px
}

@media print,screen and (min-width: 768px) {
    .p-contactHead .c-pageTitle__icon img {
        width:50px
    }
}

.p-contactBody {
    padding: 40px 0;
    background-color: var(--c-base)
}

.p-contactBody__inner {
    width: var(--w-md);
    margin: auto
}

.p-contactBody__head {
    margin-bottom: 20px
}

.p-contactBody__head .note {
    color: var(--c-attention)
}

.p-contactBody__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px
}

.p-contactBody__btn .back {
    margin-top: 20px
}

@media print,screen and (min-width: 768px) {
    .p-contactBody #name,.p-contactBody #kana {
        width:60%
    }
}

.p-termsHead {
    padding: 30px 0 20px;
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .p-termsHead {
        padding:40px 0
    }
}

.p-termsHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-termsHead .c-pageTitle__icon img {
    width: 40px
}

@media print,screen and (min-width: 768px) {
    .p-termsHead .c-pageTitle__icon img {
        width:50px
    }
}

.p-termsCont {
    padding: 40px 0;
    background-color: var(--c-base);
    color: var(--c-main-light)
}

@media print,screen and (min-width: 768px) {
    .p-termsCont {
        padding:50px 0
    }
}

.p-termsCont__inner {
    width: var(--w-md);
    margin: auto
}

.p-terms__announce {
    margin-bottom: 40px
}

.p-terms__announce .desc {
    font-size: var(--fs-lv4);
    color: var(--c-base-darkest);
    line-height: var(--l-md);
    margin-bottom: 20px
}

.p-terms__announce .u-list {
    line-height: 2
}

.p-terms__announce .u-list a {
    text-decoration: underline
}

.p-terms__sect {
    margin-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-terms__sect {
        margin-bottom:50px
    }
}

.p-terms__sect:last-child {
    margin-bottom: 0
}

.p-terms__title {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    line-height: var(--l-md);
    color: var(--c-base-darkest);
    padding-bottom: .4em;
    margin-bottom: .8em;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom
}

@media print,screen and (min-width: 768px) {
    .p-terms__title {
        font-size:var(--fs-lv7)
    }
}

.p-terms__cont {
    line-height: var(--l-lg)
}

.p-terms__cont p+p {
    margin-top: 1em
}

.p-terms__cont a {
    text-decoration: underline
}

@media(hover: hover)and (pointer: fine) {
    .p-terms__cont a {
        transition:all .6s var(--e-cubic)
    }

    .p-terms__cont a:hover {
        text-decoration: none
    }
}

@media(hover: none)and (pointer: none) {
    .p-terms__cont a:active {
        text-decoration:none
    }
}

.p-terms__cont .note {
    display: block;
    font-size: 80%;
    line-height: 1.6
}

.p-sitemap {
    background-color: var(--c-base-dark)
}

.p-sitemapHead {
    padding: 30px 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-sitemapHead {
        padding:40px 0
    }
}

.p-sitemapHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-sitemapHead .c-pageTitle__icon img {
    width: 40px
}

@media print,screen and (min-width: 768px) {
    .p-sitemapHead .c-pageTitle__icon img {
        width:50px
    }
}

.p-sitemapCont {
    padding: 20px 0 40px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-sitemapCont {
        padding:20px 0 50px
    }
}

.p-sitemapCont__inner {
    width: var(--w-md);
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-sitemapCont__inner {
        display:flex;
        justify-content: space-between
    }
}

@media print,screen and (min-width: 768px) {
    .p-sitemap__col {
        width:31%
    }
}

.p-sitemap__item {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom
}

.p-sitemap__item a {
    display: flex;
    align-items: center;
    padding: 5vw 0;
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    line-height: var(--l-sm)
}

@media print,screen and (min-width: 768px) {
    .p-sitemap__item a {
        padding:25px 0;
        font-size: var(--fs-lv5)
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-sitemap__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-sitemap__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-sitemap__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-sitemap__circle {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: var(--c-base-darkest)
}

.p-sitemap__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

.p-sitemap__text {
    flex: 1;
    margin-left: 10px
}

.p-sitemap__text .u-icon {
    margin-left: .3em
}

.p-sitemap__listChild {
    padding-bottom: 5vw;
    margin-left: 34px
}

@media print,screen and (min-width: 768px) {
    .p-sitemap__listChild {
        padding-bottom:25px
    }
}

.p-sitemap__listChild .p-sitemap__item {
    background: none;
    margin-bottom: 8px
}

@media print,screen and (min-width: 768px) {
    .p-sitemap__listChild .p-sitemap__item {
        margin-bottom:15px
    }
}

.p-sitemap__listChild .p-sitemap__item:last-child {
    margin-bottom: 0
}

.p-sitemap__listChild .p-sitemap__item a {
    align-items: flex-start;
    padding: 0;
    font-size: var(--fs-lv3);
    font-weight: var(--fw-reg);
    line-height: var(--l-md)
}

@media print,screen and (min-width: 768px) {
    .p-sitemap__listChild .p-sitemap__item a {
        font-size:var(--fs-lv4)
    }
}

.p-sitemap__listChild .p-sitemap__item a .p-sitemap__circle {
    margin-top: 6px
}

@media print,screen and (min-width: 768px) {
    .p-sitemap__listChild .p-sitemap__item a .p-sitemap__circle {
        margin-top:9px
    }
}

.p-gallery {
    position: relative;
    background-color: var(--c-base-dark)
}

.p-galleryHead {
    padding: 30px 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-galleryHead {
        padding:40px 0
    }
}

.p-galleryHead__inner {
    width: var(--w-md);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-galleryCont {
    padding-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-galleryCont {
        padding-bottom:50px
    }
}

.p-galleryCont__inner {
    width: 90vw;
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-galleryCont__inner {
        width:1000px;
        text-align: center
    }
}

.p-gallery__lead {
    font-size: var(--fs-lv3);
    line-height: var(--l-md);
    margin-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-gallery__lead {
        text-align:center;
        margin-bottom: 60px
    }
}

.p-gallery__nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1px;
    box-shadow: 0 0 0 1px var(--c-brown-light);
    border-radius: 10px;
    background-color: var(--c-base);
    overflow: hidden;
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-gallery__nav {
        display:inline-grid;
        grid-template-columns: 120px 176px;
        grid-auto-columns: 176px;
        grid-auto-flow: column;
        margin-bottom: 40px
    }
}

.p-gallery__nav li {
    box-shadow: 0 0 0 1px var(--c-brown-light)
}

.p-gallery__nav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 50px;
    font-size: var(--fs-lv3);
    line-height: var(--l-sm);
    color: var(--c-base-darkest);
    background-color: var(--c-base);
    padding: 0 .8em
}

@media print,screen and (min-width: 768px) {
    .p-gallery__nav li a {
        height:66px;
        font-size: var(--fs-lv4);
        padding: 0 1.5em
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-gallery__nav li a:not(.is-active) {
        transition:all .6s var(--e-cubic)
    }

    .p-gallery__nav li a:not(.is-active):hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-gallery__nav li a:not(.is-active):active {
        opacity:var(--hover-opacity)
    }
}

.p-gallery__nav li a.is-active {
    color: var(--c-base);
    background-color: var(--c-base-darkest)
}

.p-gallery__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5vw
}

@media print,screen and (min-width: 768px) {
    .p-gallery__list {
        gap:10px
    }
}

.p-galleryCard {
    position: relative;
    width: 29vw
}

@media print,screen and (min-width: 768px) {
    .p-galleryCard {
        width:192px
    }
}

@media screen and (max-width: 767px) {
    .p-galleryCard:nth-child(3n) {
        margin-right:0
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-galleryCard__link {
        transition:all .6s var(--e-cubic)
    }

    .p-galleryCard__link:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-galleryCard__link:active {
        opacity:var(--hover-opacity)
    }
}

.p-galleryCard__icon {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px
}

@media print,screen and (min-width: 768px) {
    .p-galleryCard__icon {
        top:8px;
        right: 8px
    }
}

.p-galleryCard__icon::after {
    content: "";
    display: inline-flex;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--c-base)
}

.p-galleryCard__icon--video::after {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(../img/icon/icon_video.svg);
    mask-image: url(../img/icon/icon_video.svg)
}

@media print,screen and (min-width: 768px) {
    .p-galleryCard__icon--video::after {
        width:30px;
        height: 30px
    }
}

.p-galleryCard.is-animated {
    -webkit-animation: .6s fadeInUp;
    animation: .6s fadeInUp
}

.p-gallerLoading {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: var(--z-index-modal)
}

.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--c-base-darkest);
    color: var(--c-base-darkest);
    box-shadow: 9999px 0 0 -5px;
    -webkit-animation: dot-pulse 1.5s infinite linear;
    animation: dot-pulse 1.5s infinite linear;
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.dot-pulse::before,.dot-pulse::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--c-base-darkest);
    color: var(--c-base-darkest)
}

.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px;
    -webkit-animation: dot-pulse-before 1.5s infinite linear;
    animation: dot-pulse-before 1.5s infinite linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px;
    -webkit-animation: dot-pulse-after 1.5s infinite linear;
    animation: dot-pulse-after 1.5s infinite linear;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px
    }

    30% {
        box-shadow: 9984px 0 0 2px
    }

    60%,100% {
        box-shadow: 9984px 0 0 -5px
    }
}

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px
    }

    30% {
        box-shadow: 9984px 0 0 2px
    }

    60%,100% {
        box-shadow: 9984px 0 0 -5px
    }
}

@-webkit-keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px
    }

    30% {
        box-shadow: 9999px 0 0 2px
    }

    60%,100% {
        box-shadow: 9999px 0 0 -5px
    }
}

@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px
    }

    30% {
        box-shadow: 9999px 0 0 2px
    }

    60%,100% {
        box-shadow: 9999px 0 0 -5px
    }
}

@-webkit-keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px
    }

    30% {
        box-shadow: 10014px 0 0 2px
    }

    60%,100% {
        box-shadow: 10014px 0 0 -5px
    }
}

@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px
    }

    30% {
        box-shadow: 10014px 0 0 2px
    }

    60%,100% {
        box-shadow: 10014px 0 0 -5px
    }
}

.p-galleryModal {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-modal);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    display: none
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal {
        top:0;
        left: 0;
        right: 0
    }
}

.p-galleryModal.is-open {
    display: block;
    pointer-events: auto;
    -webkit-animation: fadeIn .6s forwards;
    animation: fadeIn .6s forwards
}

.p-galleryModal.is-close {
    display: none;
    pointer-events: none
}

.p-galleryModal__inner {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    transition: opacity .6s var(--e-cubic);
    z-index: calc(var(--z-index-modal) + 2)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__inner {
        top:10vh;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 800px;
        height: auto;
        padding: 25px;
        background-color: var(--c-base)
    }
}

.p-galleryModal__close {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    z-index: calc(var(--z-index-modal) + 2);
    cursor: pointer
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__close {
        position:absolute;
        top: -32px;
        right: -32px;
        width: 64px;
        height: 64px;
        border-radius: 32px;
        background-color: var(--c-base-darkest)
    }
}

.p-galleryModal__close .line {
    position: relative;
    width: 20px;
    height: 20px
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__close .line {
        width:30px;
        height: 30px
    }
}

.p-galleryModal__close span {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--c-main)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__close span {
        background-color:var(--c-base)
    }
}

.p-galleryModal__close span:nth-of-type(1) {
    top: 0px;
    -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__close span:nth-of-type(1) {
        -webkit-transform:translateY(14px) rotate(45deg);
        transform: translateY(14px) rotate(45deg)
    }
}

.p-galleryModal__close span:nth-of-type(2) {
    bottom: 0px;
    -webkit-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__close span:nth-of-type(2) {
        -webkit-transform:translateY(-14px) rotate(-45deg);
        transform: translateY(-14px) rotate(-45deg)
    }
}

.p-galleryModal__cont {
    margin-top: 40px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont {
        display:grid;
        grid-template-columns: 50% 1fr;
        grid-template-rows: auto 1fr;
        grid-gap: 20px;
        width: 100%;
        background-color: none;
        margin-top: 0
    }
}

.p-galleryModal__cont .p-galleryModalAuthor {
    display: flex;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: var(--c-base);
    margin: auto;
    z-index: calc(var(--z-index-modal) + 1)
}

@media screen and (max-width: 767px) {
    .p-galleryModal__cont .p-galleryModalAuthor {
        position:sticky;
        top: 0;
        padding: 0 5vw
    }
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalAuthor {
        grid-area:1/2/2/3;
        width: 100%;
        height: 50px
    }
}

.p-galleryModal__cont .p-galleryModalAuthor__thumb {
    margin-right: 10px
}

.p-galleryModal__cont .p-galleryModalAuthor__thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalAuthor__thumb img {
        width:60px;
        height: 60px
    }
}

.p-galleryModal__cont .p-galleryModalAuthor__name {
    font-size: var(--fs-lv4);
    letter-spacing: .1em
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalAuthor__name {
        font-size:var(--fs-lv5);
        color: var(--c-base-darkest)
    }
}

.p-galleryModal__cont .p-galleryModalAuthor__insta {
    margin-top: 2px
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalAuthor__insta {
        margin-top:5px
    }
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalImage {
        grid-area:1/1/3/2
    }
}

.p-galleryModal__cont .p-galleryModalText {
    width: 86vw;
    margin: 20px auto 0;
    font-size: var(--fs-lv3);
    line-height: var(--l-lg);
    color: var(--c-main-light)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalText {
        position:relative;
        width: 100%;
        height: auto;
        margin: 0;
        grid-area: 2/2/3/3
    }
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__cont .p-galleryModalText__inner {
        position:absolute;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll
    }

    .p-galleryModal__cont .p-galleryModalText__inner::-webkit-scrollbar {
        background: rgba(0,0,0,0);
        border: 1px solid var(--c-brown-light);
        border-radius: 10px;
        overflow: hidden;
        width: 10px
    }

    .p-galleryModal__cont .p-galleryModalText__inner::-webkit-scrollbar-button {
        display: none
    }

    .p-galleryModal__cont .p-galleryModalText__inner::-webkit-scrollbar-corner {
        background: var(--c-brown);
        border-radius: 10px;
        overflow: hidden
    }

    .p-galleryModal__cont .p-galleryModalText__inner::-webkit-scrollbar-thumb {
        background-color: var(--c-brown);
        border-radius: 10px;
        overflow: hidden
    }
}

.p-galleryModal__cont .p-galleryModalText p+p {
    margin-top: 1em
}

.p-galleryModal__footer {
    padding: 30px 7vw;
    margin-bottom: 40px;
    background-color: var(--c-base)
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__footer {
        padding:30px 0 0;
        margin: 0;
        background-color: none
    }
}

.p-galleryModal__footer .p-galleryModalInsta {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__footer .p-galleryModalInsta {
        display:none
    }
}

.p-galleryModal__footer .p-galleryModalNav {
    display: flex;
    justify-content: space-between
}

.p-galleryModal__footer .p-galleryModalNav a {
    display: flex;
    align-items: center;
    font-size: var(--fs-lv2);
    color: var(--c-base-darkest)
}

.p-galleryModal__footer .p-galleryModalNav a span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: var(--c-brown);
    margin: 0 10px 0 0
}

.p-galleryModal__footer .p-galleryModalNav a span::before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--c-base);
    border-right: 1px solid var(--c-base);
    -webkit-transform: rotate(-135deg) skew(-10deg, -10deg) translate(-1px, 1px);
    transform: rotate(-135deg) skew(-10deg, -10deg) translate(-1px, 1px)
}

@media(hover: hover)and (pointer: fine) {
    .p-galleryModal__footer .p-galleryModalNav a {
        transition:all .6s var(--e-cubic)
    }

    .p-galleryModal__footer .p-galleryModalNav a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-galleryModal__footer .p-galleryModalNav a:active {
        opacity:var(--hover-opacity)
    }
}

.p-galleryModal__footer .p-galleryModalNav .next span {
    order: 2;
    margin: 0 0 0 10px
}

.p-galleryModal__footer .p-galleryModalNav .next span::before {
    -webkit-transform: rotate(45deg) skew(-10deg, -10deg) translate(-1px, 1px);
    transform: rotate(45deg) skew(-10deg, -10deg) translate(-1px, 1px)
}

.p-galleryModal__footer .p-galleryModalBtn {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

@media print,screen and (min-width: 768px) {
    .p-galleryModal__footer .p-galleryModalBtn {
        margin-top:10px
    }
}

.p-galleryModal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: calc(var(--z-index-modal) + 1)
}

.p-galleryModal .auth_insta {
    display: flex;
    align-items: center;
    font-size: var(--fs-lv3);
    color: #2634ea
}

@media(hover: hover)and (pointer: fine) {
    .p-galleryModal .auth_insta {
        transition:all .6s var(--e-cubic)
    }

    .p-galleryModal .auth_insta:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-galleryModal .auth_insta:active {
        opacity:var(--hover-opacity)
    }
}

.p-galleryModal .auth_insta::before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icon/sns_instagram.png) no-repeat center center/contain;
    margin: 4px 4px 0 0
}

.p-instagrammer {
    color: #333;
    line-height: 1.75;
    font-size: var(--fs-lv3);
    padding-bottom: 20px;
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer {
        font-size:var(--fs-lv4);
        margin-bottom: 40px;
    }
}

.p-instagrammer .kv {
    position: relative
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .kv {
        height:400px;
        background: url(../img/instagrammer/kv_bg.jpg) repeat-x left center/auto
    }
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .kv .kv_title img {
        position:absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 415px
    }
}

.p-instagrammer .about {
    padding: 34px 0 40px;
    background: #fbf7f2
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .about {
        padding:50px 0
    }
}

.p-instagrammer .about .about__title {
    font-size: 16px;
    margin-bottom: 18px;
    color: #b3790d;
    text-align: center;
    font-weight: bold
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .about .about__title {
        font-size:21px;
        margin-bottom: 25px
    }
}

.p-instagrammer .about .about__text {
    padding: 0 35px;
    line-height: 1.6;
    font-size: 14px
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .about .about__text {
        max-width:892px;
        margin: 0 auto;
        padding: 0;
        line-height: 1.9;
        font-size: 15px
    }
}

.p-instagrammer .introduction {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fbf7f2
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction {
        padding-bottom:60px
    }
}

.p-instagrammer .introduction .c-sectTitle {
    margin-bottom: 30px
}

.p-instagrammer .introduction .c-sectTitle .c-sectTitle__text {
    font-size: var(--fs-lv7);
    font-weight: var(--fw-bold)
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction .c-sectTitle .c-sectTitle__text {
        font-size:var(--fs-lv8)
    }
}

.p-instagrammer .introduction__list {
    position: relative;
    padding-top: 5px;
    display: block
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__list {
        padding-top:50px;
        max-width: 1040px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        gap: 45px
    }
}

.p-instagrammer .introduction__list:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    display: block;
    width: calc(100% - 68px);
    height: 2px;
    margin: auto;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__list:after {
        width:100%
    }
}

.p-instagrammer .introduction__list__item {
    position: relative;
    width: 100%;
    padding-top: 28px;
    padding-bottom: 28px;    
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__list__item {
        width:calc(33.3333333333% - 30px);
        display: flex;
        flex-direction: column;
        padding: 0
    }
}

.p-instagrammer .introduction__list__item:after {
    display: block;
    content: "";
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% - 68px);
    right: 0;
    margin: auto;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__list__item:after {
        display:none
    }
}

.p-instagrammer .introduction__list__item:last-child:after {
    display: none
}

@media(hover: hover)and (pointer: fine) {
    .p-instagrammer .introduction__list__item a {
        transition:all .6s var(--e-cubic)
    }

    .p-instagrammer .introduction__list__item a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-instagrammer .introduction__list__item a:active {
        opacity:var(--hover-opacity)
    }
}

.p-instagrammer .introduction__thumb {
    width: 146px;
    margin: 0 auto 8px
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__thumb {
        width:75%;
        margin: 0 auto 10px
    }
}

.p-instagrammer .introduction__thumb img {
    width: 100%
}

.p-instagrammer .introduction__name {
    font-size: 16px;
    margin-bottom: 8px;
    color: #b3790d;
    letter-spacing: .1em;
    text-align: center
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__name {
        font-size:24px;
        margin-bottom: 20px
    }
}

.p-instagrammer .introduction__name2 {
    font-size: 16px;
    margin-bottom: 8px;
    color: #b3790d;
    letter-spacing: .1em;
    text-align: left
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__name2 {
        font-size:24px;
        margin-bottom: 10px;
    }
}

.p-instagrammer .introduction__insta {
    font-size: 14px;
    color: #2634ea;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 8px
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__insta {
        margin-bottom:10px
    }
}

.p-instagrammer .introduction__insta:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icon/sns_instagram.png) no-repeat center center/contain;
    margin-right: 6px;
    vertical-align: middle
}

@media(hover: hover)and (pointer: fine) {
    .p-instagrammer .introduction__insta a {
        transition:all .6s var(--e-cubic)
    }

    .p-instagrammer .introduction__insta a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-instagrammer .introduction__insta a:active {
        opacity:var(--hover-opacity)
    }
}

.p-instagrammer .introduction__insta2 {
    font-size: 14px;
    color: #2634ea;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 8px;
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__insta2 {
        margin-bottom:10px;
    }
}

@media print,screen and (max-width: 768px) {
    .p-instagrammer .introduction__insta2 {
        font-size: 10px;
    }
}

.p-instagrammer .introduction__insta2:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icon/sns_instagram.png) no-repeat center center/contain;
    margin-right: 6px;
    vertical-align: middle
}

@media(hover: hover)and (pointer: fine) {
    .p-instagrammer .introduction__insta2 a {
        transition:all .6s var(--e-cubic)
    }

    .p-instagrammer .introduction__insta2 a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-instagrammer .introduction__insta2 a:active {
        opacity:var(--hover-opacity)
    }
}

.p-instagrammer .introduction__area {
    font-size: 10px;
    margin-bottom: 10px;
    text-align: center
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__area {
        font-size:14px;
        margin-bottom: 20px
    }
}

.p-instagrammer .introduction__area2 {
    font-size: 10px;
    margin-bottom: 10px;
    text-align: left
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__area2 {
        font-size:14px;
        margin-bottom: 10px;
    }
}

.p-instagrammer .introduction__text {
    max-width: 250px;
    margin: 0 auto;
    font-size:14px;
    font-weight: 400;
    line-height: var(--l-lg)
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__text {
        font-size:14px;
        max-width:320px;
    }
}

@media print,screen and (max-width: 768px) {
    .p-instagrammer .introduction__text {
        font-size: 10px;
    }
}

.p-instagrammer .introduction__link {
    display: flex;
    background: #fff;
    -webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    width: 250px;
    height: 50px;
    margin: 10px auto 0;
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    align-items: center;
    justify-content: center;
    color: #b3790d;
    border-radius: 50px;
    position: relative
}

@media print,screen and (min-width: 768px) {
    .p-instagrammer .introduction__link {
        width:320px;
        height: 60px;
        margin: 50px auto 0
    }
}

.p-instagrammer .introduction__link:after {
    display: block;
    content: "";
    width: 6px;
    height: 8px;
    background: url("../img/icon/arrow_next.svg") no-repeat center center/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px
}

@media(hover: hover)and (pointer: fine) {
    .p-instagrammer .introduction__link {
        transition:all .6s var(--e-cubic)
    }

    .p-instagrammer .introduction__link:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-instagrammer .introduction__link:active {
        opacity:var(--hover-opacity)
    }
}

.p-columnTop {
    color: #333;
    line-height: 1.75;
    font-size: var(--fs-lv3)
}

@media print,screen and (min-width: 768px) {
    .p-columnTop {
        font-size:var(--fs-lv4)
    }
}

.p-columnTop__header {
    position: relative;
    background: #fcf7f1;
    padding: 0 0 10px;
    /*padding: 30px 0 10px;*/
}

.p-columnTop:not(.p-columnTop--first) .p-columnTop__header {
    margin-bottom: 0px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop:not(.p-columnTop--first) .p-columnTop__header {
        margin-bottom:0px
    }
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__header {
        padding:35px 0;
        margin-bottom: 27px
    }
}

.p-columnTop__header__icon {
    width: 51px;
    margin: 0 auto 7px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__header__icon {
        width:80px;
        margin: 0 auto 14px
    }
}

.p-columnTop__header__icon img {
    width: 100%;
    height: auto
}

.p-columnTop__header__title {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__header__title {
        font-size:14px;
        margin-bottom: 20px
    }
}

.p-columnTop__header__subtitle {
    font-size: var(--fs-lv7);
    font-weight: var(--fw-bold);
    letter-spacing: .1em;
    line-height: var(--l-sm);
    text-align: center;
    background: #fcf7f1;
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__header__subtitle {
        background: #fcf7f1;
        font-size:var(--fs-lv8)
    }
}

.p-columnTop__header__subtitle:last-child {
    background: #fcf7f1;
}

.p-columnTop__wrapper {
    position: relative
}

.p-columnTop__wrapper_color {
    background: #fcf7f1;
}

.p-columnTop__text {
    padding: 0px 20px 10px;
    background: #fcf7f1;
    line-height: 2;
    font-weight: 400;
    margin: 0 auto 0px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__text {
        padding: 0px 0px 20px;
        background: #fcf7f1;
        max-width: 924px;
        margin: 0 auto 0px
    }
}

.p-columnTop__title {
    margin-bottom: 0px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__title {
        margin-bottom:0px
    }
}

.p-columnTop__title {
    margin-bottom: 24px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__title {
        margin-bottom:40px
    }
}

.p-columnTop__cont {
    width: 90vw;
    margin: 0 auto
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__cont {
        max-width:1040px
    }
}

@media screen and (max-width: 767px) {
    .p-columnTop .c-specialTopNewsCard {
        width:48.5% !important;
        margin: 0 3% 20px 0
    }

    .p-columnTop .c-specialTopNewsCard:nth-child(2n) {
        margin-right: 0
    }
}

@media print,screen and (min-width: 768px) {
    .p-columnTop .c-specialTopNewsCard {
        width:23.5%;
        margin: 0 2% 40px 0
    }

    .p-columnTop .c-specialTopNewsCard:nth-child(4n) {
        margin-right: 0
    }
}

.p-columnTop .c-specialTopNewsCard .c-specialTopNewsCard__title {
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    line-height: var(--l-md)
}

.p-columnTop .c-specialTopNewsCard__theme {
    color: #fff;
    background: #deba8d;
    padding: 0 10px;
    width: auto;
    min-width: unset
}

@media screen and (max-width: 767px) {
    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:nth-child(2n) {
        margin-right:3%
    }

    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:nth-child(3n) {
        margin-right: 0
    }

    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:nth-child(3n+1) {
        width: 100% !important;
        margin-right: 0
    }
}

@media print,screen and (min-width: 768px) {
    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:first-child {
        width:100%
    }

    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:first-child .c-card__inner {
        max-width: 620px;
        margin: 0 auto
    }

    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:first-child .c-specialTopNewsCard__title {
        font-size: var(--fs-lv6)
    }

    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:nth-child(4n) {
        margin-right: 2%
    }

    .p-columnTop.p-columnTop--first .c-specialTopNewsCard:nth-child(4n+1) {
        margin-right: 0
    }
}

.p-columnTop__foot {
    width: 90vw;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top;
    margin: 20px auto 0;
    padding: 20px 0 40px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__foot {
        max-width:1034px;
        margin: 40px auto 0;
        padding: 40px 0
    }
}

.p-columnTop__pagination {
    width: 90vw;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0 auto 20px;
    padding: 0 0 20px
}

@media print,screen and (min-width: 768px) {
    .p-columnTop__pagination {
        max-width:1034px;
        margin: 0 auto 40px;
        padding: 0 0 40px
    }
}

.p-column {
    color: #333;
    line-height: 1.75;
    font-size: var(--fs-lv3)
}

@media print,screen and (min-width: 768px) {
    .p-column {
        font-size:var(--fs-lv4)
    }
}

.p-column__header {
    width: 90vw;
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-column__header {
        width:800px
    }
}

.p-column__header__kv {
    margin-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-column__header__kv {
        margin-bottom:20px
    }
}

.p-column__header__kv img {
    width: 100%;
    height: auto
}

.p-column__header__date {
    font-size: 10px;
    margin-bottom: 12px;
    color: var(--c-base-darkest);
    text-align: center;
    font-family: var(--fm-en)
}

@media print,screen and (min-width: 768px) {
    .p-column__header__date {
        font-size:18px;
        margin-bottom: 20px
    }
}

.p-column__header__title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1.33;
    margin-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-column__header__title {
        font-size:30px;
        margin-bottom: 60px
    }
}

.p-column__header__title:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -20px;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom
}

@media print,screen and (min-width: 768px) {
    .p-column__header__title:after {
        bottom:-25px
    }
}

.p-column__header__lead {
    font-size: var(--fs-lv4);
    line-height: 1.8;
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-column__header__lead {
        margin-bottom:50px
    }
}

.p-column__header__author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-column__header__author {
        gap:15px;
        margin-bottom: 40px
    }
}

.p-column__header__author__img {
    flex-shrink: 0
}

.p-column__header__author__img img {
    width: 78px;
    height: 78px;
    border-radius: 78px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

@media print,screen and (min-width: 768px) {
    .p-column__header__author__img img {
        width:110px;
        height: 110px
    }
}

.p-column__header__author__name {
    font-size: var(--fs-lv5);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    margin-bottom: 5px;
    line-height: 1
}

@media print,screen and (min-width: 768px) {
    .p-column__header__author__name {
        font-size:var(--fs-lv6);
        margin-bottom: 8px
    }
}

.p-column__header__author__detail {
    font-size: var(--fs-lv2);
    list-style: 1.6;
    color: inherit
}

@media screen and (max-width: 767px) {
    .p-column__header__author__detail {
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        pointer-events: none
    }
}

.p-column__menu {
    background: #fcf7f1;
    padding: 30px 0 25px;
    margin-bottom: 40px
}

@media print,screen and (min-width: 768px) {
    .p-column__menu {
        padding:30px 0 25px;
        margin-bottom: 80px
    }
}

.p-column__menu__inner {
    width: 90vw;
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-column__menu__inner {
        width:800px
    }
}

.p-column__menu__en {
    font-family: var(--fm-en);
    font-size: var(--fs-lv2);
    color: var(--c-base-darkest);
    margin-bottom: 8px
}

.p-column__menu__en:before {
    display: inline-block;
    content: "";
    width: 14.5px;
    height: 12px;
    background: url("../img/icon/icon_menu.svg") no-repeat center center/contain;
    margin-right: 7px;
    vertical-align: middle
}

.p-column__menu__title {
    font-size: var(--fs-lv3);
    line-height: 1;
    margin-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-column__menu__title {
        font-size:var(--fs-lv7);
        margin-bottom: 20px
    }
}

.p-column__menu__list_item {
    display: flex;
    text-decoration: underline;
    font-weight: 100;
    margin-bottom: 15px
}

@media(hover: hover)and (pointer: fine) {
    .p-column__menu__list_item {
        transition:all .6s var(--e-cubic)
    }

    .p-column__menu__list_item:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-column__menu__list_item:active {
        opacity:var(--hover-opacity)
    }
}

.p-column__menu__list_item:before {
    content: "";
    flex: 0 0 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--c-base-darkest);
    margin-right: 13px;
    margin-top: .75em
}

.p-column__content {
    width: 90vw;
    margin: auto
}

@media print,screen and (min-width: 768px) {
    .p-column__content {
        width:800px
    }
}

.p-column__content>*:last-child {
    margin-bottom: 20px !important
}

@media print,screen and (min-width: 768px) {
    .p-column__content>*:last-child {
        margin-bottom:40px !important
    }
}

.p-column__h2 {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    list-style: 1.4;
    margin-bottom: 25px
}

@media print,screen and (min-width: 768px) {
    .p-column__h2 {
        font-size:var(--fs-lv7);
        margin-bottom: 30px
    }
}

.p-column__h2:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: .5em
}

.p-column__h3 {
    display: flex;
    font-size: var(--fs-lv5);
    font-weight: var(--fw-bold);
    list-style: 1.4;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-column__h3 {
        font-size:var(--fs-lv6)
    }
}

.p-column__h3:before {
    content: "";
    flex: 0 0 10px;
    height: 25px;
    margin-right: 10px;
    margin-top: .1em;
    background: var(--c-base-darkest);
    vertical-align: middle
}

@media print,screen and (min-width: 768px) {
    .p-column__h3:before {
        height:30px;
        margin-right: 15px
    }
}

.p-column__h3+.p-column__image__wrapper,.p-column__h3+.p-column__image {
    padding-top: 5px
}

@media print,screen and (min-width: 768px) {
    .p-column__h3+.p-column__image__wrapper,.p-column__h3+.p-column__image {
        padding-top:10px
    }
}

.p-column__text {
    font-size: var(--fs-lv4);
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-column__text {
        margin-bottom:40px
    }
}

.p-column__image {
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .p-column__image {
        margin-bottom:40px
    }
}

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

.p-column__image__cap {
    font-size: 10px;
    margin-top: 10px
}

@media print,screen and (min-width: 768px) {
    .p-column__image__cap {
        font-size:12px
    }
}

@media print,screen and (min-width: 768px) {
    .p-column__image--vertical {
        max-width:400px
    }
}

.p-column__image__wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 10vw;
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-column__image__wrapper {
        flex-direction:row;
        align-items: baseline;
        gap: 20px;
        padding: 0;
        margin-bottom: 40px
    }
}

.p-column__image__wrapper .p-column__image {
    margin-bottom: 20px
}

@media print,screen and (min-width: 768px) {
    .p-column__image__wrapper .p-column__image {
        max-width:390px;
        margin-bottom: 0
    }
}

.p-column__info {
    background: var(--c-base-dark);
    padding: 30px;
    margin: 0 -5vw 60px
}

@media print,screen and (min-width: 768px) {
    .p-column__info {
        padding:40px;
        margin: 0 -40px 80px
    }
}

.p-column__info__title {
    font-size: var(--fs-lv4);
    color: var(--c-base-darkest);
    font-weight: var(--fw-bold);
    margin-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-column__info__title {
	    font-weight: var(--fw-bold);
        margin-bottom:20px
    }
}

.p-column__info__title:before {
    width: 18px;
    height: 16px;
    display: inline-block;
    content: "";
    background: url("../img/icon/icon_shop.svg") no-repeat center center/contain;
    margin-right: 10px;
    margin-top: -0.3em;
    vertical-align: middle
}

@media print,screen and (min-width: 768px) {
    .p-column__info__title:before {
        margin-top:-0.2em
    }
}

.p-column__info__bread {
    font-size: var(--fs-lv5);
    color: var(--c-base-darkest);
    margin-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-column__info__bread {
        font-size:var(--fs-lv6);
        margin-bottom: 20px
    }
}

@media print,screen and (min-width: 768px) {
    .p-column__info__inner {
        display:flex;
        gap: 40px
    }
}

.p-column__info__image {
    margin-bottom: 25px
}

@media print,screen and (min-width: 768px) {
    .p-column__info__image {
        flex-shrink:0;
        max-width: 380px;
        margin-bottom: 0
    }
}

.p-column__info__image img {
    width: 100%;
    height: auto
}

.p-column__info__dl {
    display: flex;
    font-size: var(--fs-lv4);
    margin-bottom: 6px
}

@media print,screen and (min-width: 768px) {
    .p-column__info__dl:last-of-type {
        margin-bottom:30px
    }
}

.p-column__info__dt {
    font-weight: bold;
    color: var(--c-base-darkest);
    white-space: nowrap
}

.p-column__info__root {
    margin-top: 10px;
    color: #6db2d9
}

@media(hover: hover)and (pointer: fine) {
    .p-column__info__root {
        transition:all .6s var(--e-cubic)
    }

    .p-column__info__root:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-column__info__root:active {
        opacity:var(--hover-opacity)
    }
}

.p-column__info__map {
    font-size: var(--fs-lv2);
    margin-bottom: 15px
}

@media print,screen and (min-width: 768px) {
    .p-column__info__map {
        margin-bottom:20px
    }
}

.p-column__info__insta {
    display: block;
    font-size: var(--fs-lv2);
    color: #2634ea
}

@media print,screen and (min-width: 768px) {
    .p-column__info__insta {
        font-size:var(--fs-lv2);
        margin-top: .1em
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-column__info__insta {
        transition:all .6s var(--e-cubic)
    }

    .p-column__info__insta:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-column__info__insta:active {
        opacity:var(--hover-opacity)
    }
}

.p-column__info__insta:before {
    width: 22px;
    height: 22px;
    background: url("../img/icon/sns_instagram.png") no-repeat center center/contain;
    display: inline-block;
    content: "";
    margin-right: 6px;
    vertical-align: middle
}

.p-column__info__btn {
    position: relative;
    display: flex;
    background: #fff;
    width: 250px;
    margin: 0 0 20px auto;
    height: 40px;
    font-size: var(--fs-lv2);
    align-items: center;
    justify-content: center;
    color: var(--c-base-darkest);
    border-radius: 20px;
    margin: 0 auto 20px;
    -webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16))
}

@media print,screen and (min-width: 768px) {
    .p-column__info__btn {
        margin:auto 0 20px auto
    }
}

.p-column__info__btn:after {
    display: block;
    content: "";
    width: 6px;
    height: 8px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(../img/icon/arrow_next.svg);
    mask-image: url(../img/icon/arrow_next.svg);
    background-color: var(--c-base-darkest);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px
}

.p-column__info__btn:hover:after {
    background-color: var(--c-base)
}

@media(hover: hover)and (pointer: fine) {
    .p-column__info__btn {
        transition:all .6s var(--e-cubic)
    }

    .p-column__info__btn:hover {
        background: var(--c-base-darkest);
        color: var(--c-base);
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-column__info__btn:active {
        background:var(--c-base-darkest);
        color: var(--c-base);
        opacity: var(--hover-opacity)
    }
}

.p-column__info__link {
    display: block;
    width: 250px;
    font-size: var(--fs-lv2);
    text-decoration: underline;
    color: #b3790d;
    text-align: center;
    margin: 0 auto
}

@media print,screen and (min-width: 768px) {
    .p-column__info__link {
        margin:0 0 0 auto
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-column__info__link {
        transition:all .6s var(--e-cubic)
    }

    .p-column__info__link:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-column__info__link:active {
        opacity:var(--hover-opacity)
    }
}

.p-column__info__link img {
    vertical-align: middle
}

.p-column__topBtn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 60px;
    margin: 10px auto 10px;
    font-size: 12px;
    color: #fff;
    background: var(--c-base-darkest);
    -webkit-filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.16));
    border-radius: 10px
}

@media print,screen and (min-width: 768px) {
    .p-column__topBtn {
        height:50px;
        margin: 20px auto 20px
    }
}

.p-column__topBtn:after {
    width: 6px;
    height: 8px;
    display: block;
    content: "";
    -webkit-mask-image: url(../img/icon/arrow_prev.svg);
    mask-image: url(../img/icon/arrow_prev.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--c-base);
    position: absolute;
    left: 20px
}

@media(hover: hover)and (pointer: fine) {
    .p-column__topBtn {
        transition:all .6s var(--e-cubic)
    }

    .p-column__topBtn:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .p-column__topBtn:active {
        opacity:var(--hover-opacity)
    }
}


.p-column__topBtn2 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 10px auto 10px;
    padding: 0 10px;
}

@media print,screen and (min-width: 768px) {
    .p-column__topBtn {
        margin: 20px auto 20px
    }
}

@media(hover: hover)and (pointer: fine) {
    .p-column__topBtn2 {
        transition:all .6s var(--e-cubic)
    }
}


.p-specialTopNews .c-card__image::before {
    padding: 0 !important
}

.p-specialTopNews .c-card__image img {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none
}

.c-specialTopNewsCard__theme {
    font-size: 2.4vw !important;
    padding: 0 3px !important
}

@media print,screen and (min-width: 768px) {
    .c-specialTopNewsCard__theme {
        font-size:12px !important;
        padding: 0 8px !important
    }
}

.c-specialTopNewsCard .c-tag {
    gap: 4px
}

@media print,screen and (min-width: 768px) {
    .c-specialTopNewsCard .c-tag {
        gap:6px
    }
}

.c-pageTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.c-pageTitle__icon {
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .c-pageTitle__icon {
        margin-bottom:15px
    }
}

.c-pageTitle__icon img {
    width: 40px;
    height: auto
}

@media print,screen and (min-width: 768px) {
    .c-pageTitle__icon img {
        width:60px
    }
}

.c-pageTitle h1,.c-pageTitle p {
    font-size: var(--fs-lv7);
    font-weight: var(--fw-bold);
    letter-spacing: .1em;
    line-height: var(--l-sm);
    text-align: center;
    margin-bottom: 10px
}

@media print,screen and (min-width: 768px) {
    .c-pageTitle h1,.c-pageTitle p {
        font-size:var(--fs-lv8)
    }
}

.c-pageTitle h1:last-child,.c-pageTitle p:last-child {
    margin-bottom: 0
}

.c-sectTitle {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-sectTitle__text {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    letter-spacing: .1em
}

@media print,screen and (min-width: 768px) {
    .c-sectTitle__text {
        font-size:var(--fs-lv8)
    }
}

.c-sectTitle__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 18px;
    background-image: url(../img/title_en.svg);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: var(--fs-lv1);
    color: var(--c-base-darkest);
    margin-top: 0px
}

@media print,screen and (min-width: 768px) {
    .c-sectTitle__icon {
        width:200px;
        height: 28px;
        font-size: var(--fs-lv3);
        margin-top: 0px
    }
}

.c-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.c-tag::-webkit-scrollbar {
    display: none
}

@media print,screen and (min-width: 768px) {
    .c-tag--yellow {
        gap:12px
    }
}

.c-tag__item {
    font-size: 9px;
    flex-shrink: 0
}

@media print,screen and (min-width: 768px) {
    .c-tag__item {
        font-size:10px
    }
}

.c-tag--yellow .c-tag__item {
    font-size: var(--fs-lv2)
}

.c-tag__item a,.c-tag__item .labeltext {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 48px;
    height: 22px;
    padding: 0 8px;
    background-color: var(--c-base);
    border: 1px solid var(--c-base-darker);
    color: var(--c-base-darker);
    border-radius: 3em;
    cursor: pointer
}

@media print,screen and (min-width: 768px) {
    .c-tag__item a,.c-tag__item .labeltext {
        padding:0 12px;
        height: 26px
    }
}

@media(hover: hover)and (pointer: fine) {
    .c-tag__item a,.c-tag__item .labeltext {
        transition:all .6s var(--e-cubic)
    }

    .c-tag__item a:hover,.c-tag__item .labeltext:hover {
        background-color: var(--c-base-darker);
        color: var(--c-base)
    }
}

@media(hover: none)and (pointer: none) {
    .c-tag__item a:active,.c-tag__item .labeltext:active {
        background-color:var(--c-base-darker);
        color: var(--c-base)
    }
}

.c-tag--yellow .c-tag__item a,.c-tag--yellow .c-tag__item .labeltext {
    background-color: var(--c-accent);
    color: var(--c-main);
    border: none;
    -webkit-filter: var(--shadow-sm);
    filter: var(--shadow-sm)
}

@media(hover: hover)and (pointer: fine) {
    .c-tag--yellow .c-tag__item a,.c-tag--yellow .c-tag__item .labeltext {
        transition:all .6s var(--e-cubic)
    }

    .c-tag--yellow .c-tag__item a:hover,.c-tag--yellow .c-tag__item .labeltext:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-tag--yellow .c-tag__item a:active,.c-tag--yellow .c-tag__item .labeltext:active {
        opacity:var(--hover-opacity)
    }
}

.c-tag__item input[type=checkbox] {
    display: none
}

.c-tag__item input:checked+.labeltext {
    color: #fff;
    background: var(--c-base-darkest)
}

.c-tag__item .nolink {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    background-color: var(--c-base);
    border: 1px solid var(--c-base-darkest);
    color: var(--c-base-darkest);
    border-radius: 30px
}

.c-card {
    position: relative
}

.c-card__image {
    position: relative;
    transition: all .6s var(--e-cubic);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    border: 1px solid #f1dfcc;
    z-index: 1;
    pointer-events: none
}

@media print,screen and (min-width: 768px) {
    .c-card__image {
        border-top-left-radius:20px;
        border-top-right-radius: 20px
    }
}

.c-card__image::before {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    padding: 76% 0 0;
    z-index: 1
}

.c-card__image img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.is-hovered .c-card__image {
    opacity: var(--hover-opacity)
}

.c-card__cont {
    margin-top: 10px
}

.c-card__title {
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    line-height: var(--l-sm)
}

@media print,screen and (min-width: 768px) {
    .c-card__title {
        font-size:var(--fs-lv5)
    }
}

.c-card__place {
    display: flex;
    margin-top: 6px;
    font-size: var(--fs-lv1);
    color: var(--c-main-light);
    line-height: var(--l-sm)
}

@media print,screen and (min-width: 768px) {
    .c-card__place {
        margin-top:8px;
        font-size: var(--fs-lv2)
    }
}

.c-card__place::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--c-base-darkest);
    margin: 3px 6px 0 0;
    flex: 0 0 8px
}

@media print,screen and (min-width: 768px) {
    .c-card__place::before {
        width:10px;
        height: 10px;
        flex: 0 0 10px
    }
}

.c-card__bakery {
    margin-top: 6px;
    font-size: var(--fs-lv2);
    font-weight: var(--fw-bold);
    line-height: var(--l-sm)
}

@media print,screen and (min-width: 768px) {
    .c-card__bakery {
        margin-top:8px;
        font-size: var(--fs-lv3)
    }
}

.c-card__price {
    margin-top: 6px;
    font-size: var(--fs-lv2);
    line-height: var(--l-sm)
}

@media print,screen and (min-width: 768px) {
    .c-card__price {
        font-size:var(--fs-lv3)
    }
}

.c-card__tag {
    position: relative;
    margin-top: 6px;
    z-index: 3
}

@media print,screen and (min-width: 768px) {
    .c-card__tag {
        margin-top:8px
    }
}

.c-card__desc {
    position: relative;
    font-size: var(--fs-lv3);
    line-height: var(--l-lg);
    color: var(--c-main-light);
    margin-top: 6px;
    pointer-events: none
}

@media print,screen and (min-width: 768px) {
    .c-card__desc {
        margin-top:8px
    }
}

.c-card__desc.abbr {
    height: 5em;
    overflow: hidden
}

.c-card__desc.abbr::before {
    content: "";
    position: absolute;
    border-style: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 58%, #fff 100%)
}

.c-card__badge {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 50px;
    z-index: 2
}

@media print,screen and (min-width: 768px) {
    .c-card__badge {
        top:-15px;
        left: -15px;
        width: 80px
    }
}

.c-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--c-base)
}

.c-card__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

@media(hover: hover)and (pointer: fine) {
    .c-card__link {
        transition:all .6s var(--e-cubic)
    }

    .c-card__link:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-card__link:active {
        opacity:var(--hover-opacity)
    }
}

.c-card__rank {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/icon/rank_bg.svg) no-repeat top center/contain;
    z-index: 2;
    font-weight: var(--fw-bold)
}

@media print,screen and (min-width: 768px) {
    .c-card__rank {
        width:60px;
        height: 60px
    }
}

.c-card__rank .no {
    display: block;
    font-size: var(--fs-lv1);
    letter-spacing: .02em
}

@media print,screen and (min-width: 768px) {
    .c-card__rank .no {
        font-size:var(--fs-lv3)
    }
}

.c-card__rank .rank::after {
    counter-increment: number 1;
    content: counter(number) " ";
    font-size: var(--fs-lv5)
}

@media print,screen and (min-width: 768px) {
    .c-card__rank .rank::after {
        font-size:var(--fs-lv6)
    }
}

.p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank {
    width: 50px;
    height: 50px;
    padding-top: 10px
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank {
        width:80px;
        height: 80px;
        padding-top: 15px
    }
}

.p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank::before,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank::before,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank::before {
    content: "";
    position: absolute;
    top: 5px;
    width: 16px;
    height: 14px;
    -webkit-mask-image: url(../img/icon/rank_crown.svg);
    mask-image: url(../img/icon/rank_crown.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #d9c35f
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank::before,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank::before,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank::before {
        top:10px;
        width: 24px;
        height: 20px
    }
}

.p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank .no,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank .no,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank .no {
    font-size: var(--fs-lv2);
    -webkit-transform: translateY(0.1em);
    transform: translateY(0.1em)
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank .no,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank .no,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank .no {
        font-size:var(--fs-lv4)
    }
}

.p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank .rank::after,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank .rank::after,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank .rank::after {
    font-size: var(--fs-lv6)
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__cont .c-card:nth-child(-n+3) .c-card__rank .rank::after,.p-commonRanking__cont .c-card:nth-child(-n+3) .c-card__rank .rank::after,.p-accessRankingCont__head .c-card:nth-child(-n+3) .c-card__rank .rank::after {
        font-size:var(--fs-lv7)
    }
}

.p-homeRanking__cont .c-card:nth-of-type(1) .c-card__rank::before,.p-commonRanking__cont .c-card:nth-of-type(1) .c-card__rank::before,.p-accessRankingCont__head .c-card:nth-of-type(1) .c-card__rank::before {
    background-color: #d9c35f
}

.p-homeRanking__cont .c-card:nth-of-type(2) .c-card__rank::before,.p-commonRanking__cont .c-card:nth-of-type(2) .c-card__rank::before,.p-accessRankingCont__head .c-card:nth-of-type(2) .c-card__rank::before {
    background-color: #a2a0a0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.p-homeRanking__cont .c-card:nth-of-type(3) .c-card__rank::before,.p-commonRanking__cont .c-card:nth-of-type(3) .c-card__rank::before,.p-accessRankingCont__head .c-card:nth-of-type(3) .c-card__rank::before {
    background-color: #ba7525;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.p-homeRanking__cont .c-card__inner,.p-commonRanking__cont .c-card__inner,.p-accessRankingCont__head .c-card__inner {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden
}

@media print,screen and (min-width: 768px) {
    .p-homeRanking__cont .c-card__inner,.p-commonRanking__cont .c-card__inner,.p-accessRankingCont__head .c-card__inner {
        border-top-left-radius:20px;
        border-top-right-radius: 20px
    }
}

.p-homeRanking__cont .c-card__image,.p-commonRanking__cont .c-card__image,.p-accessRankingCont__head .c-card__image {
    border-radius: 0;
    border: none
}

.c-newsCard a {
    display: block
}

@media(hover: hover)and (pointer: fine) {
    .c-newsCard a {
        transition:all .6s var(--e-cubic)
    }

    .c-newsCard a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-newsCard a:active {
        opacity:var(--hover-opacity)
    }
}

.c-ambassaCard__hash {
    display: inline-flex;
    padding: 10px 15px;
    background-color: var(--c-accent);
    font-size: var(--fs-lv2);
    font-weight: var(--fw-bold);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden
}

@media print,screen and (min-width: 768px) {
    .c-ambassaCard__hash {
        padding:15px 20px;
        font-size: var(--fs-lv5)
    }
}

.c-ambassaCard__cont {
    background-color: var(--c-base);
    padding: 10px
}

@media print,screen and (min-width: 768px) {
    .c-ambassaCard__cont {
        padding:25px
    }
}

.c-ambassaCard__title {
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    line-height: var(--l-md);
    margin-bottom: 5px;
    min-height: 3.6em
}

@media print,screen and (min-width: 768px) {
    .c-ambassaCard__title {
        font-size:var(--fs-lv5)
    }
}

.c-ambassaCard__image {
    text-align: center
}

.c-ambassaCard a {
    display: block
}

@media(hover: hover)and (pointer: fine) {
    .c-ambassaCard a {
        transition:all .6s var(--e-cubic)
    }

    .c-ambassaCard a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-ambassaCard a:active {
        opacity:var(--hover-opacity)
    }
}

.c-bakeryNewsCard {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 30px 0
}

.c-bakeryNewsCard:first-child {
    padding-top: 0
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard a {
        display:flex;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

@media(hover: hover)and (pointer: fine) {
    .c-bakeryNewsCard a {
        transition:all .6s var(--e-cubic)
    }

    .c-bakeryNewsCard a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-bakeryNewsCard a:active {
        opacity:var(--hover-opacity)
    }
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard .nolink {
        display:flex;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.c-bakeryNewsCard__data {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.c-bakeryNewsCard__data .icon {
    width: 20px;
    margin-right: 10px
}

.c-bakeryNewsCard__data .date {
    font-family: var(--fm-en);
    font-size: var(--fs-lv2);
    color: var(--c-main-light)
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard__data {
        width:100%
    }
}

.c-bakeryNewsCard__image {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    border: 1px solid #f1dfcc;
    z-index: 1
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard__image {
        width:calc((100% - 90px)/4);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        margin-bottom: 0;
        margin-right: 30px
    }
}

.c-bakeryNewsCard__image::before {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    padding: 76% 0 0;
    z-index: 1
}

.c-bakeryNewsCard__image img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard__cont {
        flex:1
    }
}

.c-bakeryNewsCard__title {
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    line-height: var(--l-sm)
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard__title {
        font-size:var(--fs-lv4)
    }
}

.c-bakeryNewsCard__desc {
    position: relative;
    font-size: var(--fs-lv3);
    color: var(--c-main-light);
    line-height: var(--l-lg);
    margin-top: 6px
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard__desc {
        margin-top:8px
    }
}

.c-bakeryNewsCard__desc.abbr {
    max-height: 5em;
    overflow: hidden
}

.c-bakeryNewsCard__desc.abbr::before {
    content: "";
    position: absolute;
    border-style: none;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 58%, #fff 100%)
}

.c-bakeryNewsCard2 {
    position: relative;
    display: flex;
    align-items: flex-start;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 5vw 3vw
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2 {
        padding:25px 0
    }
}

.c-bakeryNewsCard2:nth-child(1)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: top
}

.c-bakeryNewsCard2__image {
    position: relative;
    transition: all .6s var(--e-cubic);
    margin-right: 20px;
    border: 1px solid #f1dfcc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    width: 120px;
    height: auto;
    z-index: 1
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__image {
        margin-right:30px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        width: 234px
    }
}

.c-bakeryNewsCard2__image::before {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    padding: 76% 0 0;
    z-index: 1
}

.c-bakeryNewsCard2__image img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.is-hovered .c-bakeryNewsCard2__image {
    opacity: var(--hover-opacity)
}

.c-bakeryNewsCard2__cont {
    flex: 1
}

.c-bakeryNewsCard2__date {
    font-size: var(--fs-lv2);
    color: var(--c-base-darkest)
}

.c-bakeryNewsCard2__date .option {
    margin-left: 4px
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__date .option {
        margin-left:8px
    }
}

.c-bakeryNewsCard2__cat {
    display: inline-flex;
    font-size: var(--fs-lv1);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    background-color: #f0e4ce;
    padding: 5px 10px;
    margin-bottom: 6px
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__cat {
        font-size:var(--fs-lv2);
        margin-bottom: 0
    }
}

.c-bakeryNewsCard2__bakery {
    font-size: var(--fs-lv3);
    line-height: var(--l-sm);
    margin-top: 4px
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__bakery {
        font-size:var(--fs-lv4)
    }
}

.c-bakeryNewsCard2__place {
    display: flex;
    margin-top: 6px;
    font-size: var(--fs-lv2);
    color: var(--c-main-light)
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__place {
        margin-top:10px;
        font-size: var(--fs-lv3)
    }
}

.c-bakeryNewsCard2__place::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--c-base-darkest);
    margin: 1px 6px 0 0
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__place::before {
        width:10px;
        height: 10px;
        margin: 2px 6px 0 0
    }
}

.c-bakeryNewsCard2__title {
    font-size: var(--fs-lv3);
    line-height: var(--l-sm);
    color: var(--c-base-darkest);
    margin-top: 10px
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__title {
        font-size:var(--fs-lv4)
    }
}

.c-bakeryNewsCard2__desc {
    position: relative;
    font-size: var(--fs-lv3);
    line-height: var(--l-md);
    color: var(--c-main-light);
    margin-top: 3px;
    z-index: 2;
    pointer-events: none
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__desc {
        margin-top:6px
    }
}

.c-bakeryNewsCard2__desc.abbr {
    max-height: 5em;
    overflow: hidden
}

.c-bakeryNewsCard2__desc.abbr::before {
    content: "";
    position: absolute;
    border-style: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 58%, #fff 100%)
}

.c-bakeryNewsCard2__tag {
    position: relative;
    margin-top: 6px;
    z-index: 3
}

@media print,screen and (min-width: 768px) {
    .c-bakeryNewsCard2__tag {
        margin-top:8px
    }
}

.c-bakeryNewsCard2__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4
}

@media(hover: hover)and (pointer: fine) {
    .c-bakeryNewsCard2__link {
        transition:all .6s var(--e-cubic)
    }

    .c-bakeryNewsCard2__link:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-bakeryNewsCard2__link:active {
        opacity:var(--hover-opacity)
    }
}

.c-oishiiNewsCard a {
    display: block
}

@media(hover: hover)and (pointer: fine) {
    .c-oishiiNewsCard a {
        transition:all .6s var(--e-cubic)
    }

    .c-oishiiNewsCard a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-oishiiNewsCard a:active {
        opacity:var(--hover-opacity)
    }
}

.c-oishiiNewsCard__image {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    transition: all .6s var(--e-cubic);
    border: 1px solid #f1dfcc;
    z-index: 1
}

@media print,screen and (min-width: 768px) {
    .c-oishiiNewsCard__image {
        border-top-left-radius:20px;
        border-top-right-radius: 20px
    }
}

.c-oishiiNewsCard__image::before {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    padding: 76% 0 0;
    z-index: 1
}

.c-oishiiNewsCard__image img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.c-oishiiNewsCard__text {
    margin-top: 10px
}

@media print,screen and (min-width: 768px) {
    .c-oishiiNewsCard__text {
        margin-top:15px
    }
}

.c-oishiiNewsCard__date {
    display: flex;
    align-items: center;
    font-size: var(--fs-lv2);
    color: var(--c-base-darkest)
}

.c-oishiiNewsCard__date::after {
    content: "";
    flex: 1;
    width: 100%;
    height: 1px;
    background: var(--c-base-darkest);
    margin-left: 15px
}

.c-oishiiNewsCard__date .option {
    margin-left: 4px
}

@media print,screen and (min-width: 768px) {
    .c-oishiiNewsCard__date .option {
        margin-left:8px
    }
}

.c-oishiiNewsCard__title {
    font-size: var(--fs-lv3);
    line-height: var(--l-md);
    margin-top: 5px
}

@media print,screen and (min-width: 768px) {
    .c-oishiiNewsCard__title {
        font-size:var(--fs-lv4);
        margin-top: 10px
    }
}

.c-othersCard a {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

@media(hover: hover)and (pointer: fine) {
    .c-othersCard a {
        transition:all .6s var(--e-cubic)
    }

    .c-othersCard a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-othersCard a:active {
        opacity:var(--hover-opacity)
    }
}

.c-othersCard__image {
    position: relative;
    width: 120px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
    border: 1px solid #f1dfcc;
    z-index: 1
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__image {
        width:234px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        margin-right: 30px
    }
}

.c-othersCard__image::before {
    content: "";
    position: relative;
    display: block;
    background: #fff;
    padding: 76% 0 0;
    z-index: 1
}

.c-othersCard__image img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.c-othersCard__cont {
    flex: 1
}

.c-othersCard__data {
    margin-bottom: 4px
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__data {
        display:flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 10px
    }
}

.c-othersCard__cat {
    display: inline-flex;
    font-size: var(--fs-lv1);
    font-weight: var(--fw-bold);
    color: var(--c-base-darkest);
    background-color: #f0e4ce;
    padding: 5px 10px;
    margin-bottom: 6px
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__cat {
        font-size:var(--fs-lv2);
        margin-bottom: 0
    }
}

.c-othersCard__date {
    font-family: var(--fm-en);
    font-size: var(--fs-lv2);
    color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__date {
        margin-left:8px
    }
}

.c-othersCard__date .option {
    margin-left: 4px
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__date .option {
        margin-left:8px
    }
}

.c-othersCard__title {
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    line-height: var(--l-md);
    color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__title {
        font-size:var(--fs-lv6)
    }
}

.c-othersCard__desc {
    position: relative;
    font-size: var(--fs-lv2);
    line-height: var(--l-md);
    color: var(--c-main-light);
    margin-top: 3px
}

@media print,screen and (min-width: 768px) {
    .c-othersCard__desc {
        font-size:var(--fs-lv4);
        margin-top: 6px
    }
}

.c-othersCard__desc.abbr {
    height: 5em;
    overflow: hidden
}

.c-othersCard__desc.abbr::before {
    content: "";
    position: absolute;
    border-style: none;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 58%, #fff 100%)
}

.c-pagination__count {
    font-size: var(--fs-lv3);
    text-align: center;
    color: var(--c-main-light);
    margin-bottom: 30px
}

@media print,screen and (min-width: 768px) {
    .c-pagination__count {
        font-size:var(--fs-lv4)
    }
}

.c-pagination__count:last-child {
    margin-bottom: 0
}

.c-pagination__list {
    display: flex;
    justify-content: center;
    gap: 6px
}

@media print,screen and (min-width: 768px) {
    .c-pagination__list {
        gap:10px
    }
}

.c-pagination__list a,.c-pagination__list span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-color: var(--c-base-dark);
    font-family: var(--fm-en);
    font-size: var(--fs-lv4);
    color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .c-pagination__list a,.c-pagination__list span {
        width:50px;
        height: 50px;
        border-radius: 50px
    }
}

@media(hover: hover)and (pointer: fine) {
    .c-pagination__list a {
        transition:all .6s var(--e-cubic)
    }

    .c-pagination__list a:hover {
        background-color: var(--c-base-darkest);
        color: var(--c-base)
    }
}

@media(hover: none)and (pointer: none) {
    .c-pagination__list a:active {
        background-color:var(--c-base-darkest);
        color: var(--c-base)
    }
}

.c-pagination__list .is-current a,.c-pagination__list .is-current span {
    background-color: var(--c-base-darkest);
    color: var(--c-base)
}

.c-pagination__list .nextlast a,.c-pagination__list .nextlast span,.c-pagination__list .next a,.c-pagination__list .next span,.c-pagination__list .prev a,.c-pagination__list .prev span,.c-pagination__list .prevlast a,.c-pagination__list .prevlast span {
    width: 30px;
    background: none;
    border-radius: 0
}

.c-pagination__list .nextlast a::after,.c-pagination__list .nextlast span::after,.c-pagination__list .next a::after,.c-pagination__list .next span::after,.c-pagination__list .prev a::after,.c-pagination__list .prev span::after,.c-pagination__list .prevlast a::after,.c-pagination__list .prevlast span::after {
    content: "";
    display: inline-flex;
    width: 12px;
    height: 12px;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--c-base-darkest)
}

.c-pagination__list .nextlast span,.c-pagination__list .next span,.c-pagination__list .prev span,.c-pagination__list .prevlast span {
    display: none
}

.c-pagination__list .nextlast a:hover,.c-pagination__list .next a:hover,.c-pagination__list .prev a:hover,.c-pagination__list .prevlast a:hover {
    opacity: var(--hover-opacity)
}

.c-pagination__list .nextlast {
    margin-left: -8px
}

.c-pagination__list .nextlast a::after,.c-pagination__list .nextlast span::after {
    -webkit-mask-image: url(../img/icon/pagination_nextlast.svg);
    mask-image: url(../img/icon/pagination_nextlast.svg)
}

.c-pagination__list .next a::after,.c-pagination__list .next span::after {
    -webkit-mask-image: url(../img/icon/pagination_next.svg);
    mask-image: url(../img/icon/pagination_next.svg)
}

.c-pagination__list .prev a::after,.c-pagination__list .prev span::after {
    -webkit-mask-image: url(../img/icon/pagination_prev.svg);
    mask-image: url(../img/icon/pagination_prev.svg)
}

.c-pagination__list .prevlast {
    margin-right: -8px
}

.c-pagination__list .prevlast a::after,.c-pagination__list .prevlast span::after {
    -webkit-mask-image: url(../img/icon/pagination_prevlast.svg);
    mask-image: url(../img/icon/pagination_prevlast.svg)
}

.c-btn {
    width: 250px;
    height: 60px;
    transition: all .6s var(--e-cubic)
}

.c-btn--wide {
    width: 100%
}

@media print,screen and (min-width: 768px) {
    .c-btn--wide {
        width:400px
    }
}

.c-btn--sm {
    width: 180px;
    height: 50px
}

.c-btn--round {
    height: 44px
}

.c-btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--c-main);
    border-radius: 10px;
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    color: var(--c-base)
}

@media(hover: hover)and (pointer: fine) {
    .c-btn a {
        transition:all .6s var(--e-cubic)
    }

    .c-btn a:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-btn a:active {
        opacity:var(--hover-opacity)
    }
}

.c-btn a::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--c-base)
}

.c-btn--accent a {
    background-color: var(--c-accent);
    color: var(--c-main)
}

.c-btn--accent a::after {
    background-color: var(--c-main)
}

.c-btn--brown a {
    background-color: var(--c-base-darkest);
    color: var(--c-base)
}

.c-btn--baseDark a {
    background-color: var(--c-base-dark);
    color: var(--c-main)
}

.c-btn--baseDark a::after {
    background-color: var(--c-main)
}

.c-btn--border a {
    background-color: var(--c-base);
    border: 1px solid var(--c-main-light);
    color: var(--c-main)
}

.c-btn--border a::after {
    background-color: var(--c-main)
}

.c-btn--round a {
    border-radius: 22px
}

.c-btn--next a::after {
    width: 8px;
    height: 10px;
    -webkit-mask-image: url(../img/icon/arrow_next.svg);
    mask-image: url(../img/icon/arrow_next.svg)
}

.c-btn--prev a::after {
    right: auto;
    left: 18px;
    width: 8px;
    height: 10px;
    -webkit-mask-image: url(../img/icon/arrow_prev.svg);
    mask-image: url(../img/icon/arrow_prev.svg)
}

.c-btn--down a::after {
    width: 10px;
    height: 8px;
    -webkit-mask-image: url(../img/icon/arrow_down.svg);
    mask-image: url(../img/icon/arrow_down.svg)
}

.c-btn--up a::after {
    width: 10px;
    height: 8px;
    -webkit-mask-image: url(../img/icon/arrow_up.svg);
    mask-image: url(../img/icon/arrow_up.svg)
}

.c-btn--loupe a::after {
    width: 18px;
    height: 18px;
    -webkit-mask-image: url(../img/icon/icon_loupe.svg);
    mask-image: url(../img/icon/icon_loupe.svg)
}

.c-form input::-webkit-input-placeholder,.c-form textarea::-webkit-input-placeholder,.c-form input:-moz-placeholder,.c-form textarea:-moz-placeholder,.c-form textarea,.c-form input[type=text],.c-form input[type=date],.c-form input[type=tel],.c-form input[type=email],.c-form input[type=number],.c-form select {
    font-size: 1.6rem;
    font-family: var(--fm-ja)
}

.c-form textarea,.c-form input[type=text],.c-form input[type=date],.c-form input[type=tel],.c-form input[type=email],.c-form input[type=number],.c-form select {
    width: 100%;
    padding: 10px;
    background-color: var(--c-base-dark)
}

@media print,screen and (min-width: 768px) {
    .c-form textarea,.c-form input[type=text],.c-form input[type=date],.c-form input[type=tel],.c-form input[type=email],.c-form input[type=number],.c-form select {
        padding:12px
    }
}

.c-form label {
    cursor: pointer
}

.c-form .required .label:after {
    content: "※必須";
    color: var(--c-attention);
    margin-left: .3em
}

.c-form input[type=radio] {
    display: none
}

.c-form input[type=radio]+span {
    display: inline-flex;
    align-items: center;
    line-height: 1.4
}

.c-form input[type=radio]+span i {
    position: relative;
    margin-top: .08em
}

.c-form input[type=radio]+span i::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border: 1px solid var(--c-main-light);
    border-radius: 50%
}

.c-form input[type=radio]:checked+span i::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: var(--c-base-darkest);
    border-radius: 50%
}

.c-form input[type=checkbox] {
    display: none
}

.c-form input[type=checkbox]+span {
    display: inline-flex;
    align-items: center;
    line-height: 1.4
}

.c-form input[type=checkbox]+span i {
    position: relative;
    margin-top: .08em
}

.c-form input[type=checkbox]+span i::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border: 1px solid var(--c-main-light);
    border-radius: 3px
}

.c-form input[type=checkbox]:checked+span i::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: var(--c-base-darkest);
    border-radius: 2px
}

.c-form__btn .submit {
    position: relative;
    width: 250px;
    height: 60px;
    -webkit-filter: var(--shadow-md);
    filter: var(--shadow-md);
    transition: all .6s var(--e-cubic)
}

.c-form__btn .submit::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    width: 8px;
    height: 10px;
    -webkit-mask-image: url(../img/icon/arrow_next.svg);
    mask-image: url(../img/icon/arrow_next.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--c-base)
}

.c-form__btn .submit input[type=submit],.c-form__btn .submit button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--c-main);
    border-radius: 10px;
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    color: var(--c-base)
}

@media(hover: hover)and (pointer: fine) {
    .c-form__btn .submit input[type=submit],.c-form__btn .submit button {
        transition:all .6s var(--e-cubic)
    }

    .c-form__btn .submit input[type=submit]:hover,.c-form__btn .submit button:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-form__btn .submit input[type=submit]:active,.c-form__btn .submit button:active {
        opacity:var(--hover-opacity)
    }
}

.c-form__btn .back input[type=submit],.c-form__btn .back button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 40px;
    border: 1px solid var(--c-main-light);
    border-radius: 10px;
    font-size: var(--fs-lv2);
    color: var(--c-main-light)
}

@media(hover: hover)and (pointer: fine) {
    .c-form__btn .back input[type=submit],.c-form__btn .back button {
        transition:all .6s var(--e-cubic)
    }

    .c-form__btn .back input[type=submit]:hover,.c-form__btn .back button:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .c-form__btn .back input[type=submit]:active,.c-form__btn .back button:active {
        opacity:var(--hover-opacity)
    }
}

.c-form__message {
    padding: 10px;
    margin-bottom: 40px;
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    line-height: var(--l-sm);
    text-align: center;
    border: 1px solid var(--c-main)
}

@media print,screen and (min-width: 768px) {
    .c-form__message {
        padding:15px
    }
}

.c-form__message--error {
    border-color: var(--c-attention);
    color: var(--c-attention)
}

.c-form__item {
    background-image: linear-gradient(to right, var(--c-base-darkest) 2px, transparent 2px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 15px 0
}

@media print,screen and (min-width: 768px) {
    .c-form__item {
        display:flex;
        padding: 20px 0
    }
}

.c-form__heading {
    font-size: var(--fs-lv4);
    font-weight: var(--fw-bold);
    line-height: var(--l-md)
}

@media screen and (max-width: 767px) {
    .c-form__heading {
        margin-bottom:10px
    }
}

@media print,screen and (min-width: 768px) {
    .c-form__heading {
        width:240px
    }
}

.c-form__heading .annotation {
    font-size: var(--fs-lv2);
    line-height: var(--l-md);
    color: var(--c-main-light)
}

.c-form__cont {
    flex: 1;
    line-height: var(--l-md)
}

.c-form__row {
    margin-bottom: 10px
}

.c-form__row:last-child {
    margin-bottom: 0
}

.c-form__row p {
    font-size: var(--fs-lv2);
    color: var(--c-main-light);
    margin-bottom: 10px
}

.c-form__row p:last-child {
    margin-bottom: 0
}

.c-form__list--horizontal {
    display: flex
}

.c-form__list--horizontal .c-form__listItem+.c-form__listItem {
    margin-left: 20px
}

@media print,screen and (min-width: 768px) {
    .c-form__list--horizontal .c-form__listItem+.c-form__listItem {
        margin-left:30px
    }
}

.mw_wp_form_confirm .required .label:after {
    display: none
}

.error {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: var(--fs-lv3);
    font-weight: var(--fw-bold);
    color: var(--c-attention)
}

@media print,screen and (min-width: 768px) {
    .error {
        margin-top:15px
    }
}

.error:before {
    content: "！";
    margin: 0 .5em 0 0
}

.c-form__thanks {
    text-align: center
}

.c-form__thanks .title {
    font-size: var(--fs-lv6);
    font-weight: var(--fw-bold);
    line-height: var(--l-md)
}

@media print,screen and (min-width: 768px) {
    .c-form__thanks .title {
        font-size:var(--fs-lv7)
    }
}

.c-form__thanks .txt {
    margin-top: 20px;
    line-height: var(--l-lg)
}

.inputonly,.erroronly,.confirmonly,.completeonly {
    display: none
}

.mw_wp_form_input .inputonly {
    display: block
}

.mw_wp_form_input span.inputonly {
    display: inline
}

.mw_wp_form_error .erroronly {
    display: block
}

.mw_wp_form_confirm .confirmonly {
    display: block
}

.mw_wp_form_complete .completeonly {
    display: block
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        display: block;
        opacity: 1
    }

    1% {
        display: none;
        opacity: 1
    }

    100% {
        display: none;
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        display: block;
        opacity: 1
    }

    1% {
        display: none;
        opacity: 1
    }

    100% {
        display: none;
        opacity: 0
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    1% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        display: block;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    1% {
        display: none;
        opacity: 0
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        display: block;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    1% {
        display: none;
        opacity: 0
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
}

@-webkit-keyframes gnav-bar1-active {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0);
        transform: translateY(8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }
}

@keyframes gnav-bar1-active {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0);
        transform: translateY(8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }
}

@-webkit-keyframes gnav-bar1 {
    0% {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0);
        transform: translateY(8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@keyframes gnav-bar1 {
    0% {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0);
        transform: translateY(8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@-webkit-keyframes gnav-bar3-active {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0);
        transform: translateY(-8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }
}

@keyframes gnav-bar3-active {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0);
        transform: translateY(-8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }
}

@-webkit-keyframes gnav-bar3 {
    0% {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0);
        transform: translateY(-8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@keyframes gnav-bar3 {
    0% {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0);
        transform: translateY(-8px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.p-mvSwiper .swiper-slide {
    width: 80vw;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden
}

@media print,screen and (min-width: 768px) {
    .p-mvSwiper .swiper-slide {
        width:640px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px
    }
}

.p-mvSwiper-nav {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    z-index: 2
}

@media print,screen and (min-width: 768px) {
    .p-mvSwiper-nav {
        top:43%;
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 740px
    }
}

.swiper .p-mvSwiper-button-next,.swiper .p-mvSwiper-button-prev {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    border-top: 2px solid var(--c-base-darkest);
    border-right: 2px solid var(--c-base-darkest);
    cursor: pointer;
    transition: opacity .6s var(--e-cubic)
}

@media print,screen and (min-width: 768px) {
    .swiper .p-mvSwiper-button-next,.swiper .p-mvSwiper-button-prev {
        width:32px;
        height: 32px
    }
}

.swiper .p-mvSwiper-button-next.swiper-button-disabled,.swiper .p-mvSwiper-button-prev.swiper-button-disabled {
    display: none
}

.swiper .p-mvSwiper-button-next {
    right: 5.5vw;
    -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
    transform: rotate(45deg) skew(-10deg, -10deg)
}

@media print,screen and (min-width: 768px) {
    .swiper .p-mvSwiper-button-next {
        right:16px
    }
}

.swiper .p-mvSwiper-button-prev {
    left: 5.5vw;
    -webkit-transform: rotate(-135deg) skew(-10deg, -10deg);
    transform: rotate(-135deg) skew(-10deg, -10deg)
}

@media print,screen and (min-width: 768px) {
    .swiper .p-mvSwiper-button-prev {
        left:16px
    }
}

.p-mvSwiper-pagination {
    display: flex;
    justify-content: center;
    padding: 40px 0 20px;
    margin-top: -20px;
    background-color: var(--c-base-dark)
}

.p-mvSwiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--c-base-darkest);
    background-color: var(--c-base);
    opacity: 1;
    margin: 0 8px !important
}

.p-mvSwiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .p-newsSwiper {
        overflow:visible
    }
}

.p-newsSwiper .swiper-slide {
    width: 36vw;
    height: auto
}

@media print,screen and (min-width: 768px) {
    .p-newsSwiper .swiper-slide {
        width:320px
    }
}

@media screen and (max-width: 767px) {
    .p-newsSwiper .swiper-wrapper {
        display:flex;
        align-items: stretch;
        flex-wrap: nowrap
    }

    .p-newsSwiper .swiper-wrapper::-webkit-scrollbar {
        display: none
    }
}

.p-newsSwiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.p-newsSwiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--c-base-darkest);
    background-color: var(--c-base);
    opacity: 1;
    margin: 0 8px !important
}

.p-newsSwiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--c-base-darkest)
}

@media print,screen and (min-width: 768px) {
    .p-ambassaSwiper {
        overflow:visible
    }
}

.p-ambassaSwiper .swiper-slide {
    width: 80vw;
    height: auto
}

@media print,screen and (min-width: 768px) {
    .p-ambassaSwiper .swiper-slide {
        width:630px
    }
}

.p-ambassaSwiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.p-ambassaSwiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--c-base-darkest);
    background-color: var(--c-base);
    opacity: 1;
    margin: 0 8px !important
}

.p-ambassaSwiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--c-base-darkest)
}

@media screen and (max-width: 767px) {
    .p-rankingSwiper {
        padding-left:5vw
    }

    .p-rankingSwiper .swiper-wrapper {
        padding-top: 40px
    }

    .p-rankingSwiper .swiper-wrapper {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap
    }

    .p-rankingSwiper .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .p-rankingSwiper .swiper-slide {
        position: relative;
        width: 50vw;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .p-pickupSwiper .swiper-wrapper {
        padding-left:5vw
    }
}

.p-pickupSwiper .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.p-pickupSwiper .swiper-slide {
    position: relative;
    width: 50vw;
    height: auto
}

@media print,screen and (min-width: 768px) {
    .p-pickupSwiper .swiper-slide {
        width:23%
    }
}

.p-bakerySwiper {
    overflow: visible
}

.p-bakerySwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 180px
}

@media print,screen and (min-width: 768px) {
    .p-bakerySwiper .swiper-slide {
        width:auto;
        height: 330px
    }
}

.p-bakerySwiper .swiper-slide img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 100%;
    max-height: 100%;
    min-height: 180px
}

@media print,screen and (min-width: 768px) {
    .p-bakerySwiper .swiper-slide img {
        min-height:330px
    }
}

.p-bakerySwiper-pagination {
    display: flex;
    justify-content: center;
    padding-top: 20px
}

.p-bakerySwiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--c-base-darkest);
    background-color: var(--c-base);
    opacity: 1;
    margin: 0 8px !important
}

.p-bakerySwiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--c-base-darkest)
}

.p-galleryModalSwiper {
    position: relative
}

.p-galleryModalSwiper .swiper-slide img,.p-galleryModalSwiper .swiper-slide video {
    width: 100%;
    height: auto
}

.p-galleryModalSwiper .swiper-slide .video-wrap {
    padding: 100% 0 0 0;
    position: relative;
    background-color: var(--c-main)
}

.p-galleryModalSwiper .swiper-slide .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-galleryModalSwiper-nav {
    position: absolute;
    top: calc(50% - 21.5px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: calc(var(--z-index-modal) + 2)
}

.swiper .p-galleryModalSwiper-button-next,.swiper .p-galleryModalSwiper-button-prev {
    position: absolute;
    top: 0;
    width: 23px;
    height: 23px;
    border-top: 1px solid var(--c-base);
    border-right: 1px solid var(--c-base);
    cursor: pointer;
    transition: opacity .6s var(--e-cubic)
}

.swiper .p-galleryModalSwiper-button-next.swiper-button-disabled,.swiper .p-galleryModalSwiper-button-prev.swiper-button-disabled {
    display: none
}

.swiper .p-galleryModalSwiper-button-next {
    right: 5.5vw;
    -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
    transform: rotate(45deg) skew(-10deg, -10deg)
}

@media print,screen and (min-width: 768px) {
    .swiper .p-galleryModalSwiper-button-next {
        right:20px
    }
}

.swiper .p-galleryModalSwiper-button-prev {
    left: 5.5vw;
    -webkit-transform: rotate(-135deg) skew(-10deg, -10deg);
    transform: rotate(-135deg) skew(-10deg, -10deg)
}

@media print,screen and (min-width: 768px) {
    .swiper .p-galleryModalSwiper-button-prev {
        left:20px
    }
}

.p-galleryModalSwiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.p-galleryModalSwiper-pagination .swiper-pagination-bullet {
    background-color: var(--c-brown-light);
    opacity: 1;
    margin: 0 5px !important
}

.p-galleryModalSwiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--c-brown)
}

.u-lang-jp {
    font-family: var(--fm-ja)
}

.u-lang-en {
    font-family: var(--fm-en);
    letter-spacing: 0
}

.u-for-pc {
    display: none
}

@media print,screen and (min-width: 768px) {
    .u-for-sp {
        display:none
    }

    .u-for-pc {
        display: block
    }
}

@media(hover: hover)and (pointer: fine) {
    .u-hover-opacity {
        transition:all .6s var(--e-cubic)
    }

    .u-hover-opacity:hover {
        opacity: var(--hover-opacity)
    }
}

@media(hover: none)and (pointer: none) {
    .u-hover-opacity:active {
        opacity:var(--hover-opacity)
    }
}

.u-list {
    line-height: var(--l-md);
    margin-left: 1.5em
}

.u-list--decimal {
    list-style: decimal
}

.u-list--roman {
    list-style: lower-roman
}

.u-list--disc {
    list-style: disc
}

.u-mb0 {
    margin-bottom: 0 !important
}

.u-icon::after {
    content: "";
    display: inline-flex;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--c-base-darkest);
    margin-left: 6px
}

.u-icon--white::after {
    background-color: var(--c-base)
}

.u-icon--black::after {
    background-color: var(--c-main-light)
}

.u-icon--gray::after {
    background-color: var(--c-main-light)
}

.u-icon--link::after {
    background-color: var(--c-link)
}

.u-icon--sup::after {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    vertical-align: super
}

.u-icon--next::after {
    width: 10px;
    height: 10px;
    -webkit-mask-image: url(../img/icon/arrow_next.svg);
    mask-image: url(../img/icon/arrow_next.svg)
}

.u-icon--external::after {
    width: 14px;
    height: 12px;
    -webkit-mask-image: url(../img/icon/icon_external.svg);
    mask-image: url(../img/icon/icon_external.svg)
}

.u-icon--pdf::after {
    width: 12px;
    height: 16px;
    -webkit-mask-image: url(../img/icon/icon_pdf.svg);
    mask-image: url(../img/icon/icon_pdf.svg)
}

.text-strong {
    font-weight: var(--fw-bold);
}

a {
    text-decoration-line: none;
}


/* アンバサダーレイアウト変更ver */
.menber-block-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
  max-width: 1040px;        /* PCでの最大幅 */
  margin: 0 auto;           /* 中央寄せ */
  padding: 0 20px;          /* スマホ等での左右余白 */
  justify-content: center; /* 常に中央寄せにする */
}

@media (max-width: 767px) {
  .menber-block-grid {
    gap: 0; /* 完全になしにしたい場合 */

    /* もしくは gap: 16px; とかでもOK */
    /* gap: 16px; */
  }
}

.menber-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  margin: 0 0 20px 0;
}

.menber-block:last-child {
  margin-bottom: 20px; /* 最後だけ変更（または削除） */
}

.menber-block-img img {
  width: 160px; /* 任意サイズ */
  height: auto;
  display: block;
}

.menber-block-text {
  flex: 1;
  max-width: 320px; /* ← お好みで調整（400〜600px推奨） */
  width: 100%;
}

/* スマホ用（縦並びに切り替え） */
@media (max-width: 767px) {
  .menber-block {
    /*flex-direction: column;*/
    align-items: center;
    /*text-align: center;*/
  }

  .menber-block-img img {
    margin: 0 auto;
  }
}


/* カルーセル Swiperラッパー */
.swiper.menber-block-grid-swiper {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

.swiper-slide.menber-block {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 20px;
}

.menber-block-img img {
  width: 100%;
  max-width: 160px;
  height: auto;
  display: block;
}

.menber-block-text {
  flex: 1 1 auto;
}

@media (max-width: 767px) {
  .swiper-slide.menber-block {
    flex-direction: row; /* ← PCと同じ横並びを維持 */
    gap: 16px;
  }

  .swiper.menber-block-grid-swiper {
    padding: 0 16px 32px;
  }
}

/* カルーセル左右矢印 */
.swiper-button-prev,
.swiper-button-next {
  color: #7d593b !important; /* ← 矢印の色（ここがポイント） */
  width: 44px;
  height: 44px;
}


/* カルーセル下のドット */
.swiper-pagination {
  margin-top: 20px;
  text-align: center;
}

.swiper-pagination-bullet {
  background-color: #888 !important;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #000 !important;
}

.swiper-pagination-bullet {
  background-color: #ccc !important;  /* 通常の色 */
  opacity: 1;              /* 不透明にする */
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border-radius: 50%;
}

/* アクティブなドット */
.swiper-pagination-bullet-active {
  background-color: #fc7e09 !important;  /* アクティブ色 */
}


/* PC表示時：スマホ画像を非表示 */
@media print, screen and (min-width: 769px) {
  #T_article .sp_disp {
    display: none !important;
  }
  #T_article .pc_disp {
    display: block !important;
  }
}

/* スマホ表示時：PC画像を非表示 */
@media only screen and (max-width: 768px) {
  #T_article .pc_disp {
    display: none !important;
  }
  #T_article .sp_disp {
    display: block !important;
  }
}