@charset "UTF-8";
/**************************************************************************

	丑の日（モバイルオーダー）
	/feature/F000-7708/ushiday/

	コンテンツ幅： PC1160px, SP375
	基本フォントサイズ： 10px

***************************************************************************/
/**************************************************************************

	基本設定

***************************************************************************/
body {
  overflow-x: hidden; }

/* リセット */
.ec-featureRole *,
.ec-featureRole *::before,
.ec-featureRole *::after {
  font-size: inherit; }
.ec-featureRole {
	background: #fff;
	max-width: 1160px;
	padding-left: 0;
	padding-right: 0;
}
.ec-featureRole__content {
	padding-bottom: 0 !important;}
.bl_ushidayContents {
  background: #fff; }
.ec-giftArea {
	padding-left: 20px;
	padding-right: 20px;
}
.bl_ushidayContents ul,
.bl_ushidayContents ol {
  padding: initial;
  margin: initial; }
.ec-featureRole__content {
	padding-bottom: 0;}

/* コンテンツ部分の背景色 */
.ec-layoutRole .ec-layoutRole__contents {
  background-color: #fff !important;
  background-image: url("/order/html/upload/user_data/feature/ushiday/img/2025/bg_contents.jpg");
  background-repeat: repeat;
  background-position: center top;
  padding-top: 20px;
  padding-bottom: 40px; }

/* コンテンツ上部の親要素 */
.ec-featureRole__headdescription {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /*p {margin-bottom: 0;}*/ }

/* デフォルトH1テキストを非表示 */
.ec-featureRole .ec-featureRole__head {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

/* デフォルト商品タイトルテキストを非表示 */
/*.ec-giftArea .giftItemsHeadImg,
.ec-giftArea .giftItemsHeadImg h3 {
  display: none !important; }*/

.ec-layoutRole .ec-layoutRole__contents li {
  list-style: none; }

/* マージン調整 */
@media print, screen and (min-width: 768px) {
  #content.gift .ec-giftArea + .ec-giftArea {
    margin-top: 50px; } }
@media only screen and (max-width: 767px) {
  #content.gift .ec-giftArea + .ec-giftArea {
    margin-top: 12vw; } }

