@charset "UTF-8";

/* ====================================
	追加スタイル
 ==================================== */
.bg-base-color {
  background-color: #FFF9E3;
}

/* ポイントカラー */
#mainVisual,
.product-section,
#pageTop {
  background-color: #FF9D00;
}

.product-section,
#pageTop {
  box-shadow:0 1px 0 #FF9D00; /* Safari対応 */
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 1023px) {

  /* メインビジュアル */
  .mv-title-container {
    box-shadow: 5px 5px 0px #FFE4B9;
  }

  .mv-catch {
    box-shadow: 3px 3px 0px #FFE4B9;
  }

  /* サブセクション */
  .sub-header {
    box-shadow: 5px 5px 0px #FFE4B9;
  }

  .sub-header::before {
    border-color: #FFE4B9 transparent transparent transparent;
  }

  .sub-aruaru {
    box-shadow: 3px 3px 0px #FFE4B9;
  }

  .sub-kurutto {
    box-shadow: 3px 3px 0px #FFE4B9;
  }

  .sub-title {
    text-shadow: 3px 3px 0px #FFE4B9;
  }
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 1024px) {

  /* メインビジュアル */
  .mv-title-container {
    box-shadow: 10px 10px 0px #FFE4B9;
  }

  .mv-catch {
    box-shadow: 5px 5px 0px #FFE4B9;
  }

  /* サブセクション */
  .sub-header {
    box-shadow: 5px 5px 0px #FFE4B9;
  }

  .sub-header::before {
    border-color: transparent transparent transparent #FFE4B9;
  }

  .sub-aruaru {
    box-shadow: 3px 3px 0px #FFE4B9;
  }

  .sub-kurutto {
    box-shadow: 3px 3px 0px #FFE4B9;
  }

  .sub-title {
    text-shadow: 3px 3px 0px #FFE4B9;
  }
}