@charset "Shift_JIS";

/* --------------------------------------------------------------------
リビングブランド：「イヴドローム」トップ（PC・SP）
--------------------------------------------------------------------- */

/* 改行切り替え */
.mainframe_ .sp_only { display: none; }
.wrapper_:not(:has(.mainframe_)) .pc_only { display: none; }

/* ---------------- PC ----------------------------------------------------- */

/* イベント情報（.about .cp）
--------------------------------- */
.mainframe_ #brand_wrap .about .cp {
  width: 100%;
  max-width: 660px;
  margin: 20px auto;
  padding: 5px;
  background: #f7f7f7;
  line-height: 1.4;
  text-align: center;
  color: #111;
}

.mainframe_ #brand_wrap .about .cp .cp_in {
  padding: 20px 10px;
  border: 1px solid #222;
}

.mainframe_ #brand_wrap .about .cp .title {
  font-size: 2.0rem;
  font-weight: bold;
}

.mainframe_ #brand_wrap .about .cp dl {
  margin: 10px 0 0;
  font-size: 1.6rem;
  text-align: center; 
}

.mainframe_ #brand_wrap .about .cp dl dt {
  font-weight: bold;
}

.mainframe_ #brand_wrap .about .cp .txt {
  margin: 10px 0 0;
}

.mainframe_ #brand_wrap .about .cp .att {
  font-size: 1.4rem;
}

.mainframe_ #brand_wrap .about .cp .att > span {
  font-weight: bold;
}

/* ---------------- SP ----------------------------------------------------- */

/* イベント情報（.about .cp）
--------------------------------- */
.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp {
  width: 100%;
  max-width: 660px;
  margin: 20px auto;
  padding: 5px;
  background: #f7f7f7;
  line-height: 1.4;
  text-align: center;
  color: #111;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp .cp_in {
  padding: 20px 10px;
  border: 1px solid #222;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp .title {
  font-size: 2.0rem;
  font-weight: bold;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp dl {
  margin: 10px 0 0;
  font-size: 1.6rem;
  text-align: center; 
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp dl dt {
  font-weight: bold;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp .txt {
  margin: 10px 0 0;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp .att {
  font-size: 1.4rem;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .cp .att > span {
  font-weight: bold;
}