@charset "utf-8";

/* ===================================================================

楽天ブランドデー クローズページcss

==================================================================== */


/* ------------------------------------------------------------------

common

------------------------------------------------------------------ */

.ecm-wrap[data-layout="default"] {
  line-height: 1.5;
  font-size: 14px;
  color: #333;
}

.all_contents {
    overflow: hidden;
}

._closePage{
  line-height: 1.5;
}
.colseText_area{
  margin: 12px 0 40px;
  padding: 28px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #FFFFCC;
}
.about_brandDay_area {
  padding-bottom: 96px;
}
.about_close_title{
  position: relative;
  text-align: center;
  z-index: 1;
}



/* ------------------------------------------------------------------

limitedItemsTitle

------------------------------------------------------------------ */

.brandday-limitedItemsTitle{
  position: relative;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 64px;
  line-height: 1.5;
  z-index: 0;
}
.brandday-limitedItemsTitle::before{
  content: "";
  position: absolute;
  width: 1920px;
  height: 220px;
  background: url(https://r.r10s.jp/evt/event/brand/campaign/_pc/img/20260116/contents/brandday-limitedItemsTitle_bg_default.png) no-repeat;
  background-size: 100%;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  margin-left: 50%;
  z-index: -1;
}
.brandday-limitedItemsTitle-text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 640px;
  margin: auto;
  height: 140px;
  text-align: center;
  font-size: 48px;
  color: #fdf5ef;
  font-weight: bold;
  letter-spacing: 0.02em;
  font-family: "HiraMinProN-W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "メイリオ", Meiryo,serif !important;
}
.brandday-limitedItemsTitle-text ._small{
  font-size: 24px;
  display: block;
  font-weight: normal;
}
/* default[white] */
.brandday-limitedItemsTitle-white-02::before{
  background: url(https://r.r10s.jp/evt/event/brand/campaign/_pc/img/20260116/contents/brandday-limitedItemsTitle_bg_white_02.png) no-repeat;
}
.brandday-limitedItemsTitle-white-02 .brandday-limitedItemsTitle-text {
  height: 96px;
}
/* ------------------------------------------------------------------

bg[all]

------------------------------------------------------------------ */
.brandday-limitedItems{
  position: relative;
  padding-bottom: 104px;
}
.brandday_bg07{
  position: relative;
  padding-bottom: 100px;
}
.brandday_bg07 .brandday-limitedItemsTitle-text,
.brandday_bg07 .brandday-brandslogo__subtitle{
  color: #333333;
}
.brandday_bg07::before{
  content: "";
  position: absolute;
  width: 1920px;
  height: 197px;
  background: url(https://r.r10s.jp/evt/event/brand/campaign/_pc/img/20240726/contents/brandday_bg06_top.png) no-repeat;
  background-size: 100%;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  margin-left: 50%;
}
.brandday_bg07::after{
  content: "";
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 500%;
  margin: 0 -500%;
  z-index: -1;
}

/* ------------------------------------------------------------------

brandday-specialeventItem[開催中のオファー]

------------------------------------------------------------------ */

.brandday-specialeventItem{
  /* margin-bottom: 56px; */
  letter-spacing: -.5em;
}
.brandday-specialevent_link{
  width:468px;
  letter-spacing: normal;
  display: inline-block;
  margin: 0 0 24px 24px;
}
.brandday-specialevent_link:nth-child(odd){
  margin-left:0;
}
.brandday-specialeventItem .brandday-specialevent_link a{
  display: block;
  letter-spacing: -.5em;
}
.brandday-specialevent_link_1column {
  letter-spacing: normal;
}
.brandday-specialevent_link_1column ~
.brandday-specialevent_link:nth-child(odd){
  margin-left:24px;
}
.brandday-specialevent_link_1column ~
.brandday-specialevent_link:nth-child(even){
  margin-left:0;
}

.brandday-specialeventItem .brandday-specialevent_link a:hover{opacity:.8;}
.brandday-specialeventItem .brandday-specialevent_link a .brandday-specialevent_img{
  letter-spacing: normal;
  display: inline-block;
  width:120px;
  vertical-align:top;
}
.brandday-specialeventItem .brandday-specialevent_link a .brandday-specialevent_img img{
  width:100%;
  height: auto;
}
.brandday-specialeventItem .brandday-specialevent_link a .brandday-specialevent_text{
  letter-spacing: normal;
  display: inline-block;
  width:332px;
  vertical-align:top;
  margin-left: 16px;
  font-size:16px;
  color:#333333;
}
.brandday-specialeventItem .brandday-specialevent_text .brandday-specialevent_title{
  font-weight: bold;
  font-size:18px;
}
.brandday-specialeventItem .brandday-specialevent_text .brandday-specialevent_lead{
  margin-top: 4px;
}

/* ------------------------------------------------------------------

about[brandday-about]

------------------------------------------------------------------ */
.brandday-about {
  width: 960px;
  margin: 0 auto 80px;
  padding-top: 100px;
  padding-bottom: 80px;
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/_pc/img/20260417/contents/about_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 960px 826px;
}
.brandday-about__title{
  margin-bottom: 32px;
  text-align: center;
}
.brandday-about__notes p {
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
  text-align: center;
}

.about_brandDay_inner{
  margin: 0 16px;
  font-size: 12px;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.about_brandDay_inner p + p{
  margin-top: 24px;
}

/* ------------------------------------------------------------------

ecm-scroll-to-top-brandday

------------------------------------------------------------------ */
.ecm-scroll-to-top-brandday {
  width: 44px;
  height: 43px;
  background-image: url(https://r.r10s.jp/evt/event/brand/campaign/_pc/img/20260417/floating/toTop.png);
  /* box-shadow: none; */
  background-color: transparent;
}
.ecm-scroll-to-top-brandday:hover {
  opacity: .86;
  background-color: transparent;
}