/* Scss Document */
#page_ttl h1 {
  background: url(../images/price/ico_page_ttl.png) top 1em center no-repeat;
}

@media screen and (max-width: 768px) {
  #kokia .kokia_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  #kokia .kokia_wrap figure {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  #kokia .kokia_wrap figure:last-child {
    width: 100%;
  }
}
#kokia .kokia_text {
  font-size: 2.0rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #kokia .kokia_text {
    font-size: 1.6rem;
    text-align: left;
  }
}

.reserve {
  margin: 1em 0;
  color: #60A146;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.reserve a {
  pointer-events: none;
}
.reserve span {
  display: inline-block;
  margin: 0 1em;
  font-size: 2.0rem;
}

.note li {
  padding-left: 1em;
  background: url(../images/activity/icon_green.png) top 0.5em left no-repeat;
}

#zipLine dt {
  font-weight: normal;
}

.activity_nav ul {
  margin-bottom: 40px;
  text-align: center;
}
.activity_nav li {
  display: inline-block;
  margin: 1em;
}

.lttl span {
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 2em;
}

#zipLine .course li {
  margin-bottom: .5em;
  padding-left: 2em;
}
#zipLine .course .icon_p {
  background: url(../images/activity/icon_p.png) top left no-repeat;
}
#zipLine .course .icon_1 {
  background: url(../images/activity/icon_1.png) top left no-repeat;
}
#zipLine .course .icon_2 {
  background: url(../images/activity/icon_2.png) top left no-repeat;
}
#zipLine .course .icon_3 {
  background: url(../images/activity/icon_3.png) top left no-repeat;
}
#zipLine .course .icon_4 {
  background: url(../images/activity/icon_4.png) top left no-repeat;
}
#zipLine .course .icon_5 {
  background: url(../images/activity/icon_5.png) top left no-repeat;
}
#zipLine .course .icon_6 {
  background: url(../images/activity/icon_6.png) top left no-repeat;
}
#zipLine .course .icon_7 {
  background: url(../images/activity/icon_7.png) top left no-repeat;
}
#zipLine .course .icon_8 {
  background: url(../images/activity/icon_8.png) top left no-repeat;
}
#zipLine .join li, #zipLine .caution li, #zipLine .cancel li {
  padding-left: 1em;
  background: url(../images/activity/icon_green.png) top 0.5em left no-repeat;
}

@media screen and (max-width: 768px) {
  #page_ttl h1 {
    background: none;
  }

  #zipLine .flex-wrap {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-box: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #zipLine .flex-wrap figure {
    width: 48%;
  }
}