@charset "UTF-8";

[data-browse-mode="P"] .event-box {
  padding: 40px 20px;
}

.series {
  width: 60%;
  margin: 80px auto 0;
}

.series-btn {
  display: block;
  max-width: 350px;
  margin: 20px auto 0;
  padding: 14px 10px 10px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #fff;
  line-height: 1.5 !important;
  border-radius: 10px;
  cursor: pointer;
}

.series-btn.seika {
  background-color: #60a0d8;
  box-shadow: 0 5px 0 #408bc5;
}

.series-btn.takoyaki {
  background-color: #d00b1c;
  box-shadow: 0 5px 0 #90000a;
}

.series-btn.kitchen {
  background-color: #13535f;
  box-shadow: 0 5px 0 #1f6f7e;
}

.series-btn.select {
  background-color: #7dcccc;
  box-shadow: 0 5px 0 #45a5a5;
}

.series-btn:hover {
  box-shadow: none;
  transform: translateY(5px);
}

[data-browse-mode="S"] .event-box-text {
  text-align: left;
}

[data-browse-mode="S"] .series {
  width: 100%;
  margin: 60px auto 0;
}

[data-browse-mode="S"] .series-btn {
  font-size: 17px;
  max-width: 300px;
  padding: 12px 16px 8px;
  margin: 20px auto 10px;
}