@charset "utf-8";

/* 全ページ共通CSS */

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


/* ///////////////////////////
フッター（カレンダー）
footer_shopping-guide.html
/////////////////////////// */

  .calender__sec td[bgcolor="#FFCC33"] {
    background-color: #FFCC33;
  }

  .calender__sec table td {
    background: #fff;
  }

  .calender__sec .calender__wrap {
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 700px;
    margin: auto;
    padding: 20px 10px;
  }

  .calender__sec .calender__wrap>div {
    width: 47%;
  }

  .calender__sec .calender__wrap>div>table {
    width: 100%;
  }

  .calender__holiday {
    margin-top: 10px;
    margin-left: 15px;
  }

  .col-pc-4.col-sp-12.mailmagazine {
    max-width: 100% !important;
    flex: 100% !important;
  }

  .calender_remarks {
    text-align: center;
  }

  @media (max-width:768px) {
    .calender__sec .calender__wrap>div {
      width: 100%;
    }

    .calender__sec table {
      width: 100%;
    }

    .slick-next {
      transform: rotate(45deg) translate(0, -50%);
      border-top: #000 1px solid;
      border-right: #000 1px solid;
      right: 0px;
      z-index: 10;
    }

    .slick-prev {
      transform: rotate(45deg) translate(0, -50%);
      border-bottom: #000 1px solid;
      border-left: #000 1px solid;
      left: -15px;
      z-index: 10;
    }

  }