/* font
  ------------------------------ */
@font-face {
  font-display: swap;
  font-family: "ShipporiMincho";
  src: url("https://lenoble.itembox.design/item/images/font/ShipporiMincho.eot?") format("eot"),
    url("https://lenoble.itembox.design/item/images/font/ShipporiMincho.woff") format("woff"),
    url("https://lenoble.itembox.design/item/images/font/ShipporiMincho.otf") format("opentype");
}
.contents_wrap {
  font-family: "Noto Sans JP", sans-serif;
}

/* --------------------------------
  * 共通
  * -------------------------------- */

.PCnone {
  display: none;
}

.discount-empty p.discount,
.discount-empty span.off {
  display: none;
}

.all_contents {
  background-color: #f5f5f5;
}
.contents_header {
  width: 100%;
  background-color: #84c5c9;
  /*1月#f36892 2月#b45bc7 3月#e788c7 4月#84c5c9 5月#7371b4 6月#4acba2
      7月#5ab56d 8月#79d261 9月#b5d448 10月#f5b731 11月#ed8d40 12月#f14d4d*/
  margin: 5% auto 10%;
}
.contents_header h1 {
  width: 100%;
  margin: 0 auto;
  padding: 0%;
}
.contents_header img {
  width: 100%;
}

span.ttl {
  font-family: Tahoma;
  font-size: 42px;
  width: 90%;
  margin: 0 auto;
  display: block;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  margin-bottom: 5%;
  padding-top: 5%;
}
.eventinfo {
  display: flex;
  flex-wrap: wrap;
  margin: 5% 3%;
}
.backnumber {
  display: flex;
  flex-wrap: wrap;
  margin: 5% 3%;
}
.col3 {
  width: 33%;
}
.item_box {
  background-color: #fff;
  border: solid 1px #1f1f1f;
  margin: 5%;
  width: 80%;
  padding: 5%;
}
.item_box img {
  width: 100%;
}
.item_box p {
  margin: 5% auto;
  font-size: 18px;
}

span.jan,
span.feb,
span.mar,
span.apr,
span.may,
span.jun,
span.jul,
span.aug,
span.sep,
span.oct,
span.nov,
span.dec {
  font-size: 18px;
  width: 90%;
  margin: 0 auto;
}

span.jan {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f36892 0%) repeat scroll 0 0;
}
span.feb {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b45bc7 0%) repeat scroll 0 0;
}
span.mar {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #e788c7 0%) repeat scroll 0 0;
}
span.apr {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #84c5c9 0%) repeat scroll 0 0;
}
span.may {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #7371b4 0%) repeat scroll 0 0;
}
span.jun {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #4acba2 0%) repeat scroll 0 0;
}
span.jul {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #5ab56d 0%) repeat scroll 0 0;
}
span.aug {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #79d261 0%) repeat scroll 0 0;
}
span.sep {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b5d448 0%) repeat scroll 0 0;
}
span.oct {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f5b731 0%) repeat scroll 0 0;
}
span.nov {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ed8d40 0%) repeat scroll 0 0;
}
span.dec {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f14d4d 0%) repeat scroll 0 0;
}
.explain {
  font-size: 15px;
  padding: 5% 3%;
  text-align: left;
}

.item_ttl {
  width: 90%;
  margin: 0 auto;
}

/*アイテム*/

.price_box {
  margin: 5% auto;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
}
.c_price span {
  font-size: 20px;
}
p.discount {
  color: #fff;
  background-color: #f00;
  display: inline-block;
  padding: 0 4%;
  margin: 0 3%;
}

/* --------------------------------
  * モール
  * -------------------------------- */
@media screen and (max-width: 840px) {
}
/* --------------------------------
  * SP
  * -------------------------------- */
@media screen and (max-width: 639px) {
  .contents_header h1 {
    width: 100%;
  }
  span.ttl {
    font-size: 30px;
    text-align: center;
  }
  .eventinfo .col3 {
    width: 100%;
    text-align: center;
  }
  .backnumber .col3 {
    width: 100%;
    text-align: center;
  }
  span.jan,
  span.feb,
  span.mar,
  span.apr,
  span.may,
  span.jun,
  span.jul,
  span.aug,
  span.sep,
  span.oct,
  span.nov,
  span.dec {
    font-size: 15px;
  }
}