@charset "UTF-8";
/* freepage 共通css */
#tblLayout {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.g-beauty-collection {
  font-family: YuGothic, 'Hiragino Kaku Gothic ProN';
  font-size: 16px;
  text-align: left;
  line-height: 1.7;
  color: #4D4D4D;
  padding: 0;
  margin: auto;
  position: relative;
  /* 編集ここから */
  /* タブ切り替え */
  /* タブボタンの色味変更 記述 */
  /*エリアの表示非表示と形状*/
  /*areaにis-activeというクラスがついた時の形状*/
  /* パネル切り替えのアニメーション */
  /* タブ切り替え ここまで */
  /* 背景色 */
  /* コンテンツ */
  /* アンカーリンク */
  /* テキスト */
  /* メイクレシピ */
  /* 商品リスト */
  /* 値段 */
  /* フッター */
}

.g-beauty-collection * {
  font-style: normal;
  list-style: none;
  word-break: normal;
  padding: 0;
}

.g-beauty-collection .only-desktop {
  display: block !important;
}

.g-beauty-collection .only-mobile {
  display: none !important;
}

.g-beauty-collection .only-narrow {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection {
    font-size: 14px;
  }
  .g-beauty-collection img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .g-beauty-collection .only-desktop {
    display: none !important;
  }
  .g-beauty-collection .only-mobile {
    display: block !important;
  }
  .g-beauty-collection .only-narrow {
    display: block !important;
  }
}

.g-beauty-collection__mv {
  background-image: url(/Contents/ImagesPkg/beauty/g-beauty-collection/mv-bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 50px 0;
  margin-bottom: 50px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__mv {
    background-image: url(/Contents/ImagesPkg/beauty/g-beauty-collection/mv-bg_sp.jpg);
    padding: 25px 20px;
    margin-bottom: 20px;
  }
}

.g-beauty-collection__mv__img {
  width: 530px;
  margin: 0 auto 25px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__mv__img {
    width: 100%;
    margin: 0 auto 15px;
  }
}

.g-beauty-collection__mv__copy {
  width: 530px;
  margin: auto;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__mv__copy {
    width: 100%;
  }
}

.g-beauty-collection__txt-caution {
  text-indent: -1em;
  padding-left: 1em;
}

.g-beauty-collection__txt-caution::before {
  content: "※";
}

.g-beauty-collection__txt-caution--inner {
  width: 1200px;
  text-align: right;
  margin: 20px auto 0;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__txt-caution--inner {
    width: 95%;
    margin: 10px auto 0;
  }
}

.g-beauty-collection__txt-caution--white {
  color: #fff;
}

.g-beauty-collection__txt-caution--emphasize {
  font-weight: 700;
  color: #B50033;
  margin-top: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__txt-caution--emphasize {
    margin-top: 5px;
  }
}

.g-beauty-collection__top-caution {
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__top-caution {
    width: 95%;
    font-size: 11px;
    text-align: left;
    margin: 0 auto 20px;
  }
}

.g-beauty-collection__tab-wrapper {
  background-color: #fff;
  padding: 10px 0;
  margin-bottom: 50px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__tab-wrapper {
    padding: 0;
    margin-bottom: 0;
  }
}

.g-beauty-collection__tab {
  width: 1200px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__tab {
    width: 100%;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    gap: 1px;
  }
}

.g-beauty-collection__tab__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 190px;
  min-height: 80px;
  background-color: #FEE9CA;
  border-radius: 100px;
  color: #B50033;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__tab__btn {
    width: 100%;
    min-height: 45px;
    border-radius: 0;
    font-size: 11px;
  }
}

.g-beauty-collection__tab__btn > a {
  color: #B50033;
}

.g-beauty-collection__tab__btn--link {
  position: relative;
}

.g-beauty-collection__tab__btn--link::after {
  width: 11px;
  height: 11px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  border: 2px solid #B50033;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__tab__btn--link::after {
    width: 9px;
    height: 9px;
    right: 5px;
  }
}

.g-beauty-collection__tab__btn--link > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.g-beauty-collection .g-beauty-collection__tab__btn.active {
  background-color: #B50033;
  color: #fff;
}

.g-beauty-collection .area {
  overflow: hidden;
  opacity: 0;
  height: 0;
  visibility: hidden;
  margin-top: -200px;
  padding-top: 200px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection .area {
    margin-top: -150px;
    padding-top: 150px;
  }
}

