/*--------------------------------
  ヘッダーロゴ
----------------------------------*/
.l-header__logo .l-header__logo__text:not(:root) {
  font-weight: normal;
}

/*-------------------------------
  あなたのお気に入りブランド
----------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00106"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00106"] .u-mt60 {
  margin-top: 30px !important;
}

/*---------------------------------
  カテゴリ別ランキング
------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00078"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00078"] .l-block__item {
  margin-bottom: 0;
}
#cosmeTop .l-block[data-value="MOD_JP_00078"] .u-mt60 {
  margin-top: 30px !important;
}

/*-----------------------------------
  MyRoom
-------------------------------------*/
/* Door */
#cosmeTop .l-myroom{
  background-image: url(/sto/cosme/common/image/top/bg_myroom_enter.svg);
  background-size: 200px;
  background-position: 600px 60px;
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  #cosmeTop .l-myroom {
    background-position: 480px 60px;
    background-size: 180px;
  }
}
@media screen and (max-width: 850px) {
  #cosmeTop .l-myroom {
    background-size: 150px;
    background-position: 400px 60px;
  }
}
@media screen and (max-width: 600px) {
  #cosmeTop .l-myroom {
    background-size: 135px;
    background-position: 300px 40px;
  }
}
@media screen and (max-width: 500px) {
  #cosmeTop .l-myroom {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
    background-position: 260px 40px;
    background-size: 150px;
  }
}
@media screen and (max-width: 400px) {
  #cosmeTop .l-myroom {
    background-position: 205px 40px;
  }
}
@media screen and (max-width: 330px) {
  #cosmeTop .l-myroom {
    background-position: 195px 55px;
    background-size: 120px;
  }
}
#cosmeTop .l-myroom.-bg__white{
  background: none;
  padding-bottom: 20px;
}
/* Background */
#cosmeTop .myroom_top{
  background-image: url(/sto/cosme/common/image/myroom/bg_myroom_pc.png);
  background-repeat: repeat-y;
  background-size: 150%;
  background-position: -450px top;
  padding-bottom: 0;
}
@media screen and (max-width: 850px) {
  #cosmeTop .myroom_top{
    background-position: -250px 20px;
  }
}
@media screen and (max-width: 768px) {
  #cosmeTop .myroom_top{
    background-image: url(/sto/cosme/common/image/myroom/bg_myroom_sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
#cosmeTop .l-myroom .c-enter:not(:root) {
  background:none;
  margin: -25px auto 10px auto;
}
@media screen and (max-width: 850px) {
  #cosmeTop .l-myroom .c-enter:not(:root) {
    min-height: 310px;
  }
}
@media screen and (max-width: 500px) {
  #cosmeTop .l-myroom .c-enter:not(:root){
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
    min-height: 280px;
  }
}
/* ログインあり */
#cosmeTop .l-myroom .txt-lead-01.-login:not(:root) {
  color: #000;
  background: none;
  padding: 0;
  font-size: 24px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 500px) {
  #cosmeTop .l-myroom .txt-lead-01.-login:not(:root){
    font-size: 18px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
  }
}
#cosmeTop .l-myroom .c-enter .txt-enter.-login:not(:root) {
  display: inline-block;
  padding: 0;
  line-height: 1;
  font-size: 30px;
  color: #fff;
  background-color: #505f98;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 130px;
  left: 150px;
  right: auto;
}
#myroom_login .p-myroom__copy {
  position: relative;
  top: 80px;
  left: 165px;
  width: fit-content;
  font-size: 18px;
  color: #D3732B;
  text-align: center;
  font-weight: bold;
}

.p-myroom__copy::before {
  content: "";
  border: 1px solid #D3732B;
  display: block;
  transform: rotate(45deg);
  width: 18px;
  position: absolute;
  bottom: 8px;
  left: -15px;
}

