a:hover {
    opacity: 0.5;
}

.ec-layoutRole .ec-layoutRole__contents{
    max-width: none; /* 1150px; */
}

/* スライドショーの横幅固定を外す */
.ec-sliderRole{
   max-width: none; /* 1130px; */
   padding-left: 0; /* 20px; */
   padding-right: 0; /* 20px; */
}

:root {
  /* 黒系ヘッダー（ヘッダーロゴ画像は白系で作成してください） */
  --clrHeaderBgRGB:         0, 0, 0;/* 背景色RGB */
  --clrHeaderBgAlfa:        0.1;/* ヘッダー背景色透過率（TOPページではプロモーションにヘッダが被り背景色が完全透過となりますがhover時にうすく背景色をかける際の透過具合） */
  --clrHeaderText:          #fff;/* 文字色 */
  --clrHeaderMenuHoverBg:   rgba(255, 255, 255, 0.2);/* メニューにhoverした時の背景色 */
  --clrHeaderBurger:        #fff;/* バーガー3本線の色 */
  --headerBottomMargin:     40px;/* ヘッダーの下余白（デスクトップ時のヘッダーとメインコンテンツの余白。ヘッダーとメインコンテンツが同色の場合は「0px」にするとバランスが良くなると思います） */



  /* 黒系ドロワー */
  --clrDrawerBg:            #101010;/* 背景色 */
  --clrDrawerText:          #eee;/* 文字色 */
  --clrDrawerIcon:          #999;/* アイコン色 */
  --clrDrawerBorder:        #777;/* メニューの区切り線 */
  --clrDrawerBorder2:       #777;/* 開閉メニューOPEN時の左線 */



  /* 黒系フッター */
  --clrFooterBg:            #000;/* 背景色 */
  --clrFooterText:          #aaa;/* 文字色 */
  --clrFooterNavText:       #fff;/* フッターナビ文字色 */
  --clrFooterBorder:        rgba(255, 255, 255, 0.2);/* フッターボーダー線色 */
  --clrCalendarHolidayBg:   #888;/* カレンダー休日背景色 */
  --clrCalendarHolidayText: #000;/* カレンダー休日文字色 */
  --clrCalendarTodayBg:     #fff;/* カレンダー本日背景色 */
  --clrCalendarTodayText:   #000;/* カレンダー本日文字色 */
}

/* TOPページ（デスクトップ時）のみ、ヘッダー下余白を0にします */
@media only screen and (min-width: 1280px) {
  body #page_homepage .ec-layoutRole .ec-layoutRole__header {
    margin-bottom: 0;
  }
}