@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
/* =============================================
共通
============================================= */
#d_container .wrap {
  width: 100%;
}
#d_topic_path {
  width: 990px;
  margin: 0 auto 20px;
}

#cosm_uv-20220525 {
  /* width: 990px; */
  text-align: center;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 22px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  color: #333;
  background: #4299da;
}
#cosm_uv-20220525 a {
  text-decoration: none;
}
#cosm_uv-20220525 .link-hover {
  text-decoration: none;
  transition: 0.4s;
}
#cosm_uv-20220525 .link-hover:hover {
  opacity: 0.5;
  cursor: pointer;
}

#cosm_uv-20220525 .message,
#cosm_uv-20220525 .slider_cont,
#cosm_uv-20220525 .brand,
#cosm_uv-20220525 .movie,
#cosm_uv-20220525 .banner-area,
#cosm_uv-20220525 .attention {
  margin-bottom: 100px !important;
}

/* =============================================
タイトル
============================================= */

/* =============================================
コンテンツタイトル
============================================= */
#cosm_uv-20220525 h2 {
  margin-bottom: 80px;
  letter-spacing: 2px;
  position: relative;
}
#cosm_uv-20220525 .cont01 h2 ::before {
  content: "";
  display: inline-block;
  background-image: url(/ec/shop/images/campaign/20220525_cosm_uv/kirakira.png);
  background-repeat: no-repeat;
  width: 99px;
  height: 53px;
  background-size: contain;
  position: absolute;
  top: -30px;
  right: -80px;
}
#cosm_uv-20220525 .cont02 h2 {
  height: 148px;
  background: url(/ec/shop/images/campaign/20220525_cosm_uv/h2_02.png) no-repeat;
  background-position: 50% 0px;
  padding-top: 35px;
  margin-bottom: 60px;
}
#cosm_uv-20220525 .cont03 h2 ::before {
  content: "";
  display: inline-block;
  background-image: url(/ec/shop/images/campaign/20220525_cosm_uv/kirakira.png);
  background-repeat: no-repeat;
  width: 99px;
  height: 53px;
  background-size: contain;
  position: absolute;
  top: -30px;
  right: -80px;
}

#cosm_uv-20220525 .contttl {
  text-align: center;
  position: relative;
  font-size: 36px;
  color: #fff;
  padding-bottom: 14px;
}
#cosm_uv-20220525 .ft-yellow {
  color: #fff001;
}
#cosm_uv-20220525 .ft-400 {
  font-weight: 400;
  font-size: 38px;
}
#cosm_uv-20220525 .content {
  padding-top: 100px;
  background-color: #4299da;
}
#cosm_uv-20220525 .yoko {
  display: flex;
  justify-content: space-between;
  width: 990px;
  margin: 0 auto;
}
#cosm_uv-20220525 .yoko01 {
  display: flex;
  width: 990px;
  margin: 0 auto;
}
#cosm_uv-20220525 .mv img {
  /*width: 600px;*/
  max-width: 1080px;	
  margin: 80px auto;
  margin: auto;
  text-align: center;	
}
/* =============================================
背景
============================================= */
/*#cosm_uv-20220525 .mv {
  background-image: url(/ec/shop/images/campaign/20220525_cosm_uv/ttl_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #0077ce;	
}:*/

#cosm_uv-20220525 .mv {
  background-color: #0067c7;	
}




#cosm_uv-20220525 .cont01 {
  background: right -20px top 1340px / 510px no-repeat url(/ec/shop/images/campaign/20220525_cosm_uv/bg-02.png);
  padding-bottom: 100px;
}
#cosm_uv-20220525 .bg-cont01 {
  background: -20px 260px / 363px no-repeat
    url(/ec/shop/images/campaign/20220525_cosm_uv/bg-01.png);
}
#cosm_uv-20220525 .cont02 {
  background: -30px 230px / 400px no-repeat
    url(/ec/shop/images/campaign/20220525_cosm_uv/bg-03.png);
  background-color: rgba(255, 255, 255, 0.63);
  padding: 70px 0 100px;
}
#cosm_uv-20220525 .cont03 {
  background: right 0px top 220px / 363px no-repeat
    url(/ec/shop/images/campaign/20220525_cosm_uv/bg-02.png);
}
#cosm_uv-20220525 .white-box {
  background-color: rgba(255, 255, 255, 0.8);
}

/* =============================================
ピックアップ商品
============================================= */
#cosm_uv-20220525 .pick-box {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 990px;
  padding: 58px 77px 22px;
  background-color: #eff6ff;
  box-shadow: 30px 30px 0px 0px #0076cd;
  border-radius: 0px;
  margin: 0 auto;
  /* text-align: center; */
}
#cosm_uv-20220525 .pick-box01 {
  margin-bottom: 90px;
}
#cosm_uv-20220525 .pick-box img.pick-copy {
  height: 28px;
  margin: 0 auto 60px;
}

#cosm_uv-20220525 .pick-box .pick-item {
  color: #555;
}
#cosm_uv-20220525 .pick-box .pick-item {
  margin-bottom: 36px;
}
#cosm_uv-20220525 .pick-box .pick-item img {
  width: 256px;
  margin-right: 31px;
}
#cosm_uv-20220525 .pick-box .pick-item div {
  width: 549px;
  text-align: left;
}
#cosm_uv-20220525 .pick-box .pick-item div .pick-item-name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
#cosm_uv-20220525 .pick-box .pick-item div .pick-item-txt {
  font-size: 18px;
  font-weight: 500;
}

/* =============================================
コスメ
============================================= */

#cosm_uv-20220525 .cosme-box .cosme-cont {
  width: 300px;
  height: 300px;
  position: relative;
  box-shadow: 16px 16px 0px 0px #82b8df;
  border-radius: 0px;
}
#cosm_uv-20220525 .cosme-box .cosme-cont::before {
  content: "";
  display: inline-block;
  background-image: url(/ec/shop/images/campaign/20220525_cosm_uv/icon_check.png);
  background-repeat: no-repeat;
  width: 118px;
  height: 104px;
  background-size: contain;
  position: absolute;
  top: -69px;
  left: -48px;
}
#cosm_uv-20220525 .cosme-box .cosme-01 {
  background: url(/ec/shop/images/campaign/20220525_cosm_uv/img_02-01.jpg);
}
#cosm_uv-20220525 .cosme-box .cosme-02 {
  background: url(/ec/shop/images/campaign/20220525_cosm_uv/img_02-02.jpg);
}
#cosm_uv-20220525 .cosme-box .cosme-03 {
  background: url(/ec/shop/images/campaign/20220525_cosm_uv/img_02-03.jpg);
}
#cosm_uv-20220525 .cosme-box .cosme-cont .white-box {
  width: 100%;
  height: 140px;
  padding: 22px 0;
  position: absolute;
  top: 80px;
  box-sizing: border-box;
}
#cosm_uv-20220525 .cosme-box .cosme-cont img {
  height: 95px;
}

/* =============================================
ファッション
============================================= */
#cosm_uv-20220525 .cont03 {
  padding-bottom: 100px;
}
#cosm_uv-20220525 .fasn-box .fasn-cont {
  width: 400px;
  height: 288px;
  position: relative;
  box-shadow: 16px 16px 0px 0px #0076cd;
  border-radius: 0px;
}
#cosm_uv-20220525 .fasn-box .fasn-01 {
  background: url(/ec/shop/images/campaign/20220525_cosm_uv/img_03-01.jpg);
  margin-left: 50px;
}
#cosm_uv-20220525 .fasn-box .fasn-02 {
  background: url(/ec/shop/images/campaign/20220525_cosm_uv/img_03-02.jpg);
  margin-right: 50px;
}
#cosm_uv-20220525 .fasn-box .fasn-cont .white-box {
  width: 100%;
  height: 100px;
  padding: 35px 0;
  position: absolute;
  top: 94px;
  box-sizing: border-box;
}
#cosm_uv-20220525 .fasn-box .fasn-cont img {
  height: 30px;
}
/* =============================================
ALL
============================================= */
#cosm_uv-20220525 .all-btn {
  background-color: #fff;
  padding: 65px 0;
}
/* =============================================
PC・SP非表示
============================================= */
#cosm_uv-20220525 .pc {
  display: inline-block;
}
#cosm_uv-20220525 .sp {
  display: none;
}