@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro', Roboto, 'メイリオ', Meiryo, sans-serif;
  font-weight: 400;
}

body,
h2,
h3,
div,
p,
ul,
ol,
li,
button {
  margin: 0;
  padding: 0;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro', Roboto, 'メイリオ', Meiryo, sans-serif;
}

li {
  list-style: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.calendar {
  background-color: #f5f5f5;
}
.calendar .caption {
  padding: 10px 20px;
  background-color: white;
}
.calendar .caption p {
  font-size: 1.3rem;
  font-weight: 500;
}
.calendar .cal-wrapper {
  padding: 20px;
}
.calendar .cal-block {
  margin: 0 0 20px;
  padding: 0 0 10px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.calendar .cal-list li {
  padding: 10px 15px;
  background: linear-gradient(90deg, #d6d7d8 0%, #d6d7d8 33%, transparent 33%, transparent 100%) repeat-x left top/3px
    1px;
}
.calendar .cal-list .icon {
  display: inline-flex;
  align-items: center;
}
.calendar .cal-list .icon span::before {
  content: '●';
}
.calendar .cal-list .event {
  color: #c35555;
}
.calendar .cal-list .day39 {
  color: #c6a064;
}
.calendar .cal-list .live {
  color: #a4c664;
}
.calendar .cal-list .campaign {
  color: #af64c6;
}
.calendar .cal-list .news {
  color: #647dc6;
}
.calendar .cal-list .special {
  color: #4665e6;
}
.calendar .cal-list .livemini {
  color: #6ad1b7;
}
.calendar .cal-list .counseling {
  color: #5997bb;
}
.calendar .cal-list a {
  color: black;
}
.calendar .cal-list_date {
  font-weight: bold;
  font-size: 1.1rem;
}
.calendar .cal-list_date .icon {
  margin-right: 0.1em;
}
.calendar .cal-list_title {
  font-size: 1.2rem;
}