/* Scss Document */
/* Scss Document */
.menu {
  width: 100%;
  margin: 0;
  padding: 60px 100px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .menu__introTxt {
    width: calc(100% - 330px);
    margin: 70px 0 0;
    line-height: 1.7; }
  .menu__wrapper {
    margin: 0;
    padding: 0;
    position: relative; }
    .menu__wrapper--image {
      position: absolute;
      top: -170px;
      right: 40px; }

@media (max-width: 1200px) {
  .menu {
    padding: 60px 40px 0; } }
@media (max-width: 800px) {
  .menu {
    padding: 60px 20px 0; }
    .menu__introTxt {
      width: calc(100% - 180px - 20px); }
    .menu__wrapper--image {
      width: 180px;
      height: 102px;
      top: -102px;
      right: 20px; } }
@media (max-width: 600px) {
  .menu__introTxt {
    width: calc(100% - 100px - 20px); }
  .menu__wrapper--image {
    width: 100px;
    height: 57px;
    top: -57px; } }
.menuList {
  margin: 40px 0 0;
  padding: 0;
  list-style: none; }
  .menuList__item {
    margin: 0;
    padding: 10px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    background-color: #FFF;
    border: 1px solid #d1c4af; }
    .menuList__item:not(:first-of-type) {
      border-top: none; }
    .menuList__item:first-of-type {
      -webkit-border-top-left-radius: 30px;
      -webkit-border-top-right-radius: 30px;
      -moz-border-top-left-radius: 30px;
      -moz-border-top-right-radius: 30px;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px; }
    .menuList__item:last-of-type {
      -webkit-border-bottom-left-radius: 30px;
      -webkit-border-bottom-right-radius: 30px;
      -moz-border-bottom-left-radius: 30px;
      -moz-border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px; }
    .menuList__item--year {
      width: 25%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Zen Maru Gothic", sans-serif;
      line-height: 1.0; }
      .menuList__item--year span {
        font-size: 1.6666666667rem;
        font-weight: 700; }
    .menuList__item--month {
      width: 75%;
      margin: 0;
      padding: 30px 0 0;
      list-style: none;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      .menuList__item--month li {
        width: 160px;
        margin: 0 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .menuList__item--month li:nth-of-type(4n+1) a::before {
          background-color: #1a7ed4; }
        .menuList__item--month li:nth-of-type(4n+2) a::before {
          background-color: #f87974; }
        .menuList__item--month li:nth-of-type(4n+3) a::before {
          background-color: #7dc350; }
        .menuList__item--month li:nth-of-type(4n+4) a::before {
          background-color: #f9cb61; }
        .menuList__item--month li.yet {
          padding: 0 0 0 15px;
          color: #DDD;
          position: relative; }
          .menuList__item--month li.yet::before {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            top: 10px;
            left: 0;
            background-color: #DDD;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%; }
        .menuList__item--month li a {
          padding: 0 0 0 15px;
          color: #3a3535;
          position: relative;
          transition: 0.1s linear; }
          .menuList__item--month li a::before {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            top: 10px;
            left: 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%; }
          .menuList__item--month li a:hover {
            text-decoration: none;
            top: 1px;
            left: 1px;
            opacity: 0.7;
            filter: alpha(opacity=70);
            -ms-filter: alpha(opacity=70); }

@media (max-width: 800px) {
  .menuList__item {
    padding: 30px 0 0;
    flex-direction: column; }
    .menuList__item--year {
      width: 100%; }
    .menuList__item--month {
      width: 100%;
      padding: 30px 20px 0;
      justify-content: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }