@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); } }

.c-sns-contents {
  padding-bottom: 30px;
  background-image: linear-gradient(159deg, rgba(253, 69, 54, 0.15), rgba(236, 84, 110, 0.15) 35%, rgba(198, 95, 145, 0.15) 67%, rgba(112, 95, 174, 0.15));
  margin-left: -20px;
  margin-right: -20px; }
  @media print, screen and (min-width: 1024px) {
    .c-sns-contents {
      padding-bottom: 100px;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw); } }
  .c-sns-contents .c-separator {
    margin: 0 20px; }
    @media print, screen and (min-width: 1024px) {
      .c-sns-contents .c-separator {
        margin: 0 auto;
        max-width: 1200px;
        width: calc(100% - 80px); } }

.c-sns-contents__inner {
  max-width: 1040px;
  margin: 0 auto; }
  @media print, screen and (min-width: 1024px) {
    .c-sns-contents__inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.c-sns-contents__block {
  border-radius: 3px;
  margin: 0 20px 20px;
  box-shadow: 1px 1px 20px 4px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 1024px) {
    .c-sns-contents__block {
      width: calc(50% - 20px);
      margin: 0; } }