.p-myroom__copy::after {
  content: "";
  border: 1px solid #D3732B;
  display: block;
  transform: rotate(125deg);
  width: 18px;
  position: absolute;
  bottom: 8px;
  right: -15px;
}
@media screen and (max-width: 850px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-login:not(:root)  {
    font-size: 24px;
    width: 170px;
    height: 170px;
    top: 120px;
    left: 175px;
  }
}
@media screen and (max-width: 768px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-login:not(:root) {
    left: -100px;
  }
  #myroom_login .p-myroom__copy {
    font-size: 15px;
    top: 75px;
    left: -95px;
  }
}
@media screen and (max-width: 600px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-login:not(:root)  {
    font-size: 22px;
    width: 160px;
    height: 160px;
    top: 90px;
    left: -20px;
  }
  #myroom_login .p-myroom__copy {
    top: 75px;
    left: -5px;
  }
}
@media screen and (max-width: 500px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-login:not(:root)  {
    top: 85px;
    left: 40px;
    right: auto;
    width: 140px;
    height: 140px;
    font-size: 18px;
  }
  #myroom_login .p-myroom__copy {
    top: 50px;
    left: 40px;
  }
}
#cosmeTop .l-myroom .c-enter .txt-enter.-login::after {
  position: absolute;
  top: 75%;
  left: auto;
  right: -100px;
  transform: translate(-65px, -9px) skewX(50deg);
  content: "";
  display: block;
  width: 150px;
  height: 10px;
  border-right: 5px solid #B5C4C8;
  border-bottom: 2px solid #B5C4C8;
  border-top: 0;
  margin-left: 0;
}
@media screen and (max-width: 500px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-login::after {
    top: 70%;
    right: -70px;
    transform: translate(-65px, -9px) skewX(50deg);
    width: 90px;
    height: 15px;
    border-right: 4px solid #B5C4C8;
    border-bottom: 3px solid #B5C4C8;
    border-top: 0;
    margin-left: 0;
  }
}
#cosmeTop .l-myroom .c-enter .txt-enter.-login:hover{
  opacity: 0.7;
}
.c-enter__button{
  display: flex;
  background-color: #fff;
  width: fit-content;
  margin: 20px auto 20px auto;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  padding: 10px 20px;
  font-size: 25px;
  border-radius: 25px;
  cursor: pointer;
}
.c-enter__button:hover{
  opacity: 0.7;
}
@media screen and (max-width: 500px) {
  .c-enter__button{
    margin: -10px auto 20px auto;
    font-size: 14px;
  }
}
/* ログインなし */
#cosmeTop .l-myroom .txt-lead-01.-logout:not(:root) {
  color: #000;
  background: none;
  padding: 0;
  font-size: 24px;
  display: block;
  text-align: center;
}
#cosmeTop .l-myroom .c-enter .txt-enter.-logout::after {
  content: "";
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 5px;
}
#cosmeTop .l-myroom .c-enter .txt-enter.-logout:hover{
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #cosmeTop .l-myroom .txt-lead-01.-logout:not(:root){
    font-size: 18px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
  }
  #cosmeTop .l-myroom .c-enter .txt-enter.-logout::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
}
#cosmeTop .l-myroom .c-enter .txt-enter.-logout:not(:root) {
  display: inline-block;
  padding: 20px;
  line-height: 1;
  font-size: 27px;
  color: #fff;
  background-color: #505f98;
  border-radius: 40px;
  width: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 200px;
  left: 0;
  right: auto;
}
#myroom_notlogin .p-myroom__copy{
  position: relative;
  top: 150px;
  left: 80px;
  width: fit-content;
  font-size: 18px;
  color: #D3732B;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-logout:not(:root) {
    font-size: 16px;
    width: fit-content;
    left: -55px;
    top: 150px;
  }
  #myroom_notlogin .p-myroom__copy{
    top: 100px;
    left: -50px;
    font-size: 15px;
  }
}
@media screen and (max-width: 600px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-logout:not(:root) {
    font-size: 14px;
    left: 30px;
    top: 120px;
  }
  #myroom_notlogin .p-myroom__copy{
    top: 80px;
    left: 40px;
  }
}
@media screen and (max-width: 450px) {
  #cosmeTop .l-myroom .c-enter .txt-enter.-logout:not(:root) {
    font-size: 14px;
    left: 15px;
    top: 120px;
  }
  #myroom_notlogin .p-myroom__copy{
    top: 80px;
    left: 30px;
  }
}

