/* テスト用 */
/* html { scroll-behavior: smooth;} */

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

    body:not(.product-detail) .c-favorite-btn,
    body:not(.product-detail) .c-favorite-btn:after {
        background-image: url(https://maison-kose.pro/drphil/images/icon/fav-off.png);
        background-position: 50%;
        background-size: 100% 100%;
    }

    .c-drphil-button {
        background: #3b4043 url(https://maison-kose.pro/drphil/images/icon/arrow-r-w.png) no-repeat;
        background-position: right 3.2vw center;
        background-size: 1.4vw 2.4vw;
    }
}

.c-drphil-header {
    overflow: visible;
}

/* Nav items */
.c-drphil-header__logo {
    height: 48px;
    position: relative;
    width: 200px;
}

.menu {
    list-style: none;
    position: absolute;
    margin: calc(50% - 50vw);
    width: 100vw;
    height: 90vh;
    top: 0;
    right: 0;
    margin-top: 120px;
    padding: 12px calc(3.75% - 4px) 64px;
    clear: both;
    background: var(--background-navbar);
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    transform: scale(1, 0);
    transform-origin: top;
    z-index: 100;
    background-color: #fff;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: bold;
    display: flex;
    gap: 64px;
    overflow-y: scroll;
    overscroll-behavior-y: none;
}

