<div class="plp-realMadridHome">
  
<video class="mod-displayNone_mobile mod-displayNone_tablet"
loop muted playsinline autoplay
controlsList="nodownload"
oncontextmenu="return false;"
src="/creative/202406/PLP_INTRO_real_madrid_home_new_95b71282.mp4">
</video>

<video class="mod-displayNone_mobile_only mod-displayNone_desktop"
loop muted playsinline autoplay
controlsList="nodownload"
oncontextmenu="return false;"
src="/creative/202406/tb_PLP_INTRO_real_madrid_home_new_95b71282.mp4">
</video>

<video class="mod-displayNone_tablet mod-displayNone_desktop"
loop muted playsinline autoplay
controlsList="nodownload"
oncontextmenu="return false;"
src="/creative/202406/sp_PLP_INTRO_real_madrid_home_new_95b71282.mp4">
</video>
  <section class="plp-realMadridHome_textContent">
    <h2 class="plp-realMadridHome_title plp-contentTitle">レアル・マドリード <span class="en">24/25 </span><br>ホームユニフォーム</h2>
    <p class="plp-realMadridHome_copy plp-contentText">長年受け継がれてきたホワイトをベースに、<br class="mod-displayNone_mobile">千鳥格子柄をのせたレアル・マドリードのユニフォームの中で<br class="mod-displayNone_mobile">最もクリーンな印象のデザイン。</p>
  </section>
</div>
<style>
/* =====================
common
===================== */
.plp-realMadridHome {
  position: relative;
  overflow: hidden; /* IE 横スクロール対策 */
text-shadow: 1px 1px #000;
}
.plp-realMadridHome_textContent {
  position: absolute;
  padding: 0 15px;
  color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.plp-realMadridHome_title {
  font-size: 20px;
  line-height: 1.4 !important;
  margin-bottom: 10px;
  text-align: left;
  font-weight: 700;
  letter-spacing: 2px;
}
.plp-realMadridHome_title .en{
  letter-spacing: 2px;
}
.plp-realMadridHome_copy {
  font-size: 16px;
  line-height: 1.65;
}
/* =====================
DesktopFollow
===================== */
@media screen and (min-width: 600px) {
  .plp-realMadridHome .plp-realMadridHome_title {
    font-size: 25px;
    letter-spacing: 1.5px;
  }
  .plp-realMadridHome .plp-realMadridHome_title .en{
    letter-spacing: 1.5px;
  }
}

/* =====================
Tablet
===================== */
@media screen and (min-width: 600px) and (max-width: 959px) {
.plp-realMadridHome_textContent {
  margin: 20px auto 80px 16.6666666667%;
    text-align: left;
    width: 66.6666666667%;
  }
}

/* =====================
DeskTop
===================== */
@media screen and (min-width: 960px) {
  .plp-realMadridHome_textContent {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%,-50%);
  padding: 0 15px;
  color: #fff;
  width: 70%;
  margin: 0;
  display: block;
}
  .plp-realMadridHome_title {
    text-align: center;
  }
  .plp-realMadridHome_copy {
  text-align: center;
}
}
</style>

<div class="plp-realMadridAway">
  
<video class="mod-displayNone_mobile mod-displayNone_tablet"
loop muted playsinline autoplay
controlsList="nodownload"
oncontextmenu="return false;"
src="/creative/202407/PLP_INTRO_realMadridAway_67f4e748.mp4">
</video>

<video class="mod-displayNone_mobile_only mod-displayNone_desktop"
loop muted playsinline autoplay
controlsList="nodownload"
oncontextmenu="return false;"
src="/creative/202407/tb_PLP_INTRO_realMadridAway_67f4e748.mp4">
</video>

<video class="mod-displayNone_tablet mod-displayNone_desktop"
loop muted playsinline autoplay
controlsList="nodownload"
oncontextmenu="return false;"
src="/creative/202407/sp_PLP_INTRO_realMadridAway_67f4e748.mp4">
</video>
  <section class="plp-realMadridAway_textContent">
    <h2 class="plp-realMadridAway_title plp-contentTitle">レアル・マドリード <span class="en">24/25 </span><br>アウェイユニフォーム</h2>
    <p class="plp-realMadridAway_copy plp-contentText">強く、明るく、鮮やかに。
      <br class="mod-displayNone_mobile">マドリードの夕暮れを思わせる大胆で印象的なカラーに仕上げた、
      <br class="mod-displayNone_mobile mod-displayNone_tablet">レアル・マドリード 24/25 アウェイユニフォーム。
      <br class="mod-displayNone_mobile">敵地でも信念を恐れずに表現する、新世代のマドリディスタのためのデザイン。
    </p>
  </section>
</div>
<style>
/* =====================
common
===================== */
.plp-realMadridAway {
  position: relative;
  overflow: hidden; /* IE 横スクロール対策 */
}
.plp-realMadridAway_textContent {
  position: absolute;
  padding: 0 15px;
  color: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.plp-realMadridAway_title {
  font-size: 20px;
  line-height: 1.4 !important;
  margin-bottom: 10px;
  text-align: left;
  font-weight: 700;
  letter-spacing: 2px;
}
.plp-realMadridAway_title .en{
  letter-spacing: 2px;
}
.plp-realMadridAway_copy {
  font-size: 16px;
  line-height: 1.65;
}
/* =====================
DesktopFollow
===================== */
@media screen and (min-width: 600px) {
  .plp-realMadridAway .plp-realMadridAway_title {
    font-size: 25px;
    letter-spacing: 1.5px;
  }
  .plp-realMadridAway .plp-realMadridAway_title .en{
    letter-spacing: 1.5px;
  }
}

/* =====================
Tablet
===================== */
@media screen and (min-width: 600px) and (max-width: 959px) {
.plp-realMadridAway_textContent {
  margin: 20px auto 80px 16.6666666667%;
    text-align: left;
    width: 66.6666666667%;
  }
}

/* =====================
DeskTop
===================== */
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .plp-realMadridAway_textContent {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%,-50%);
  padding: 0 15px;
  color: #000;
  width: 80%;
  margin: 0;
  display: block;
}
  .plp-realMadridAway .plp-realMadridAway_title {
    font-size: 20px;
    text-align: center;
  }
  .plp-realMadridAway_copy {
  font-size: 14px;
  text-align: center;
 }
}
/* =====================
largeDeskTop
===================== */

@media screen and (min-width: 1280px) {
  .plp-realMadridAway_textContent {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%,-50%);
  padding: 0 15px;
  color: #000;
  width: 75%;
  margin: 0;
  display: block;
}
  .plp-realMadridAway_title {
    font-size: 25px;
    text-align: center;
    
  }
  .plp-realMadridAway_copy {
  font-size: 16px;
  text-align: center;
}
}
</style>

アディダス レアル・マドリード

アディダスレアル・マドリード