.mainArea #CarouselArea ._thumbnail,
.mainArea #EntryList ._thumbnail,
.mainArea #Article ._thumbnail {
  background-color: #FFF;
  max-width: 720px;
  max-height: 510px;
}
@media screen and (max-width: 960.98px) {
  .mainArea #CarouselArea ._thumbnail,
  .mainArea #EntryList ._thumbnail,
  .mainArea #Article ._thumbnail {
    width: 90.66667vw;
    height: 64.22222vw;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea #CarouselArea ._thumbnail,
  .mainArea #EntryList ._thumbnail,
  .mainArea #Article ._thumbnail {
    width: 720px;
    height: 510px;
  }
}
.mainArea #CarouselArea ._thumbnail ._inner,
.mainArea #EntryList ._thumbnail ._inner,
.mainArea #Article ._thumbnail ._inner {
  box-sizing: border-box;
  width: 720px;
  height: 510px;
  transform-origin: 0 0;
  display: flex;
  flex-direction: column;
}
.mainArea #CarouselArea ._thumbnail ._name,
.mainArea #EntryList ._thumbnail ._name,
.mainArea #Article ._thumbnail ._name {
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .05em;
  box-sizing: border-box;
  height: 122px;
  padding: 0 .5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainArea #CarouselArea ._thumbnail ._point,
.mainArea #EntryList ._thumbnail ._point,
.mainArea #Article ._thumbnail ._point {
  background-size: 100%;
  box-sizing: border-box;
  height: 384px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mainArea #CarouselArea ._thumbnail ._point ._text1,
.mainArea #EntryList ._thumbnail ._point ._text1,
.mainArea #Article ._thumbnail ._point ._text1 {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .05em;
  margin-bottom: .4em;
  display: inline-block;
}
.mainArea #CarouselArea ._thumbnail ._point ._text2,
.mainArea #EntryList ._thumbnail ._point ._text2,
.mainArea #Article ._thumbnail ._point ._text2 {
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .05em;
  margin-top: .2em;
  display: inline-block;
}
.mainArea #CarouselArea ._thumbnail ._point ._num,
.mainArea #EntryList ._thumbnail ._point ._num,
.mainArea #Article ._thumbnail ._point ._num {
  font-size: 17.2rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  letter-spacing: .05em;
  display: inline-block;
}
.mainArea #CarouselArea ._thumbnail ._point ._unit,
.mainArea #EntryList ._thumbnail ._point ._unit,
.mainArea #Article ._thumbnail ._point ._unit {
  font-size: 13.6rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: bottom;
  letter-spacing: .05em;
  padding-bottom: .06em;
  display: inline-block;
}
.mainArea #CarouselArea ._thumbnail ._point ._text-free,
.mainArea #EntryList ._thumbnail ._point ._text-free,
.mainArea #Article ._thumbnail ._point ._text-free {
  font-size: 5.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .05em;
  margin-top: .2em;
  display: inline-block;
}
.mainArea #CarouselArea[data-category=campaign] #Article_Header_Image ._text,
.mainArea #EntryList[data-category=campaign] #Article_Header_Image ._text,
.mainArea #Article[data-category=campaign] #Article_Header_Image ._text {
  border: 2px solid #F37118;
}
.mainArea #CarouselArea[data-category=campaign] #Article_Header_Image ._name,
.mainArea #EntryList[data-category=campaign] #Article_Header_Image ._name,
.mainArea #Article[data-category=campaign] #Article_Header_Image ._name {
  color: #F37118;
}
.mainArea #CarouselArea[data-category=campaign] #Article_Header_Image ._point,
.mainArea #EntryList[data-category=campaign] #Article_Header_Image ._point,
.mainArea #Article[data-category=campaign] #Article_Header_Image ._point {
  color: #FF0;
  background: url("../images/bg-campaign.svg") no-repeat 0 0;
}
.mainArea #CarouselArea[data-category=point-up] #Article_Header_Image ._text,
.mainArea #EntryList[data-category=point-up] #Article_Header_Image ._text,
.mainArea #Article[data-category=point-up] #Article_Header_Image ._text {
  border: 2px solid #34C0E1;
}
.mainArea #CarouselArea[data-category=point-up] #Article_Header_Image ._name,
.mainArea #EntryList[data-category=point-up] #Article_Header_Image ._name,
.mainArea #Article[data-category=point-up] #Article_Header_Image ._name {
  color: #34C0E1;
}
.mainArea #CarouselArea[data-category=point-up] #Article_Header_Image ._point,
.mainArea #EntryList[data-category=point-up] #Article_Header_Image ._point,
.mainArea #Article[data-category=point-up] #Article_Header_Image ._point {
  color: #FFF;
  background: url("../images/bg-point-up.svg") no-repeat 0 0;
}
.mainArea #CarouselArea[data-category=valuable] #Article_Header_Image ._text,
.mainArea #EntryList[data-category=valuable] #Article_Header_Image ._text,
.mainArea #Article[data-category=valuable] #Article_Header_Image ._text {
  border: 2px solid #F05990;
}
.mainArea #CarouselArea[data-category=valuable] #Article_Header_Image ._name,
.mainArea #EntryList[data-category=valuable] #Article_Header_Image ._name,
.mainArea #Article[data-category=valuable] #Article_Header_Image ._name {
  color: #F05990;
}
.mainArea #CarouselArea[data-category=valuable] #Article_Header_Image ._point,
.mainArea #EntryList[data-category=valuable] #Article_Header_Image ._point,
.mainArea #Article[data-category=valuable] #Article_Header_Image ._point {
  color: #FFF;
  background: url("../images/bg-valuable.svg") no-repeat 0 0;
}

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