.g-beauty-collection .area.active {
  opacity: 1;
  height: auto;
  visibility: visible;
  -webkit-animation: panel-show .3s ease-in-out forwards;
          animation: panel-show .3s ease-in-out forwards;
}

@-webkit-keyframes panel-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes panel-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.g-beauty-collection__bg {
  padding: 100px 0;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__bg {
    padding: 40px 0;
  }
}

.g-beauty-collection__bg--make-recipe01 {
  background: url(/Contents/ImagesPkg/beauty/g-beauty-collection/bg_make-recipe01.png), -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(133, 66, 69, 0.8));
  background: url(/Contents/ImagesPkg/beauty/g-beauty-collection/bg_make-recipe01.png), linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(133, 66, 69, 0.8));
  background-size: 150%;
}

.g-beauty-collection__bg--make-recipe02 {
  background: url(/Contents/ImagesPkg/beauty/g-beauty-collection/bg_make-recipe02.png), -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(200, 113, 153, 0.8));
  background: url(/Contents/ImagesPkg/beauty/g-beauty-collection/bg_make-recipe02.png), linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(200, 113, 153, 0.8));
  background-size: 150%;
}

.g-beauty-collection__bg--make-recipe03 {
  background-color: #E2EEC2;
}

.g-beauty-collection__bg--skin-care {
  background: -webkit-linear-gradient(top, #FCFCF3, #8BC0D6);
  background: linear-gradient(to bottom, #FCFCF3, #8BC0D6);
}

.g-beauty-collection__bg--hair-care {
  background: -webkit-linear-gradient(top, #FCFCF3, #F29FB4);
  background: linear-gradient(to bottom, #FCFCF3, #F29FB4);
}

.g-beauty-collection__bg--limited-advance {
  background: -webkit-linear-gradient(top, #F9EAEE, #C993A0);
  background: linear-gradient(to bottom, #F9EAEE, #C993A0);
}

.g-beauty-collection__bg--favorite {
  background: -webkit-linear-gradient(left, #9B1B20, #F4A13B, #FDE7C2);
  background: linear-gradient(to right, #9B1B20, #F4A13B, #FDE7C2);
}

.g-beauty-collection__bg--pooh {
  background: url(/Contents/ImagesPkg/beauty/g-beauty-collection/bg_stripe.jpg);
  background-size: 5%;
  background-repeat: repeat;
}

.g-beauty-collection__bg--footer {
  background: -webkit-radial-gradient(#fff, #FFDCAB);
  background: radial-gradient(#fff, #FFDCAB);
}

.g-beauty-collection__contents {
  width: 1200px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 100px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__contents {
    width: 95%;
    padding: 40px 20px;
  }
}

.g-beauty-collection__contents--anchor {
  padding: 0 100px;
  margin: 0 auto 50px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__contents--anchor {
    padding: 20px 0;
    margin: 0 auto;
  }
}

.g-beauty-collection__contents--favorite {
  background-color: #fff;
  border-radius: 100px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__contents--favorite {
    border-radius: 30px;
  }
}

.g-beauty-collection__contents--pooh {
  background-color: #fff;
}

.g-beauty-collection__contents--pooh:last-child {
  padding: 0 100px 100px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__contents--pooh:last-child {
    width: 95%;
    padding: 0 20px 40px;
  }
}

.g-beauty-collection__contents--footer {
  background-color: transparent;
  padding: 0;
}

.g-beauty-collection__contents-btm {
  margin-bottom: 80px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__contents-btm {
    margin-bottom: 30px;
  }
}

.g-beauty-collection__contents-wrapper {
  margin-bottom: 100px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__contents-wrapper {
    margin-bottom: 40px;
  }
}

.g-beauty-collection__contents-wrapper--pooh {
  background-color: #fff;
}

.g-beauty-collection__kv {
  margin-bottom: 80px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__kv {
    margin-bottom: 30px;
  }
}

.g-beauty-collection__kv-img {
  width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__kv-img {
    width: 95%;
  }
}

.g-beauty-collection__kv-img--pooh {
  background-color: #fff;
}

.g-beauty-collection__anchor-ttl {
  margin-bottom: 25px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__anchor-ttl {
    margin-bottom: 10px;
  }
}

.g-beauty-collection__anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.g-beauty-collection__anchor > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
}

.g-beauty-collection__anchor > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 80px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  position: relative;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__anchor > li > a {
    min-height: 50px;
    font-size: 13px;
    line-height: 1.3;
  }
}

.g-beauty-collection__anchor > li > a::after {
  width: 11px;
  height: 11px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  -webkit-transform: translateX(-25%) rotate(135deg);
          transform: translateX(-25%) rotate(135deg);
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__anchor > li > a::after {
    width: 9px;
    height: 9px;
    right: 10px;
  }
}

.g-beauty-collection__anchor--make-recipe > li:nth-child(1) > a {
  background-color: #844244;
}

.g-beauty-collection__anchor--make-recipe > li:nth-child(2) > a {
  background-color: #C97199;
}

.g-beauty-collection__anchor--care > li:nth-child(1) > a {
  background-color: #64A0C8;
}

.g-beauty-collection__anchor--care > li:nth-child(2) > a {
  background-color: #E96F89;
}

.g-beauty-collection__anchor--limited-advance > li > a {
  background-color: #CE5855;
}

.g-beauty-collection .txt-small {
  font-size: 16px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection .txt-small {
    font-size: 11px;
  }
}

.g-beauty-collection__make-point {
  width: 350px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__make-point {
    width: 230px;
    margin: 0 auto 10px;
  }
}

.g-beauty-collection__point-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__point-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}

.g-beauty-collection__point-list > li {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 4px #D0CFD0;
  padding: 40px 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__point-list > li {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__point-list__contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}

.g-beauty-collection__point-list__ttl {
  width: 50px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__point-list__ttl {
    width: 30px;
    margin: 0;
  }
}

.g-beauty-collection__point-list__txt {
  text-align: center;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__point-list__txt {
    text-align: left;
  }
}

.g-beauty-collection__try {
  width: 330px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__try {
    width: 230px;
    margin: 0 auto 10px;
  }
}

.g-beauty-collection__try-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 450px;
  margin: auto;
  position: relative;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__try-btn {
    width: 80%;
  }
}

.g-beauty-collection__try-btn::after {
  content: "";
  width: 11px;
  height: 15px;
  background-image: url(/Contents/ImagesPkg/beauty/g-beauty-collection/img_arrow.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 30px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__try-btn::after {
    width: 9px;
    height: 13px;
    right: 20px;
  }
}

.g-beauty-collection__try-btn > a {
  width: 100%;
  background: -webkit-linear-gradient(left, #813c41, #a7564e);
  background: linear-gradient(to right, #813c41, #a7564e);
  border-radius: 100px;
  padding: 30px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__try-btn > a {
    padding: 20px;
  }
}

.g-beauty-collection__try-btn__img {
  display: block;
  width: 150px;
  margin: auto;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__try-btn__img {
    width: 60%;
  }
}

.g-beauty-collection__pick-up-ttl {
  width: 220px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__pick-up-ttl {
    width: 100px;
    margin: 0 auto 20px;
  }
}

.g-beauty-collection__make-recipe_other {
  width: 560px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__make-recipe_other {
    width: 95%;
    margin: 0 auto 20px;
  }
}

.g-beauty-collection__person-ttl {
  width: 500px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__person-ttl {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__person-txt {
    font-size: 12px;
  }
}

.g-beauty-collection__approval {
  width: 500px;
  margin: 80px auto 0;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__approval {
    width: 100%;
    margin-top: 30px;
  }
}

.g-beauty-collection__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /* メイクレシピ */
  /* メイクレシピ ここまで */
  /* スキンケア・ヘアケア */
  /* スキンケア・ヘアケア ここまで */
  /* 限定・先行販売、バイヤーイチ推し */
  /* 限定・先行販売、バイヤーイチ推し */
  /* プーさん */
  /* プーさん ここまで */
}

.g-beauty-collection__list > li > a {
  width: 100%;
  color: #4D4D4D;
}

.g-beauty-collection__list--make-recipe {
  gap: 40px;
  margin-bottom: 80px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--make-recipe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
  }
}

.g-beauty-collection__list--make-recipe > li {
  width: 480px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--make-recipe > li {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--make-recipe > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.g-beauty-collection__list--care {
  gap: 40px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--care {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.g-beauty-collection__list--care > li {
  width: 480px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--care > li {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__care {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.g-beauty-collection__list--limited-advance, .g-beauty-collection__list--favorite, .g-beauty-collection__list--pooh02 {
  gap: 50px 35px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--limited-advance, .g-beauty-collection__list--favorite, .g-beauty-collection__list--pooh02 {
    gap: 3vw;
  }
}

.g-beauty-collection__list--limited-advance > li, .g-beauty-collection__list--favorite > li, .g-beauty-collection__list--pooh02 > li {
  width: 310px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--limited-advance > li, .g-beauty-collection__list--favorite > li, .g-beauty-collection__list--pooh02 > li {
    width: 48%;
  }
}

.g-beauty-collection__list--pooh01 {
  gap: 50px 35px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--pooh01 {
    gap: 3vw;
  }
}

.g-beauty-collection__list--pooh01 > li {
  width: 480px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list--pooh01 > li {
    width: 48%;
  }
}

.g-beauty-collection__list__pooh-top:nth-child(1) {
  width: 100%;
}

.g-beauty-collection__list__pooh-top > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.g-beauty-collection__list__img {
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__img {
    margin-bottom: 10px;
  }
}

.g-beauty-collection__list__img--make-recipe, .g-beauty-collection__list__img--care {
  width: 285px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__img--make-recipe, .g-beauty-collection__list__img--care {
    width: 50%;
    margin: 0;
  }
}

.g-beauty-collection__list__img--pooh {
  width: 285px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__img--pooh {
    width: 100%;
    margin: 0 auto 10px;
  }
}

.g-beauty-collection__list__img--pooh-top {
  width: 655px;
  margin: 0;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__img--pooh-top {
    width: 50%;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__txt--make-recipe, .g-beauty-collection__list__txt--care {
    width: 50%;
    line-height: 1.5;
  }
}

.g-beauty-collection__list__txt--pooh {
  width: 310px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__txt--pooh {
    width: 48%;
    line-height: 1.5;
  }
}

.g-beauty-collection__list__name, .g-beauty-collection__list__brand-name {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__name, .g-beauty-collection__list__brand-name {
    font-size: 14px;
  }
}

.g-beauty-collection__list__name--make-recipe01, .g-beauty-collection__list__name--make-recipe02 {
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__name--make-recipe01, .g-beauty-collection__list__name--make-recipe02 {
    margin-bottom: 5px;
  }
}

.g-beauty-collection__list__name--make-recipe01 {
  border-left: 5px solid #813C41;
  padding-left: 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__name--make-recipe01 {
    border-left: 2px solid #813C41;
    padding-left: 10px;
  }
}

.g-beauty-collection__list__name--make-recipe02 {
  border-left: 5px solid #C97199;
  padding-left: 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__name--make-recipe02 {
    border-left: 2px solid #C97199;
    padding-left: 10px;
  }
}

.g-beauty-collection__list__brand-name {
  margin-bottom: 5px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__brand-name {
    margin-bottom: 3px;
  }
}

.g-beauty-collection__list__copy {
  font-size: 16px;
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__copy {
    font-size: 11px;
    margin-bottom: 5px;
  }
}

.g-beauty-collection__list__copy--care {
  font-weight: bold;
  color: #00A3CD;
}

.g-beauty-collection__list__copy--hair-care {
  font-weight: bold;
  color: #EC6D88;
}

.g-beauty-collection__list__copy--limited-advance {
  font-weight: bold;
  color: #B50033;
}

.g-beauty-collection__list__copy--pooh01 {
  font-weight: bold;
  color: #DB6AA4;
}

.g-beauty-collection__list__copy--pooh02 {
  font-weight: bold;
  color: #68A3D7;
}

.g-beauty-collection__list__ttl-copy {
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__ttl-copy {
    margin-bottom: 10px;
  }
}

.g-beauty-collection__list__detail {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__detail {
    font-size: 12px;
  }
}

.g-beauty-collection__list__detail-list {
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__detail-list {
    margin-bottom: 5px;
  }
}

.g-beauty-collection__list__detail-list > li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0;
}

.g-beauty-collection__list__detail-list--dot > li::before {
  content: "・";
}

.g-beauty-collection__list__detail-list--number > li:nth-child(1)::before {
  content: "①";
}

.g-beauty-collection__list__detail-list--number > li:nth-child(2)::before {
  content: "②";
}

.g-beauty-collection__list__icon {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background-color: #9E6DAC;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__icon {
    font-size: 11px;
    padding: 2px 5px;
    margin-bottom: 5px;
  }
}

.g-beauty-collection__list__caution > li {
  font-size: 16px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__list__caution > li {
    font-size: 11px;
  }
}

.g-beauty-collection__gb-kore-point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__gb-kore-point {
    margin-bottom: 5px;
  }
}

.g-beauty-collection__gb-kore-point__img {
  width: 110px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__gb-kore-point__img {
    width: 20%;
  }
}

.g-beauty-collection__gb-kore-point > .g-beauty-collection__list__copy {
  width: 350px;
  margin-bottom: 0;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__gb-kore-point > .g-beauty-collection__list__copy {
    width: 75%;
  }
}

.g-beauty-collection__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5px;
  }
}

.g-beauty-collection__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 961px) {
  .g-beauty-collection__price--layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__price {
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    gap: 3px;
  }
}

.g-beauty-collection__price__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.g-beauty-collection__price__ttl, .g-beauty-collection__price__txt {
  font-size: 16px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__price__ttl, .g-beauty-collection__price__txt {
    font-size: 12px;
  }
}

.g-beauty-collection__price__ttl {
  font-weight: normal;
}

.g-beauty-collection__price__main {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__price__main {
    font-size: 20px;
  }
}

.g-beauty-collection__price__tax {
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__price__tax {
    font-size: 16px;
  }
}

.g-beauty-collection__btn-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link {
    display: block;
  }
}

@media screen and (min-width: 961px) {
  .g-beauty-collection__btn-link--pc-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .g-beauty-collection__btn-link--pc-column > .g-beauty-collection__btn-link__item {
    width: 100%;
  }
  .g-beauty-collection__btn-link--pc-column > .g-beauty-collection__btn-link__item:nth-child(n+2) {
    margin-top: 5px;
  }
}

.g-beauty-collection__btn-link--btm {
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link--btm {
    margin-bottom: 5px;
  }
}

.g-beauty-collection__btn-link__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link__item {
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link__item:nth-child(n+2) {
    margin-top: 5px;
  }
}

.g-beauty-collection__btn-link__item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: #B50033;
  border-radius: 10px;
  color: #fff;
  padding: 10px 10px 10px 30px;
  position: relative;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link__item > a {
    border-radius: 5px;
    padding: 5px 5px 5px 18px;
  }
}

.g-beauty-collection__btn-link__item > a::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;
  border-right: 0;
  position: absolute;
  left: 15px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link__item > a::before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    left: 9px;
  }
}

.g-beauty-collection__btn-link__item--02 > a::before {
  top: 15px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link__item--02 > a::before {
    top: 10px;
  }
}

.g-beauty-collection__btn-link__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.g-beauty-collection__btn-link__detail__txt {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__btn-link__detail__txt {
    font-size: 12px;
  }
}

.g-beauty-collection .g-beauty-collection__price + .g-beauty-collection__btn-link,
.g-beauty-collection .g-beauty-collection__price + .g-beauty-collection__item-list__caution,
.g-beauty-collection .g-beauty-collection__item-list__name + .g-beauty-collection__btn-link {
  margin-top: 10px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection .g-beauty-collection__price + .g-beauty-collection__btn-link,
  .g-beauty-collection .g-beauty-collection__price + .g-beauty-collection__item-list__caution,
  .g-beauty-collection .g-beauty-collection__item-list__name + .g-beauty-collection__btn-link {
    margin-top: 5px;
  }
}

.g-beauty-collection__footer {
  text-align: center;
  color: #6E2B2F;
}

.g-beauty-collection__footer__copy {
  font-weight: 700;
  margin-bottom: 50px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__footer__copy {
    font-size: 12px;
    margin-bottom: 30px;
  }
}

.g-beauty-collection__footer__sns__copy {
  width: 500px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__footer__sns__copy {
    width: 80%;
    margin: 0 auto 10px;
  }
}

.g-beauty-collection__footer__sns__contents {
  width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__footer__sns__contents {
    width: 70%;
  }
}

.g-beauty-collection__footer__sns__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

@media screen and (max-width: 960px) {
  .g-beauty-collection__footer__sns__list {
    gap: 30px;
  }
}

.g-beauty-collection__footer__sns__txt {
  color: #6E2B2F;
  margin-top: 10px;
}