/* 商品枠 */
.itemInfoArea {
  padding: 10px;
  border-radius: 10px;
  background-color: #fff; }

/* 商品のナビ */
/*.ec-featureItems.buttons {
  display: none !important; }*/

/* もっと見る */
.more-link {
  margin-top: 15px !important; }

/* お知らせ */
/* キャンペーン終了 */
.cp-end {
  margin-bottom: 20px !important;
  border: solid 1px #fff17f;
  padding: 24px 24px 19px;
  background-color: #fffee3;
  text-align: center;
  font-weight: bold;
  color: #f00; }

/***************************************************************************

	汎用クラス・共通要素

****************************************************************************/
.indent {
  padding-left: 1em;
  text-indent: -1em; }

.txtC {
  text-align: center !important; }

.txtL {
  text-align: left !important; }

@media only screen and (max-width: 767px) {
  .txtC_sp {
    text-align: center !important; }

  .txtL_sp {
    text-align: left !important; } }
.fontSz80 {
  font-size: 80%; }

.fontSz90 {
  font-size: 90%; }

.fontSz110 {
  font-size: 110%; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb3 {
  margin-bottom: 3px !important; }

@media only screen and (max-width: 767px) {
  .mt15_sp {
    margin-top: 4vw !important; }

  .mt20_sp {
    margin-top: 5.3333333333vw !important; }

  .mt25_sp {
    margin-top: 6.6666666667vw !important; }

  .mt30_sp {
    margin-top: 8vw !important; }

  .mb25_sp {
    margin-bottom: 6.6666666667vw !important; } }
.fontB {
  font-weight: bold; }

.fontM {
  font-weight: 500; }

.pc {
  display: block; }
  @media only screen and (max-width: 767px) {
    .pc {
      display: none; } }

.pc_inb {
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .pc_inb {
      display: none; } }

.sp {
  display: block; }
  @media print, screen and (min-width: 768px) {
    .sp {
      display: none; } }

.sp_inb {
  display: inline-block; }
  @media print, screen and (min-width: 768px) {
    .sp_inb {
      display: none; } }

.tablet_inb {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet_inb {
      display: inline-block; } }

.sp_tablet_inb {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .sp_tablet_inb {
      display: inline-block; } }

.disp_inb {
  display: inline-block; }

@media print {
  .print_inb {
    display: inline-block; } }
.font-min {
  font-family: "MyYuMinchoC", "Yu Mincho", "YuMincho", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.fontRed {
  color: #DC3400; }

/***************************************************************************

	コンテンツ

****************************************************************************/
.bl_ushidayContents img {
  max-width: 100%; }

.bl_ushidayContents a {
  text-decoration: none; }

/* MV */
#mainVisual {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  text-align: center; }

.mainVisualImage img {
  max-width: 100%; }

/* リード */
.bl_lead {
  margin-top: 20px;
  padding: 0 5%;
  font-size: min(1.4rem, 4.5vw); }

/* 見出し2 */
.el_heading02 {
  font-size: min(1.8rem, 6vw);
  text-align: center;
  border-top: #000 4px solid;
  border-bottom: #000 4px solid;
  padding: 0.5em;
  margin-bottom: 30px;
  font-weight: 700; }

/* ボタン */
/* 01 */
.button01 a {
  background: #000;
  border-radius: 9999px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  width: max(300px, 25vw);
  padding: 18px 25px;
  color: #fff;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  font-size: min(1.6rem, 6vw);
  border: #000 2px solid; }

.button01 a:hover {
  background: #fff;
  color: #000; }

.button01 a:after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 3px solid #F5E363;
  border-right: 3px solid #F5E363;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out; }

/* 001 */
.button001 a {
  background: #fff;
  border-radius: 50px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 280px;
  padding: 10px 25px;
  color: #000;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  border: #000 2px solid;
  font-size: 1rem; }

.button001 a:hover {
  background: #313131;
  color: #FFF;
  border: #313131 2px solid; }

.button001 a:after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 3px solid #313131;
  border-right: 3px solid #313131;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out; }

.button001 a:hover:after {
  border-color: #FFF; }

/* 受取場所から */
.bl_location {
  padding-bottom: min(50px, 10vw); }

.bl_category {
  padding-bottom: min(50px, 8vw); }

.bl_ushidayContents .bl_location_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  padding: 0 5%; }
  .bl_ushidayContents .bl_location_list li {
    width: calc((100% - 40px)/3); }
    @media only screen and (max-width: 767px) {
      .bl_ushidayContents .bl_location_list li {
        width: calc((100% - 20px)/2); } }

.bl_cardUnit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  padding: 0 5%; }
  .bl_cardUnit a {
    text-decoration: none;
    transition: 0.3s ease-in-out; }
    .bl_cardUnit a:hover {
      opacity: 0.8; }

.bl_card {
  width: calc((100% - 40px)/3); }
  @media only screen and (max-width: 767px) {
    .bl_card {
      width: auto; } }
  .bl_card img {
    max-width: 100%; }
  .bl_card figure {
    margin: 0; }

.bl_card_txt {
  padding: 0.8em;
  font-size: 1.1rem;
  font-weight: 700;
  background: #000;
  color: #fff; }

/* キャンペーン */
.bl_cpDtl {
  background: #fff;
  border: #F5E363 4px solid; }
  @media print, screen and (min-width: 768px) {
    .bl_cpDtl {
      padding: 0 0 20px;
      width: 90%;
      margin: 0 auto 60px; } }
  @media only screen and (max-width: 767px) {
    .bl_cpDtl {
      margin-bottom: 40px;
      padding: 0 0 20px; } }
  .bl_cpDtl h2 {
    background: url(/order/html/upload/user_data/feature/ushiday/img/2025/bg_lead.jpg);
    color: #000;
    font-weight: 700;
    padding: 0.3em 0.5em;
    font-size: min(2rem, 6vw);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: #d6bf90; }
  .bl_cpDtl p {
    padding: 10px 20px 10px;
    font-size: min(1.1rem, 5vw); }
    .bl_cpDtl p span {
      font-size: 1.6rem; }

/* 期間 */
.el_cpPeriod {
  background: #fdfad1;
  padding: 0.8em 0.8em;
  margin: 20px 0;
  font-size: 1.3rem;
  font-weight: 700; }

/* 注意事項 */
.bl_notes {
  padding: 40px 5%;
  background-color: #f1f1f1; }

.bl_notes h2 {
  font-size: min(1.6rem, 5vw);
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin: 0 0 20px; }

.bl_notes ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 16px;
  line-height: 1.5; }

.bl_notes ul li + li {
  margin-top: 3px; }

/*# sourceMappingURL=style2024.css.map */