/*
Theme Name: Dreams
Description: Dreamsのテーマです。
Version: 1.0
*/


.orange-02-div {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}

.st-page-title {
  display: block;
}

.thumbnail-div,
.content-div {
  display: block;
  width: 80%;
}

@media screen and (max-width: 768px) {
  #sub-column h3.cal-title {
    margin: 0;
    padding: 10px 0 20px 0;
    font-size: 110%;
    width: 100%;
    text-align: center;
    color: var(--orange-01);
    background: #fff;
    line-height: 1.4;
    letter-spacing: .05em;
  }
}

/* ここから404.php */

.c-title {
  font-size: 24px;
  margin: 20px;
}

.not-found {
  text-align: center;
}

.not-found-p {
  margin: 20px;
}


/* ここからfunctions.php */

.breadcrumb__item {
  display: inline;
}

.breadcrumb__item:nth-last-child(n + 2):after {
  display: inline-block;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: 3px;
}

.breadcrumb__item a {
  color: #000;
  transition: opacity .6s;
}

.breadcrumb__item a:hover {
  opacity: .6;
}