﻿@charset "UTF-8";
/*------------------------------------------------------------------------------
キャンペーンコンテンツ調整（202507）
------------------------------------------------------------------------------*/

.card-campaign-button {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #b4b4b4;
  font-size: 1.5rem;
  text-decoration: none;
  transition: .32s 0s;
  color: #000000;
  width: min(100%, 200px);
}

.card-campaign-button::after {
  content: "";
  width: 10px;
  height: 11px;
  background: center center url(../images/common/icon-new-window-black.svg) no-repeat;
  background-size: contain;
}

.card-campaign-button:hover {
  opacity: 0.7;
  text-decoration: none;
}

.campaign-list_title {
  margin-bottom: initial;
  font-weight: 700;
}

.campaign-period_text {
  font-size: 2.2rem;
  font-weight: 700;
}

/*------------------------------------------------------------------------------
モーダル調整（202507）
------------------------------------------------------------------------------*/
.p-modal-campaign .p-modal-campaign__dialog.u-container {
  width: 100%;
  max-width: 1080px;
}

@media screen and (max-width: 1680px) {
  .u-hidden-3l {
    display: block;
  }
}

@media screen and (max-width: 1400px) {
  .u-hidden-3l {
    display: none;
  }
}

/*------------------------------------------------------------------------------
画像調整（202511）
------------------------------------------------------------------------------*/
.l-section-1 {
  background: center center url(../images/index/mv-1_202511.jpg) no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .l-section-1 {
    background: center center url(../images/index/mv-1-sp@2x_202511.jpg) no-repeat;
  }
}


/*------------------------------------------------------------------------------
ファーストビュー テキスト位置調整（202511）
WEB_UPDATE-3464 東急ステイ はなれLP メインビジュアル文字の位置調整
------------------------------------------------------------------------------*/
.p-mv__body.--20251121 {
  padding-top: 150px;
}

.p-mv__img.--20251121 {
  object-position: 50% -40px;
}

.p-mv__body.--20251121>.p-mv__headline-sub,
.p-mv__body.--20251121>.p-mv__tagline {
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.9);
}