@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?dlnjoj");
  src: url("fonts/icomoon.eot?dlnjoj#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?dlnjoj") format("truetype"), url("fonts/icomoon.woff?dlnjoj") format("woff"), url("fonts/icomoon.svg?dlnjoj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.keyVisualTop__itemInner {
  position: relative;
}

.keyVisualTop__detail {
  width: 34%;
  padding: 55px 0 55px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.keyVisualTop p.keyVisualTop__logo {
  margin-top: 0;
  margin-bottom: 35px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .2em;
}

.keyVisualTop p.keyVisualTop__copy {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 24px;
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: .1em;
}

.android .keyVisualTop p.keyVisualTop__copy {
  font-weight: 700;
}

.keyVisualTop p.keyVisualTop__copy span {
  display: block;
  font-size: 14px;
  font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}

.android .keyVisualTop p.keyVisualTop__copy span {
  font-weight: 700;
}

.keyVisualTop p.keyVisualTop__copy sup {
  font-size: 12px;
}

.keyVisualTop p.keyVisualTop__notes {
  font-size: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

.keyVisualTop p.keyVisualTop__more {
  position: absolute;
  left: 66%;
  bottom: 40px;
  margin: 0 0 0 40px;
}

.keyVisualTop p.keyVisualTop__more .link--next::after {
  background-image: url(/contents/common/images/bg-link-arrow-s.png);
}

.kv181005--u div.keyVisualTop__detail {
  color: #808080;
}

.kv181005--u .keyVisualTop__logo img {
  width: 62px;
}

.kv190701--cLiquid p.keyVisualTop__logo {
  color: #e5dc53;
}

.kv190723--defencera p.keyVisualTop__logo {
  color: #e5dc73;
}

.kv190723--uSerum p.keyVisualTop__logo {
  color: #808080;
}

.kv190921--wrinkle-wh p.keyVisualTop__logo {
  color: #6f92b8;
}

.kv190921--eyecolor p.keyVisualTop__logo {
  color: #c093c1;
}

.kv190921--talklipgross p.keyVisualTop__logo {
  color: #c979a1;
}

.kv191023--u1stAnniversary p.keyVisualTop__logo {
  color: #808080;
}

.kv191122--cLiquid p.keyVisualTop__logo {
  color: #c0d4e8;
}

.kv191122--holidaymake p.keyVisualTop__logo {
  color: #961e26;
}

.kv200101--kobijin p.keyVisualTop__logo {
  color: #f5b6ae;
}

.kv200101--happybag p.keyVisualTop__logo {
  color: #ed3103;
}

.kv200101--offcream p.keyVisualTop__logo {
  color: #696862;
}

.kv200221--basemake p.keyVisualTop__logo {
  color: #c682b6;
}

.kv200221--aquaforce p.keyVisualTop__logo {
  color: #51c4c1;
}

.kv200221--sunperiod p.keyVisualTop__logo {
  color: #ee9200;
}

.kv200423--sunscreensuper p.keyVisualTop__logo {
  color: #ef7b39;
}

.kv200423--rougeness p.keyVisualTop__logo {
  color: #b7575d;
}

.kv200423--offcream p.keyVisualTop__logo {
  color: #a6bfc6;
}

.kv200521--bestitem p.keyVisualTop__logo {
  color: #dac794;
}

.kv200521--nail p.keyVisualTop__logo {
  color: #d5afce;
    background: -webkit-linear-gradient(0deg, #94cbcf 10%, #d5afce 20%, #f5a819);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
}

.kv2004521--orbisU p.keyVisualTop__logo {
  color: #b0b0b0;
}

.kv200622--ryobijin p.keyVisualTop__logo {
  color: #b7ded0;
}

.kv200622--sunscreenpowder p.keyVisualTop__logo {
  color: #5bb8ed;
}

.kv200622--offcream p.keyVisualTop__logo {
  color: #877b73;
}

.kv200622--clear p.keyVisualTop__logo {
  color: #4777bc;
}

.kv200821--USpecial p.keyVisualTop__logo {
  color: #e7b3b1;
}

.kv200821--moussevellmask p.keyVisualTop__logo {
  color: #93b0be;
}

.kv200821--bestcosmecolor p.keyVisualTop__logo {
  color: #bea853;
}

.kv200924--orbis_udot p.keyVisualTop__logo {
  color: #ac9dc3;
}

.kv201022--aqua p.keyVisualTop__logo {
  color: #2d8fb1;
}

.kv201022--nail p.keyVisualTop__logo {
  color: #e04011;
}

.kv201121--orbis_udot p.keyVisualTop__logo {
  color: #ce7f7a;
}

.kv201121--defencera p.keyVisualTop__logo {
  color: #508c88;
}

.kv210101--muskmake p.keyVisualTop__logo {
  color: #ef857d;
}

.kv210101--kobijin p.keyVisualTop__logo {
  color: #d7062f;
}

.kv210122--webselect p.keyVisualTop__logo {
  color: #ff6981;
}

.kv210222--ssmake p.keyVisualTop__logo {
  color: #9ba3cd;
    background: -webkit-linear-gradient(0deg, #9ba3cd 5%, #f1dc89 22%, #ce7c92  35%);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    line-height: 2;
}

.kv210222--wce p.keyVisualTop__logo {
  color: #779bb7;
}

.kv210323--ezt p.keyVisualTop__logo {
  color: #f1d4c4;
}

.kv210323--offcream p.keyVisualTop__logo {
  color: #55250f;
}

.kv210521--orbis_udot p.keyVisualTop__logo {
  color: #e090a0;
}

.kv210521--wwuvp p.keyVisualTop__logo {
  color: #8cbdcf;
}

.kv210521--uv p.keyVisualTop__logo {
  color: #f09775;
}

.kv210521--cleardcl p.keyVisualTop__logo {
  color: #2f59c1;
}

.kv210623--defencera p.keyVisualTop__logo {
  color: #b8ccb3;
    background: -webkit-linear-gradient(0deg, #b8ccb3 15%, #e5dc73 22%, #cdb3ae  30%);/*背景色にグラデーションを指定*/

    /* background: -webkit-linear-gradient(90deg, #b8ccb3 0%, #b8ccb3 50%, #cdb3ae 50%, #cdb3ae 100%);/*背景色に2色を指定 */
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    line-height: 2;
}

.kv210623--ryoubijin p.keyVisualTop__logo {
  color: #008b91;
}

.kv210623--wwuvp p.keyVisualTop__logo {
  color: #116db7;
}

.kv210720--happybag p.keyVisualTop__logo {
  color: #a9dbe1;
}

.kv210720--wwuvp p.keyVisualTop__logo {
  color: #f3e083;
}

.kv210720--select p.keyVisualTop__logo {
  color: #6fb1ea;
}

.kv210720--orbis_udot p.keyVisualTop__logo {
  color: #ebc7c5;
}

.kv210823--awmake p.keyVisualTop__logo {
  color: #e8b842;
    background: -webkit-linear-gradient(0deg, #e8b842 5%, #e4833a 22%, #c57b62  35%);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    line-height: 2;
}

.kv210922--mist p.keyVisualTop__logo {
  color: #b61717;
}

.kv211022--holidaynail p.keyVisualTop__logo {
  color: #AD000A;
}

.kv211122--best p.keyVisualTop__logo {
  color: #b09b3b;
}

.kv220221--ssmake p.keyVisualTop__logo {
  color: #9ba3cd;
    background: -webkit-linear-gradient(0deg, #a2b2af 5%, #bfaea4 22%, #dcb4ab  35%);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    line-height: 2;
}

.kv220422--uv p.keyVisualTop__logo {
  color: #6990be;
}

.kv220523--nail p.keyVisualTop__logo {
  color: #1d4133;
    background: -webkit-linear-gradient(0deg, #1d4133 5%, #c6ae94 10%, #984a26);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
}

.kv230522--nail p.keyVisualTop__logo {
  color: #1d4133;
    background: -webkit-linear-gradient(0deg, #ed891c 15%, #e7c0d7 30%, #cc3b37 40%);/*背景色にグラデーションを指定*/
    -webkit-background-clip: text;/*テキストでくり抜く*/
    -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
}
/*********************?
/* top */
@media screen and (max-width: 768px) {
  .keyVisualTop__itemInner {
    position: relative;
  }
  .keyVisualTop__detail {
    display: table;
    width: 100%;
    height: 180px;
    padding: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .keyVisualTop__detailInner {
    display: table-cell;
    vertical-align: middle;
  }
  .keyVisualTop p.keyVisualTop__logo {
    margin-top: 0;
    margin-bottom: 9px;
    padding-left: .2em;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .2em;
  }
  .keyVisualTop p.keyVisualTop__copy {
    margin-top: 0;
    padding-left: .1em;
    margin-bottom: 6px;
    font-size: 20px;
    font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
    letter-spacing: .1em;
  }
  .android .keyVisualTop p.keyVisualTop__copy {
    font-weight: 700;
  }
  .keyVisualTop p.keyVisualTop__copy span {
    display: block;
    font-size: 12px;
    font-family: "open sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
  }
  .android .keyVisualTop p.keyVisualTop__copy span {
    font-weight: 700;
  }
  .keyVisualTop p.keyVisualTop__copy sup {
    font-size: 12px;
  }
  .keyVisualTop p.keyVisualTop__notes {
    font-size: 10px;
    margin: 0 auto 14px;
  }
  .keyVisualTop p.keyVisualTop__more {
    position: static;
    margin: 0;
    font-size: 12px;
  }
  .keyVisualTop p.keyVisualTop__more a {
    color: #231815;
  }
  .keyVisualTop p.keyVisualTop__more .link--next::after {
    background-image: url(/contents/common/images/bg-link-arrow-s.png);
  }
  .kv181005--u .keyVisualTop__logo img {
    width: 52px;
  }
  .kv200521--nail p.keyVisualTop__logo {
    color: #d5afce;
      background: -webkit-linear-gradient(0deg, #94cbcf 20%, #d5afce 50%, #f5a819);/*背景色にグラデーションを指定*/
      -webkit-background-clip: text;/*テキストでくり抜く*/
      -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
  }

  .kv210222--ssmake p.keyVisualTop__logo {
    color: #9ba3cd;
      background: -webkit-linear-gradient(0deg, #9ba3cd 45%, #f1dc89 50%, #ce7c92 62%);/*背景色にグラデーションを指定*/
      -webkit-background-clip: text;/*テキストでくり抜く*/
      -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
      line-height: 2;
  }
}

@media screen and (max-width: 359px) {
  .kv181005--fd .keyVisualTop__copy {
    margin-bottom: 14px;
    line-height: 1.5;
  }
  .kv181005--fd .keyVisualTop__copy span {
    margin-bottom: 3px;
    line-height: 1.8;
  }
  .kv181005--fd__br {
    display: inherit;
  }
}

/* 1811 RN後対応 */
/* 左余白削除対応 */
.keyVisualTop__itemInner {
  margin-left: 0;
}
/* キービジュアルクリッカブル対応 */
.keyVisualTop__item a {
  display: block;
  text-decoration: none;
}
div.btn--strongSmall {
  display: table;
  border-collapse: separate;
}
div.btn--strongSmall:hover {
  background-color: #5c5a5a;
}
div.btn--strongSmall span {
  display: table-cell;
  vertical-align: middle;
}
.keyVisualTop p.keyVisualTop__more .link--next {
  color: #231815;
}