@charset "UTF-8";
/* ==================================================
mixin
================================================== */
/*=======================================================
  商品ページ
======================================================== */
/*	fx3
======================================================== */
@media print, screen and (min-width: 768px) {
  .c5-webcast .c5-fx3 .c5-Pagehero_item {
    -webkit-transform: translate(-50%, 48%);
            transform: translate(-50%, 48%);
  }
}
@media only screen and (min-width: 992px) {
  .c5-webcast .c5-fx3 .c5-Pagehero_item {
    -webkit-transform: translate(-50%, 38%);
            transform: translate(-50%, 38%);
  }
}

.c5-webcast .c5-fx3 .c5-point {
  padding: 44% 0 74px;
}
@media print, screen and (min-width: 768px) {
  .c5-webcast .c5-fx3 .c5-point {
    padding: 20% 0 125px;
  }
}
@media only screen and (min-width: 992px) {
  .c5-webcast .c5-fx3 .c5-point {
    padding: 225px 0 125px;
  }
}

/*	
======================================================== */
.c5-webcast.c5-zve10 .c5-fx3 .c5-Pagehero_item,
.c5-webcast.c5-a7 .c5-fx3 .c5-Pagehero_item {
  -webkit-transform: translate(-50%, 38%);
          transform: translate(-50%, 38%);
}

.c5-webcast.c5-zve10 .c5-fx3 .c5-point,
.c5-webcast.c5-a7 .c5-fx3 .c5-point {
  padding: 22% 0 74px;
}
@media print, screen and (min-width: 768px) {
  .c5-webcast.c5-zve10 .c5-fx3 .c5-point,
.c5-webcast.c5-a7 .c5-fx3 .c5-point {
    padding: 14% 0 125px;
  }
}
@media only screen and (min-width: 992px) {
  .c5-webcast.c5-zve10 .c5-fx3 .c5-point,
.c5-webcast.c5-a7 .c5-fx3 .c5-point {
    padding: 130px 0 125px;
  }
}

/*	a7
======================================================== */
.c5-webcast.c5-a7 .c5-fx3 .c5-Pagehero {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF7EB), color-stop(82%, #FFF7EB), color-stop(82%, #f5f5f5), to(#f5f5f5));
  background: linear-gradient(to bottom, #FFF7EB 0%, #FFF7EB 82%, #f5f5f5 82%, #f5f5f5 100%);
}

/*	a7
======================================================== */
.c5-webcast.c5-zve10 .c5-fx3 .c5-Pagehero {
  background: -webkit-gradient(linear, left top, left bottom, from(#FDFBEA), color-stop(82%, #FDFBEA), color-stop(82%, #f5f5f5), to(#f5f5f5));
  background: linear-gradient(to bottom, #FDFBEA 0%, #FDFBEA 82%, #f5f5f5 82%, #f5f5f5 100%);
}