.menu-btn:checked~.menu {
    transform: scale(1, 1);
    transform-origin: top;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.menu-icon small {
    font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, メイリオ, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

@media print,
screen and (min-width:769px) {
    .nav-menu:not(:last-child) {
        border-right: 1px solid #3b4044;
    }

    .nav-menu:first-of-type {
        display: none;
    }

    .toggle-list {
        display: none !important;
    }

    label.list-acc-btn {
        width: 30%;
    }

    .p-drphil-menu-list__container .series-icon img {
        width: 90%;
    }

    .formule.series-icon img {
        width: 75%;
    }

    .phil.series-icon img {
        width: 75%;
    }

    html {
        scroll-padding-top: 200px;
    }

    :target::before {
        content: "";
        display: block;
        height: 120px;
        margin-top: -120px;
    }

}

.menu a {
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform: capitalize;
    color: #3b4043;
    opacity: 0;
    transition: 0.5s;
}

.menu li {
    opacity: 0;
    transition: 0.5s;
}

.menu-btn:checked~.menu a,
.menu-btn:checked~.menu li {
    opacity: 1;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
    display: none;
}

.menu-icon {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 30px;
    margin-top: 8px;
}

.navicon {
    background: #c60d39;
    display: block;
    height: 3px;
    width: 36px;
    position: relative;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #c60d39;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
    top: 13px;
}

.navicon:after {
    bottom: -25px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.menu-btn:checked~.menu-icon:not(.steps) .navicon:before {
    top: 9px;
}

.menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    bottom: -9px;
}

.menu-btn:checked~.menu-icon .navicon {
    background: rgba(0, 0, 0, 0);
    transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger Menu Animation End */

/* Navbar Container */
.navtext-container {
    width: 100%;
    height: 52px;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Navbar Text */
.navtext {
    position: absolute;
    text-transform: uppercase;
    color: #3b4043;
    letter-spacing: 4px;
    font-size: 20px;
}

.menu-item__wrap {
    width: 100px;
    border-left: 1px solid #3b4043;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.burger-icon-wrap {
    height: 22px;
}

.c-drphil-header {
    padding: 32px calc(3.75% - 4px);
}

.bullet-square::before {
    content: "";
    background-color: #c60d39;
    width: 1em;
    height: 1em;
    margin-right: 12px;
    margin-bottom: -2px;
    display: inline-block;
}

.c-drphil-header {
    background: #fff;
    position: fixed;
    width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: bold;
    height: 120px;
    top: 00;
}

.nav-title {
    color: #6a6a6a;
    font-size: 29px;
    flex: 5;
    margin-left: 43px;
}

.nav-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex: .6;
}

.nav-menu.is-cart {
    position: relative;
  }


  .nav-menu .js-cart-count {
    position: absolute;
    font-family: Josefin Sans,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif;
    font-size: 13px;
    font-weight: 500;
    right: 20%;
    top: -6px;
    background: #c60d39;
    padding: 4px;
    line-height: 1;
    border-radius: 30px;
    width: 22px;
    height: 22px;
  }
.nav-menu>img {
    height: 30px;
    width: auto;
}

.l-account-nav__list__item__text {
    color: #c60d39;
}


.menu-list__inner.series .menu-list__items {
    display: flex;
    gap: 32px;
    margin-top: 32px;
    flex-wrap: wrap;
    width: 75%;
}

@media screen and (max-width:1399px) {
    .menu-list__inner.series .menu-list__items {
        gap: 16px;
    }
}


.series-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid #cfcfcf;
    border-radius: 40px;
    aspect-ratio: 1/1;
    width: 44%;
}

.menu-list__items .series-icon::before {
    content: "";
    padding-top: 100%;
    display: block;
}

/* .series-icon :hover {
  opacity: .5;
} */
.series-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.series-icon img {
    width: 100%;
}

.series-icon.icu img {
    width: 80%;
}

.spacer-b {
    display: block;
    background: #e6e6e6;
    width: 1px;
}

.menu-list__inner.items .menu-list__items {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

.menu-list__inner.items .menu-list__items>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0 16px;
    border-bottom: 1px solid #3b4043;
    font-weight: bold;
}

.menu-list__inner.items .arrow-round {
    background-color: #c60d39;
    display: inline-block;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 7px;
}

.menu-list__inner.items .arrow-round>img {
    max-width: 100%;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.u-hover:hover {
    opacity: .5 !important;
}

.menu-list__inner.other {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.menu-list__inner.other>a {
    font-weight: bold;
    text-indent: calc(-1em - 12px);
    padding-left: calc(1em + 12px);
}

.c-drphil-main-menu__body .p-drphil-column__article>a {
    width: 30%;
}

.c-drphil-main-menu__under .c-drphil-button {
    margin-left: auto !important;
}

.p-drphil-link {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.p-drphil-link__container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 12px;
    border: 1px solid #cfcfcf;
    border-radius: 24px;
    flex-direction: column;
    width: 28%;
}

.p-drphil-link__container.sns {
    width: 30%;
}

.c-drphil-bottom-sns {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.is-drphil-normal-page .c-drphil-bottom-sns {
    gap: 12px;
    height: 61px;
}

.c-drphil-bottom-sns label.open:first-child {
    margin-left: 0px;
}

.c-drphil-bottom-sns label.open:hover,
.mod-footer li a:hover {
    cursor: pointer;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: .5 !important;
}



@media print,
screen and (min-width:769px) {

    .c-drphil-bottom-logo {
        margin-top: 50px;
    }

    .c-drphil-bottom-logo+.c-drphil-bottom-logo {
        margin-top: 0;
    }

    .menu-list {
        flex: 1;
    }
    .l-main #awoo-search-result-page {
        margin-top: 120px;
    }
    .c-common-modal__inner.p-product-detail__modal-makeup__inner.list-modal-inner {
        max-height: 73vh;
        overflow-y: scroll;
    }
    .c-common-modal__closebtn {
    z-index: 10000;
    }
    p.c-product__variation-name2 {
    font-weight: normal;
    }
    .c-common-modal__inner.p-product-detail__modal-makeup__inner.list-modal-inner .product .c-product__item .c-product__product-name {
    min-height: auto;
    }
    .c-common-modal__inner.p-product-detail__modal-makeup__inner.list-modal-inner .product .c-product__item .c-product__price {
    margin-top: 0;
    }
    .c-common-modal__inner.p-product-detail__modal-makeup__inner.list-modal-inner .c-product__thumb {
    width: 20%;
    }
    .c-common-modal__inner .c-product__size {
    font-weight: normal;
    }

}


@media screen and (max-width:768px) {
    .nav-menu.search-icon {
        display: none;
    }
    .scroll-nav .nav-menu.search-icon {
        display: flex;
    }
    /* .l-main #awoo-search-result-page {
        margin-top: 11vw;
    } */

    .c-drphil-main-menu-section {
        margin-top: 19vw;
    }

    html.is-drphil-normal-page .l-footer {
        padding-bottom: 0vw;
    }

    .p-product-content__anno {
        margin-top: 30px;
        line-height: 0.85;
        font-size: 2.66667vw;
        text-align: left;
        padding: 0 7%;
    }

    .head {
        margin: 3vw auto;
        text-align: center;
        height: 12vw;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    .head img {
        width: 30vw;
    }

    .is-pc-only {
        display: none !important;

    }

    .is-sp-only {
        display: block !important;
    }

    body {
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
        !important
    }

    html {
        width: 100%;
        overflow-x: hidden;
    }

    .c-drphil-header {
        min-width: inherit;
    }

    /* .c-drphil-main-menu-section,
  .p-drphil-about {
    margin: 0 20px;
  } */


    .is-drphil-normal-page .c-drphil-header {
        height: 23.8vw;
        padding: 10vw 3.33vw 0;
        align-items: center;
        border-bottom: none;
        display: flex;
    }
    .nav-menu> img {
        height: 6vw !important;
    }

    .c-drphil-header__logo {
        height: 5vw;
        position: relative;
        width: 30vw;
        flex: 1.5;
    }

    .c-drphil-header__logo img {
        width: 90%;
    }

    .is-drphil-normal-page .c-drphil-header.scroll-nav {
        padding-top: 0;
        height: 18.6vw;
        transition: 0.2s;
        z-index: 1000;
    }

    .is-drphil-normal-page .c-drphil-header.scroll-nav .head {
        display: none !important;
        transition: 0.2s;
    }

    .nav-menu>img {
        height: 6vw;
    }

    .l-account-nav__list__item__text {
        color: #c60d39;
        display: block;
        font-size: 2vw;
    }

    .nav-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .4vw;
        padding: 0;
        flex: .5;
    }

    .nav-menu.is-cart {
        position: relative;
      }
    .nav-menu:nth-child(4) {
        margin-left: 2vw;
    }

    .nav-menu:last-child {
        padding-right: 0;
    }

    .nav-menu:not(:nth-child(4)) {
        border-left: 1px solid #3b4044;
    }

    .menu-icon {
        display: inline-block;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 6vw;
        margin-top: .2vw;
        padding-top: 0;
    }

    .navicon {
        background: #c60d39;
        display: block;
        height: .5vw;
        width: 5vw;
        margin-top: 0;
        position: relative;
        transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    }

    .navicon:before,
    .navicon:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background: #c60d39;
        transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    }

    .navicon:before {
        top: 4.5vw;
    }

    .navicon:after {
        bottom: -2.2vw;
    }

    .menu {
        list-style: none;
        position: absolute;
        margin: 23.8vw 0;
        width: 100vw;
        height: calc(100vh - 23.8vw);
        top: 0;
        right: 0;
        /* margin-top: 120px; */
        padding: 32px calc(3.75% - 4px) 64px;
        clear: both;
        background: var(--background-navbar);
        transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
        transform: scale(1, 0);
        transform-origin: top;
        z-index: 100;
        background-color: #fff;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        gap: 6vw;
        padding: 11vw 5.33vw 15vh;
        overflow-y: scroll;
        max-width: 100vw;
    }

    .scroll-nav .menu {
        margin-top: 17.8vw;
        height: 100vh;
    }

    .menu-btn:checked~.menu {
        transform: scale(1, 1);
        transform-origin: top;
        /* transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; */
        transition: .1s;
    }

    .menu-list__inner.series .menu-list__items {
        width: 100%;
        display: flex;
        gap: 2vw;
        margin-top: 4vw;
    }

    .menu-list__inner.items .menu-list__items {
        display: flex;
        flex-direction: column;
        margin-top: 2vw;
    }

    .menu-list__inner.items .menu-list__items>a {
        width: 100%;
        background-color: #f5f5f5 !important;
        background: url(../images/top_new/arrow-r-r.png) right 2vw center / 1.4vw 2.4vw no-repeat;
        line-height: 1.1;
        text-align: center;
        height: 15vw;
        font-size: 3.3vw;
        border-radius: 1rem;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0px;
        padding: 4vw 0;
    }

    .menu-list__inner.items .menu-list__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4vw;
    }

    .menu-list__inner p {
        font-size: 3.3vw;
    }

    .bullet-square::before {
        content: "";
        background-color: #c60d39;
        width: 1em;
        height: 1em;
        margin-right: 2vw;
        margin-bottom: -.2vw;
        display: inline-block;
    }

    .menu-list__inner.other>a {
        font-weight: bold;
        text-indent: calc(-1em - 2vw);
        padding-left: calc(1em + 2vw);
        font-size: 3.3vw;
    }

    .menu-list__inner.other {
        display: flex;
        flex-direction: column;
        gap: 6vw;
        margin-bottom: 20vw;
    }
    .product-detail .p-product-detail__right .p-product-detail__btn {
        bottom: 0 !important;
    }

    .series-icon.icu {
        padding: 2vw;
      }
      .series-icon.icu img {
        width: 90%;
      }
      .series-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2vw;
        border: 1px solid #cfcfcf;
        border-radius: 1rem;
        aspect-ratio: 1 / 1;
        position: relative;
        width: 16vw;
        height: 16vw;
      }
      .series-icon::before {
        content: "";
          padding-top: 100%;
          display: block;
      }
      .p-drphil-menu-list__wrapper .series-icon::before {
        content: none;
      }
      .menu-list__items.is-sp-only .series-icon a::after {
        content: "";
        background: url(../images/top_new/arrow-d-g.png) no-repeat;
        background-size: contain;
        width: 5vw;
        height: 3vw;
        display: block;
        position: absolute;
        top: 17vw;
        transition: all 1s ease;
      }
      .menu-list__items.is-sp-only .series-icon {
        width: 16vw;
        height: 16vw;
      }
      .nav-menu .js-cart-count {
        right: 0vw;
        top: -2vw;
        font-size: 13px;
        font-weight: 500;
        width: 4.5vw;
        height: 4.5vw;
        border-radius: 50%;
        color: white;
        line-height: 1;
        text-align: center;
        padding: .6vw 0 0;
      }
    .c-drphil-series__lineup a.is-sp-only {
        display: flex !important;
    }

}

.search_wrap {
    width: 100%;
    margin: 0 auto 20px;
  }

  .gDuBDQ .dropdown-bar-group .dropdown-input {
      width: 100%;
      outline: none;
      font-size: 18px;
      color: rgb(0, 0, 0);
      padding-right: 40px;
      border-width: 1px 1px 1px medium;
      border-style: solid solid solid none;
      border-color: rgb(182, 182, 182) rgb(182, 182, 182) rgb(182, 182, 182) currentcolor;
      border-image: none;
  }
  .gDuBDQ .dropdown-bar-group button {
      background: rgb(93, 93, 93);
      padding: 8px 12px;
      outline: none;
      border: medium;
      color: rgb(255, 255, 255);
      font-size: 14px;
      cursor: pointer;
      border-radius: 0px 4px 4px 0px;
  }
  .gDuBDQ .dropdown-bar-group .input-group {
      position: relative;
      display: flex;
      width: 100%;
  }
  .gDuBDQ .dropdown-bar-group {
      display: flex;
      border-radius: 4px;

  }
.search_wrap_top {
    display: none;
}

  .l-header__inner .l-global-nav__list,
  .is-drphil-normal-page .search_wrap_top {
    max-width: 1000px;
    margin: 0 auto 30px;
    width: 67%;
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    display: block;
}
.l-header__inner .l-global-nav__list {
    top: 50px;
}

.l-header__inner .l-global-nav__list .awoo-ts-web-wrapper>div.dropdown-container>div.dropdown-bar-group>button,
  .search_wrap_top  .awoo-ts-web-wrapper>div.dropdown-container>div.dropdown-bar-group>button {
    width: 50px;

  }

.is-drphil-normal-page .l-main {
    padding-top: 66px;
}
@media screen and (max-width:768px) {

.l-main {
    max-width: 100%;
    overflow-x: hidden;
  }
    .is-drphil-normal-page .l-main {
        /* 検索窓有の場合は35vw */
        padding-top: 35vw;
    }

  .l-header__inner .l-global-nav__list,
  .is-drphil-normal-page .search_wrap_top {
    margin: 0;
    width: 100%;
    top: 23vw;
    position: fixed;
    z-index: 99;
    background-color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    /* padding-top: 3vw;
    padding-bottom: 3vw; */
}
.l-header.scroll-nav +  .search_wrap_top {
    top: 16.6vw;
}
#awoo-search {
    margin: 3vw auto;
}


}

.page-contentspages .search_wrap_top {
    height: 0;
    overflow: hidden;
    padding: 0;
}
.page-contentspages .l-main {
    padding-top: 0;
}

.l-header__inner .l-global-nav__list .l-global-nav__list__item {
    display: none;
}

.page-contentspages .l-header {
    display: none;
}
.is-drphil-normal-page .l-header {
	display: flex;
}
a.c-common-modal__closebtn.p-product-detail__modal-makeup__closebtn.list-modal-close {
    display: none;
}
/* .fs_main_div {
    margin-top: 120px !important;
} */

.page-contentspages .fs_main_div {
    margin-top: 0 !important;
}

.product-detail #drphilList {
    display: none;
}
.p-top-info__item + .p-top-info__item {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}