@charset "utf-8";

/*____________________________________________________________________________

locondoweb2 用 CSS変数

____________________________________________________________________________*/

:root {
  /* メインカラー */
  --main-color: #333;

  /* テキスト */
  --text: #333;
  --text-light: #666;
  --text-lighter: #999;

  /* Background */
  --bg: #ddd;
  --bg-light: #f0f0f0;

  /* フォントサイズ */
  --font-xs: 11px;
  --font-s: 14px;
  --font-m: 16px;
  --font-l: 18px;

  /* レイアウト */
  --header-height: 60px;

  @media screen and (max-width: 768px) {
    /* フォントサイズ */
    --font-xs: 11px;
    --font-s: 14px;
    --font-m: 16px;
    --font-l: 18px;
  }

}

.site_fashionwalker{
  --main-color: #01C3CF;
}
.site_magaseek{
  --main-color: #8bc34a;
}
.site_brandeli{
  --main-color: #0073c6;
}
.site_reebok{
  --main-color: #244496;
}
.site_duvetica,
.site_fascinate,
.site_steady{
  --ratio: 2 / 3;
  --ratio-inverse: 3 / 2;
}
.site_brandeli,
.site_fashionwalker,
.site_fineoutlet,
.site_mango,
.site_waja{
  --ratio: 5 / 7;
  --ratio-inverse: 7 / 5;
}
.site_descente,
.site_descentefes,
.site_docomo,
.site_durban,
.site_kuipo,
.site_lapine,
.site_magaseek,
.site_orobianco{
  --ratio: 5 / 6;
  --ratio-inverse: 6 / 5;
}
.site_harleydavidson{
  --ratio: 8 / 7;
  --ratio-inverse: 7 / 8;
}