@charset "UTF-8";
/* COLOR */
/* FONT WEGIHT */
/* COLOR */
/* FONT WEGIHT */
/**
 * [utils] pcStyle
 * @description PC用メディアクエリ
 */
/**
 * [utils] spStyle
 * @description SP用メディアクエリ
 */
/**
 * [utils] createLinerGradient
 * @description 引数の角度を指定したグラデーションを返す
 */
/**
 * [utils] tileBackground
 * @description tileパーツのShadowを統一
 */
@keyframes loading {
  0%, 40%, 100% {
    transform: scaleY(-1); }
  20% {
    transform: scaleY(-0.5); } }

.p-home .page-title {
  width: 100%;
  text-align: center;
  margin-top: 48px; }
  @media print, screen and (min-width: 1024px) {
    .p-home .page-title {
      margin-top: 78px; } }

.p-home__categories {
  padding: 30px 0 0; }
  @media print, screen and (min-width: 1024px) {
    .p-home__categories {
      padding: 50px 0 0; } }

.c-separator {
  border: 0;
  margin: 0;
  padding: 0;
  height: 2px;
  background-image: linear-gradient(178deg, #fd4536, #ec546e 35%, #c65f91 67%, #705fae); }