@charset "UTF-8";
.hidden {
  visibility: hidden;
}

section[id^=group] {
  padding-top: 1px;
}

.article-title {
  background-image: url(../images/main_title_sp.jpg);
  padding-top: 112.5%;
}

.article-lead {
  background-color: #DB0071;
  color: #fff;
  font-family: "Gothic MB101 Ultra", sans-serif;
  margin-top: 0;
  padding: 16px;
}
.article-lead img {
  display: none;
}
.article-lead p {
  margin: 0;
}

.article-content__title {
  font-size: 220%;
  font-family: "Gothic MB101 Ultra", sans-serif;
  background-color: #DB0071;
  color: #FFF;
  text-align: center;
  margin: 32px -16px 8px;
  padding: 8px 16px;
}

.article-content__text p {
  font-size: 160%;
}
.article-content__text.continue {
  text-align: center;
}
.article-content__text.continue p {
  text-align: left;
  display: inline-block;
}
.article-content__text.continue + .article-navi {
  margin: 0 auto;
}

.article-photo figure.vertical {
  text-align: center;
  background-color: #e9e8eb;
}
.article-photo figure.vertical img {
  display: inline-block;
  width: auto;
  height: 100%;
}

.article-photo-group {
  margin: 16px auto;
}
.article-photo-group .article-photo {
  margin: 0 auto;
}
.article-photo-group .article-photo + .article-photo {
  margin-top: 8px;
}

.article .info {
  max-width: 640px;
  margin: 0 auto;
}
.device-pc .article-title {
  background-image: url(../images/main_title_pc.jpg);
}

.device-pc .article-lead {
  margin: 0 auto 40px;
  padding: 0;
}
.device-pc .article-lead__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 100%;
}
.device-pc .article-lead__text p {
  margin: 0 auto;
}
.device-pc .article-lead__text img {
  display: block;
}

.device-pc .article-content__title {
  font-size: 280%;
  width: auto;
  padding: 16px 0;
  margin: 80px auto 0;
}
.device-pc .article-content__title + .article-content__text {
  margin-top: 32px;
}

.device-pc .article-photo-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px auto;
}
.device-pc .article-photo-group .article-photo {
  width: 50%;
}
.device-pc .article-photo-group .article-photo + .article-photo {
  margin-top: 0;
}

.toc__title {
  background-color: #e9e8eb;
  padding-left: 0.5em;
  border-radius: 6px;
}

.toc-item:first-child {
  border-top: 0 none transparent;
}
.toc-item a, .toc-item > span {
  padding: 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.device-sp #contents .toc-item a, .device-sp #contents .toc-item span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.toc-item + ul {
  padding-left: 40px;
}
.toc-item + ul .toc-anchor a::after {
  content: "";
  font-family: "Material Design Icons";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 200%;
  color: #f27f0c;
}
.toc-item.current + ul .toc-anchor a::after {
  content: "";
}

.toc-anchor {
  border-bottom: 1px solid #e9e8eb;
}
.toc-anchor a {
  padding: 8px 24px 8px 0;
  line-height: 1.5;
  position: relative;
  width: 100%;
}

.toc .accordion-content__inner {
  padding: 0;
}

.device-pc .toc {
  margin: 0;
  width: 47.9166666667%;
}
.device-pc .toc-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.device-pc .toc-content .toc-item a {
  padding: 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.item .item-comment, .item .item-mail {
  position: relative;
  padding-left: 60px;
  min-height: 40px;
  margin: 16px auto;
}
.item .item-comment::before, .item .item-mail::before {
  display: inline-block;
  position: absolute;
  font-family: "Material Design Icons";
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  background-color: #eee;
  top: 0;
  left: 0;
  border-radius: 20px;
  text-align: center;
}
.device-pc .item .item-comment, .device-pc .item .item-mail {
  padding-left: 80px;
}
.device-pc .item .item-comment::before, .device-pc .item .item-mail::before {
  width: 60px;
  height: 60px;
  font-size: 32px;
  line-height: 60px;
  border-radius: 30px;
}
.item {
  max-width: 640px;
  margin: 16px auto 16px;
  border-bottom: 4px solid #DB0071;
}
.item img {
  max-width: 100%;
}
.item-mail::before {
  content: "";
}
.item-mail p {
  font-size: 160%;
}
.item-comment {
  margin-top: 16px;
}
.item-comment::before {
  content: "";
}
.item-comment p {
  font-size: 160%;
}
.item:nth-child(3n+1) .item-mail::before {
  background-color: #D5CCFF;
}
.item:nth-child(3n+2) .item-mail::before {
  background-color: #FFEA4D;
}
.item:nth-child(3n+3) .item-mail::before {
  background-color: #73E573;
}
.device-pc .item {
  margin: 0 auto 40px;
  padding-bottom: 20px;
}
.device-pc .item-mail {
  margin: 24px auto;
}

.device-pc .item-comment {
  margin: 24px auto;
}

.ua-desktop .toc-content a {
  display: block;
}

/*# sourceMappingURL=main.css.map */