/*----------------------------------------
  お気に入りブランドアイテム
------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00107"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00107"] .l-block__item {
  margin-bottom: 0;
}
@media screen and (min-width:769px) {
  #cosmeTop .l-block[data-value="MOD_JP_00107"] .c-title__global {
    border-bottom: none !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00107"] .c-title__global .u-pt120 {
  padding-top: 30px !important;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00107"] .c-title__global .u-pt60-sp {
    padding-top: 30px !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00107"] .l-myroom__unregistered .c-text {
  margin-bottom: 15px;
}
#cosmeTop .l-block[data-value="MOD_JP_00107"] .l-myroom__unregistered .u-pt20 {
  padding-top: 0 !important;
}
#cosmeTop #myroom_notlogin > .l-block {
  padding-top: 0;
  padding-bottom: 0;
}

/*------------------------------------------
  おすすめキャンペーン
---------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00104"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00104"] .l-block__item {
  margin-bottom: 0;
}
@media screen and (min-width:769px) {
  #cosmeTop .l-block[data-value="MOD_JP_00104"] .c-title__global {
    border-bottom: none !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00104"] .c-title__global .-main {
  font-size: 32px;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00104"] .c-title__global .-main {
    font-size: 20px;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00104"] .c-title__global .u-pt50 {
  padding-top: 30px !important;
}
#cosmeTop .l-block[data-value="MOD_JP_00104"] .c-title__global .u-pb0 {
  padding-bottom: 30px !important;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00104"] .c-title__global .u-pt10-sp {
    padding-top: 30px !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00104"] .l-myroom__unregistered .c-text {
  margin-bottom: 15px;
}
#cosmeTop .l-block[data-value="MOD_JP_00104"] .l-myroom__unregistered .u-pt20 {
  padding-top: 0 !important;
}

/*---------------------------------------
  店舗イベント表示
----------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00102"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00102"] .l-block__item {
  margin-bottom: 0;
}
@media screen and (min-width:769px) {
  #cosmeTop .l-block[data-value="MOD_JP_00102"] .c-title__global {
    border-bottom: none !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00102"] .c-title__global .u-pt120 {
  padding-top: 30px !important;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00102"] .c-title__global .u-pt60-sp {
    padding-top: 30px !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00102"] .l-myroom__unregistered .c-text {
  margin-bottom: 15px;
}
#cosmeTop .l-block[data-value="MOD_JP_00102"] .l-myroom__unregistered .u-pt20 {
  padding-top: 0 !important;
}


/*-------------------------------------
  Recommend
------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00021"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00021"] .l-block__item {
  margin-bottom: 0;
}
@media screen and (min-width:769px) {
  #cosmeTop .l-block[data-value="MOD_JP_00021"] .c-title__global {
    border-bottom: none !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00021"] .c-title__global .u-pt120 {
  padding-top: 30px !important;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00021"] .c-title__global .u-pt60-sp {
    padding-top: 30px !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00021"] .l-myroom__unregistered .c-text {
  margin-bottom: 15px;
}
#cosmeTop .l-block[data-value="MOD_JP_00021"] .l-myroom__unregistered .u-pt20 {
  padding-top: 0 !important;
}

/*-------------------------------------------
  新着アイテム
---------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00028"] .u-mt60 {
  margin-top: 30px !important;
}

/*------------------------------------------
  発売日カレンダー
--------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00056"] .u-mt60 {
  margin-top: 30px !important;
}

/*-----------------------------------------
  キャンペーン
-------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00019"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-title__global.-underline {
  border-bottom: none;
}
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-text.u-fa__right {
  text-align: center;
}
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-text .c-link {
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00019"] .c-text .c-link {
    font-size: 16px;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-text .c-link::after {
  transform: translate(-3px, -2px) rotate(45deg);
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #313131;
  border-right: 1px solid #313131;
  margin-left: 7px;
}

/*---------------------------------------------
  SNSでプレゼント
-----------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00016"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00016"] .c-title__global.-underline {
  border-bottom: none;
  margin-bottom: 0;
}

/*--------------------------------------------
  美容トレンド・コラム
----------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00070"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00070"].u-bgc__base {
  background-color: #fff;
}
#cosmeTop .l-block[data-value="MOD_JP_00070"] .c-title__global {
  border-bottom: none;
  margin-bottom: 0;
}

/*-----------------------------------------
  特集
-------------------------------------------*/
#cosmeTop .l-block[data-value="MOD_JP_00032"] {
  padding-top: 0;
  padding-bottom: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00032"] .c-title__global {
  border-bottom: none;
}
#cosmeTop .l-block[data-value="MOD_JP_00032"] .c-title__global .u-pt20 {
  padding-top: 0 !important;
}
#cosmeTop .l-block[data-value="MOD_JP_00032"] .c-title__global .u-pb50 {
  padding-bottom: 0 !important;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00032"] .c-title__global .u-pb20-sp {
    padding-bottom: 0 !important;
  }
}
#cosmeTop .l-block[data-value="MOD_JP_00032"] > .l-inner .l-block__item {
  margin-bottom: 0;
}

