@charset "UTF-8";

/*
===========================================
デザインと横幅合わせています。不要でしたら削除してください。
===========================================
*/
.k-momoko .container {
    max-width: 1170px;
}

.site-sidenav {
    max-width: 220px;
}

.k-momoko .site-main {
    max-width: 910px;
}


/*
===========================================
レスポンシブしやすいようにimgの設定を変更
===========================================
*/
.p-index img {
    width: 100%;
    height: auto;
}


/*
===========================================
内側に線を引く
===========================================
*/
.site-main * {
    box-sizing: border-box;
}


/*
===========================================
フォント読み込み
===========================================
*/

@font-face {
    font-family: 'Din';
    font-style: normal;
    src: url("../fonts/din.eot");
    src: url("../fonts/din.woff2") format("woff2"), url("../fonts/din.woff") format("woff"), url("../fonts/din.ttf") format("truetype"), url("../fonts/din.otf") format("opentype");
}


/*
===========================================
共通スタイル
===========================================
*/
.c-font-normal {
    font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.c-ttl-style01Wrap {
    margin-bottom: 2vmin !important;
}

@media (min-width: 768px) {
    .c-ttl-style01Wrap {
        margin-bottom: 20px !important;
    }
}

.c-ttl-style01 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.c-ttl-style01 .eng {
    display: inline-block;
    margin: 0 0 0 16px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .c-ttl-style01 {
        /*font-size: 3.2rem !important;*/
    }
}

/* .c-ttl-style01::before,
.c-ttl-style01::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center, center;  
} */

.c-ttl-style01En {
    min-height: 64px;
    margin: 0 0 48px !important;
    padding: 12px 16px !important;
    background-image: url(https://kurashikimomoko.itembox.design/item/img/common/h1_bg.jpg);
}


@media screen and (max-width: 767px) {
    .c-ttl-style01En {
        min-height: 48px;
        margin: 0 0 24px !important;
        padding: 6px 8px !important;
    }
}

.c-contents {
    position: relative;
    /*padding-top: 14vmin !important;*/
    padding-bottom: 14vmin !important;
}

@media (min-width: 768px) {
    .c-contents {
        /*padding-top: 90px !important;*/
        padding-bottom: 90px !important;
    }
}

.c-bnr-style01 {
    display: block;
    width: 100%;
    max-width: 780px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.p-pickup-listText {
    color: #5a5a5a;
}

@media (max-width: 767px) {
    .p-pickup-listText {
        display: none;
    }
}

/*
===========================================
.p-category
===========================================
*/
.p-category {
    margin-bottom: 15vmin !important;
}

@media (min-width: 768px) {
    .p-category {
        margin-bottom: 80px !important;
    }
}


.p-category-sec:not(:last-child) {
    position: relative;
    padding-bottom: 13vmin !important;
    margin-bottom: 11vmin !important;
    border-bottom: 3px #f4f4f4 dotted;
}

@media (min-width: 768px) {
    .p-category-sec:not(:last-child) {
        padding-bottom: 70px !important;
        margin-bottom: 60px !important;
    }
}

.p-category-sec:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 3px;
    background: url(../img/dot_bg.gif) repeat-x center center / contain;
}

.p-category-secLink {
    display: block;
}

.p-category-secTtl {
    color: #191717;
    text-align: center;
    margin-bottom: 7vmin !important;
    padding-bottom: 8px!important;
    border-bottom: solid 1px #000!important;
}

@media (min-width: 768px) {
    .p-category-secTtl {
        margin-bottom: 56px !important;
    }
}


.p-category-secTtlText {
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 2.0rem !important;
}

@media (min-width: 768px) {
    .p-category-secTtlText {
        font-size: 2.4rem !important;
    }
}

.p-category-secList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .p-category-secList {
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .p-category-secList.u-flesh {
        width: 90%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

.p-category-secItem {
    width: 48%;
}

@media (min-width: 768px) {
    .p-category-secItem {
        width: 195px;
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .dummy{
        width: calc(31% - 15px) !important;
    }
}

.p-category-secItem:not(:nth-of-type(-n+2)) {
    margin-top: 8vmin;
}

@media (min-width: 768px) {
    .p-category-secItem:not(:nth-of-type(-n+2)) {
        margin-top: 0;
    }

    .p-category-secItem:not(:nth-of-type(-n+3)) {
        margin-top: 40px;
    }

    .p-category-secList.u-flesh .p-category-secItem:not(:nth-of-type(-n+4)) {
        margin-top: 0;
    }

    .p-category-secList.u-flesh .p-category-secItem:not(:nth-of-type(-n+3)) {
        margin-top: 40px;
    }
}

/* .p-category-secItem:not(:nth-child(2n)) {
  margin-right: 4%;
} */

.p-category-secItemName {
    text-align: center;
    font-size: 1.4rem !important;
    color: #191717;
    margin-bottom: 20px !important;
}

@media (min-width: 768px) {
    .p-category-secItemName {
        font-family: 'Hanari', serif !important;
        font-size: 1.8rem !important;
    }
}

.p-category-secItemImg {
    margin-bottom: 2vmin !important;
}


/*
===========================================
.p-bnr-list
===========================================
*/
.p-bnr-list {
    display: none;
}

@media (min-width: 768px) {
    .p-bnr-list {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 768px) {
    .p-bnr-listLink {
        display: block;
    }
}

@media (min-width: 768px) {
    .p-bnr-listWrap {
        margin-bottom: 160px !important;
    }
}