@media screen and (min-width:769px) {
  /*最近見たアイテム MOD_JP_00021*/
  #cosmeTop .l-block[data-value="MOD_JP_00021"] .c-title__global {
    border-bottom: none;
  }
  /*お知らせ MOD_JP_00053*/
  #cosmeTop .l-block[data-value="MOD_JP_00053"] .c-title__global {
      border-bottom: none;
  }
  /*ランキング　MOD_JP_00078*/
  #cosmeTop .l-block[data-value="MOD_JP_00078"] .c-title__global {
      border-bottom: none;
  }
  /*こちらもおすすめ MOD_JP_00032*/
  #cosmeTop .l-block[data-value="MOD_JP_00032"] .c-title__global {
      border-bottom: none;
  }
  /*店舗イベント MOD_JP_000102*/
  #cosmeTop .l-block[data-value="MOD_JP_00102"] .c-title__global {
      border-bottom: none;
  }
}
/*店舗イベント MOD_JP_000102*/
#cosmeTop .l-block[data-value="MOD_JP_00102"] .l-block__item {
  margin-bottom: 0;
}
/*こちらもおすすめ MOD_JP_00032*/
#cosmeTop .l-block[data-value="MOD_JP_00032"] .l-block__item {
  margin-bottom: 0;
}
/*ランキング　MOD_JP_00078*/
#cosmeTop .l-block[data-value="MOD_JP_00078"] .l-block__item {
  margin-bottom: 0;
}
/*お知らせ MOD_JP_00053*/
#cosmeTop .l-block[data-value="MOD_JP_00053"] .l-block__item {
  margin-bottom: 0;
}
/*最近見たアイテム MOD_JP_00021*/
#cosmeTop .l-block[data-value="MOD_JP_00021"] .l-block__item {
  margin-bottom: 0;
}
/* キャンペーン MOD_JP_00019 */
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-title__global {
  margin-bottom: 0;
}
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-title__global .-main {
  display: block;
  margin-right: 0;
}
#cosmeTop .l-block[data-value="MOD_JP_00019"] .c-title__global .-sub {
  display: none;
}
#cosmeTop .l-block[data-value="MOD_JP_00053"] {
  padding-top: 30px;
}
#cosmeTop .l-block[data-value="MOD_JP_00053"] + .l-block[data-value="MOD_JP_00053"] {
  padding-top: 0;
}
#cosmeTop .l-block[data-value="MOD_JP_00053"] .c-title__global .-main {
  display: none;
}
#cosmeTop .l-block[data-value="MOD_JP_00053"] .c-title__global .-sub {
  display: block;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width:768px) {
  #cosmeTop .l-block[data-value="MOD_JP_00053"] .c-title__global .-sub {
    font-size: 20px;
  }
}