@charset "UTF-8";

iframe {
  border: 0
}

hr {
  height: 0;
  border: 0
}

@media all and (-ms-high-contrast:none) {
  body {
    font-family: "Lato", "メイリオ", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
  }
}

::-webkit-input-placeholder {
  color: #7f7f7f
}

::-moz-placeholder {
  color: #7f7f7f;
  opacity: 1
}

:-ms-input-placeholder {
  color: #7f7f7f
}

.l-header-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15)
}

.l-header-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}

.l-header-clone {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%)
}

.l-header-clone.is-show {
  transform: translateY(0)
}

.l-wrapper-lp {
  margin: 0 15px
}

.divider {
  margin-top: 40px;
  margin-bottom: 40px
}

.dividerTop {
  margin-top: 40px
}

.sticky {
  display: block
}

.bypostauthor {
  display: block
}

.eyecatch-43:before {
  padding-top: 75%
}

.eyecatch-11:before {
  padding-top: 100%
}

.eyecatch__link-zoomgray img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.eyecatch__link-zoomgray:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.eyecatch__link-zoomsepia img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%)
}

.eyecatch__link-zoomsepia:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0)
}

.eyecatch__link-zoomrotate:hover img {
  transform: scale(1.2) rotate(3deg)
}

.eyecatch__link-mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, .75);
  font-size: 1.5rem;
  transition: .6s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0
}

.eyecatch__link-mask:hover::after {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1
}

.eyecatch__link-mask:hover img {
  transform: none
}

.eyecatch__link-maskzoom::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, .75);
  font-size: 1.5rem;
  transition: .6s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0
}

.eyecatch__link-maskzoom:hover::after {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1
}

.eyecatch__link-maskzoom img {
  transition: .6s
}

.eyecatch__link-maskzoomrotate::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, .75);
  font-size: 1.5rem;
  transition: .6s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0
}

.eyecatch__link-maskzoomrotate:hover::after {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1
}

.eyecatch__link-maskzoomrotate img {
  transition: .6s
}

.eyecatch__link-maskzoomrotate:hover img {
  transform: scale(1.2) rotate(3deg)
}

.the__category {
  position: relative;
  display: inline-block;
  background: #a83f3f;
  margin-bottom: 10px
}

.the__category a {
  display: block;
  padding: 5px 10px;
  color: #fff;
  font-size: 1rem;
  transition: .15s;
  line-height: 1.35
}

.the__category a::before {
  font-family: "icomoon";
  content: "\e938";
  margin-right: 5px
}

.the__category a:hover {
  background: rgba(255, 255, 255, 0.25)
}

.the__category-rank {
  position: absolute;
  top: 0;
  left: 3rem;
  display: inline-block;
  margin-bottom: 0
}

.the__category a {
  display: block;
  padding: 0 10px;
  line-height: 3rem
}

.the__ribbon {
  position: absolute;
  top: 0;
  left: 5px;
  display: inline-block;
  padding: 7.5px 0;
  width: 25px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background: #a83f3f;
  z-index: 999
}

.the__ribbon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  width: 0;
  border-left: 12.5px solid #a83f3f;
  border-right: 12.5px solid #a83f3f;
  border-bottom: 5px solid transparent
}

.the__ribbon-right {
  left: auto;
  right: 0
}

.heading a {
  transition: .15s;
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
}

.heading-main {
  font-size: 2.4rem;
  font-family: "Fjalla One", "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: normal
}

.heading-main i {
  margin-right: 1rem
}

.heading-main span {
  font-size: 1.4rem;
  margin-left: 1rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.heading-main.u-white span {
  color: #fff
}

.heading-primary span {
  font-size: 1rem;
  margin-left: 10px;
  font-weight: normal
}

.heading-sub {
  font-size: 1.6rem;
  margin-bottom: 10px
}

.heading-sub span {
  font-size: 1rem;
  margin-left: 10px;
  font-weight: normal
}

.heading-widgetsimple {
  font-size: 1.5rem;
  margin-bottom: 20px;
  background: #a83f3f;
  color: #fff;
  padding: 10px
}

.heading-widgetsimplewide {
  font-size: 1.5rem;
  margin: -15px -15px 20px -15px;
  background: #a83f3f;
  color: #fff;
  padding: 10px
}

.heading-widgetwide {
  position: relative;
  font-size: 1.5rem;
  background: #a83f3f;
  color: #fff;
  padding: 10px 10px 10px 20px;
  margin: -15px -15px 20px -15px
}

.heading-widgetwide::before,
.heading-widgetwide::after {
  content: "";
  position: absolute
}

.heading-widgetwide::before {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px solid rgba(255, 255, 255, 0.5)
}

.heading-widgetwide::after {
  top: 50%;
  left: 0;
  width: 10px;
  height: 6px;
  margin-top: -3px;
  background: #fff
}

.heading-widgetbottom {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.5rem
}

.heading-widgetbottom::before,
.heading-widgetbottom::after {
  content: "";
  position: absolute;
  bottom: 0
}

.heading-widgetbottom:before {
  border-bottom: 3px solid #a83f3f;
  width: 100%
}

.heading-widgetbottom:after {
  border-bottom: 3px solid #D8D8D8;
  width: 100%
}

.heading-widgetborder {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-align: center;
  border-top: solid 1px #a83f3f;
  border-bottom: solid 1px #a83f3f
}

.heading-widgetborder::before,
.heading-widgetborder::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 1px;
  height: calc(100% + 10px);
  background-color: #a83f3f
}

.heading-widgetborder::before {
  left: 5px
}

.heading-widgetborder::after {
  right: 5px
}

.heading-slider {
  color: #fff;
  font-size: 2.8rem;
  margin-bottom: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}

.heading-carousel {}

.heading-pickup3 {
  color: #fff;
  margin: 0;
  padding: 0 10px 10px 10px
}

.heading.heading-pickup3 a:hover {
  color: inherit;
  animation: flash 1s
}

.heading-custom {
  margin-bottom: 0
}

.heading-commonCtr {
  font-size: 1.8rem;
  margin-bottom: 10px
}

.phrase-bottom {
  margin-bottom: 40px
}

.phrase-secondary {
  color: rgba(0, 0, 0, 0.75)
}

.phrase-tertiary {
  margin-bottom: 0;
  font-size: 1.2rem
}

.phrase-slider {
  color: #fff;
  font-size: 1.4rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}

.phrase a {
  color: #a83f3f
}

.dateList__item a:hover {
  color: #a83f3f;
  transition: .15s
}

.btn {
  width: 100%
}

.btn-left {
  text-align: left
}

.btn-center {
  text-align: center
}

.btn-right {
  text-align: right
}

.btn__link-wide {
  width: 80%
}

.btn__link-primary {
  padding: 15px 40px;
  border-radius: 5px;
  background: #a83f3f;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal
}

.btn__link-primary::before {
  border-top: 2px solid;
  border-right: 2px solid
}

.btn__link-primary::after {
  content: "";
  position: absolute;
  top: -50px;
  left: -100px;
  background: #fff;
  width: 50px;
  height: calc(100% + 100px);
  opacity: 0.1;
  transform: rotate(45deg);
  transition: .3s
}

.btn__link-primary:hover::after {
  left: calc(100% + 50px)
}

.btn__link-primary:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.btn__link-secondary {
  padding: 5px 25px 5px 15px;
  border-radius: 5px;
  background: #a83f3f;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal
}

.btn__link-secondary:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.btn__link-pickupHead {
  padding: 10px 30px;
  border-radius: 5px;
  color: inherit;
  border: 1px solid
}

.btn__link-pickupHead:hover {
  border-style: dashed
}

.btn__link-search {
  padding: 5px 25px 5px 15px;
  border-radius: 5px;
  background: #a83f3f;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal
}

.btn__link-search:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.searchBtn__contentInner .btn-search {
  text-align: center;
  margin-bottom: 40px
}

.searchBtn__contentInner .btn__link-search {
  padding: 15px 40px;
  border-radius: 5px;
  background: #a83f3f;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal
}

.searchBtn__contentInner .btn__link-search::before {
  border-top: 2px solid;
  border-right: 2px solid
}

.searchBtn__contentInner .btn__link-search::after {
  content: "";
  position: absolute;
  top: -50px;
  left: -100px;
  background: #fff;
  width: 50px;
  height: calc(100% + 100px);
  opacity: 0.1;
  transform: rotate(45deg);
  transition: .3s
}

.searchBtn__contentInner .btn__link-search:hover::after {
  left: calc(100% + 50px)
}

.pager {
  position: relative;
  width: 100%;
  text-align: center;
  list-style: none;
  font-size: 0;
  margin-top: 20px
}

.pager a {
    color: #000;
    font-size: 1.4rem;
}

.pager__item {
    color: #e6002e;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    margin-left: -1px;
    transition: .15s;
}

.pager__item-current,
.pager__item a {
  display: inline-block;
  padding: 12px;
  min-width: calc(1.2rem + 20px);
  text-decoration: none;
}

.pager__item-current {
  color: #fff;
    background-color: #e6002e;
    font-size: 1.4rem;
}

@media (min-width: 769px) {
    .pager__item:hover {
        background-color: #e6002e;
    }
    .pager__item:hover a {
        color: #fff;
    }
    .pager__item:hover::before {
        border-color: #fff;
    }
}

.pager__item-prev,
.pager__item-next {
  position: relative
}

.pager__item-prev a {
  padding-left: 20px
}

.pager__item-next a {
  padding-right: 20px
}

.pager__item-prev::before,
.pager__item-next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 1px solid
}

.pager__item-prev::before {
  left: 10px;
  border-left: 1px solid;
  transform: rotate(-45deg)
}

.pager__item-next::before {
  right: 10px;
  border-right: 1px solid;
  transform: rotate(45deg)
}

.pager-comments {
  margin-bottom: 20px
}

.page-numbers {
  font-family: "Fjalla One";
  display: inline-block;
  color: #a83f3f;
  background: #fff;
  border: rgba(0, 0, 0, 0.10) 1px solid;
  font-size: 1.2rem;
  margin-left: -1px
}

.page-numbers.current,
a.page-numbers {
  display: inline-block;
  padding: 10px;
  min-width: calc(1.2rem + 20px)
}

.page-numbers:hover,
.page-numbers.current {
  color: #fff;
  background: #a83f3f;
  transition: .15s
}

.page-numbers.prev,
.page-numbers.next {
  position: relative
}

a.page-numbers.prev {
  padding-left: 20px
}

a.page-numbers.next {
  padding-right: 20px
}

.page-numbers.prev::before,
.page-numbers.next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 1px solid
}

.page-numbers.prev::before {
  left: 10px;
  border-left: 1px solid;
  transform: rotate(-45deg)
}

.page-numbers.next::before {
  right: 10px;
  border-right: 1px solid;
  transform: rotate(45deg)
}

.mask {
  position: relative
}

.mask-black>img {
  z-index: 0
}

.mask-black::after {
  background-color: rgba(0, 0, 0, .5)
}

.mask-blackmesh>img {
  z-index: 0
}

.mask-blackmesh::after {
  background-color: rgba(0, 0, 0, .25);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, .25) 50%, transparent 50%);
  background-size: 2px 2px
}

.mask-color {
  background-color: #a83f3f
}

.mask-color>img {
  mix-blend-mode: multiply;
  z-index: 0
}

.mask-color .mbYTP_wrapper {
  background-color: inherit
}

.mask-color .mbYTP_wrapper>iframe {
  mix-blend-mode: multiply;
  z-index: 0
}

.mask-colorgray {
  background-color: #a83f3f
}

.mask-colorgray>img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  mix-blend-mode: multiply;
  z-index: 0
}

.mask-colorgray .mbYTP_wrapper {
  background-color: inherit
}

.mask-colorgray .mbYTP_wrapper>iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  mix-blend-mode: multiply;
  z-index: 0
}

@supports (-ms-ime-align:auto) {
  .mask-color>img {
    opacity: 0.5
  }

  .mask-color .mbYTP_wrapper>iframe {
    opacity: 0.5
  }

  .mask-colorgray>img {
    opacity: 0.5
  }

  .mask-colorgray .mbYTP_wrapper>iframe {
    opacity: 0.5
  }
}

@media all and (-ms-high-contrast:none) {
  .mask-color>img {
    opacity: 0.5
  }

  .mask-color .mbYTP_wrapper>iframe {
    opacity: 0.5
  }

  .mask-colorgray>img {
    opacity: 0.5
  }

  .mask-colorgray .mbYTP_wrapper>iframe {
    opacity: 0.5
  }
}

.controller {
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  list-style: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.10)
}

.controller-shadow {
  background: #fff;
  padding: 20px 10px;
  border-bottom: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}

.controller-border {
  background: #fff;
  padding: 20px 10px;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.controller__item {
  position: relative;
  margin-right: 10px;
  line-height: 2rem;
  color: #3F3F3F
}

.controller__item:last-child {
  margin-right: 0
}

.controller__item.controller__item-end {
  margin-left: auto
}

.controller__link {
  transition: .15s
}

.controller__link.is-current,
.controller__link:hover {
  color: #191919;
  font-weight: bold;
  border-bottom: 2px solid;
  padding-bottom: 3px
}

.controller__catLabel {
  cursor: pointer;
  transition: .15s
}

.controller__catLabel:hover {
  color: #191919;
  font-weight: bold
}

.controller__catLabel::after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.10);
  border-left: 4px solid transparent
}

.controller__catCheck:checked~.controller__catLabel::after {
  border-bottom: 6px solid #191919;
  border-top: none
}

.controller__catCheck {
  display: none
}

.controller__catPanel {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  z-index: 9999
}

.controller__catCheck:checked~.controller__catPanel::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 10px;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #323232;
  border-left: 4px solid transparent
}

.controller__catPanel li {
  overflow: hidden;
  width: auto;
  min-width: 14rem;
  white-space: nowrap;
  height: 0;
  line-height: 4rem;
  background: #323232;
  transition: .15s
}

.controller__catCheck:checked~.controller__catPanel li {
  overflow: visible;
  height: 4rem
}

.controller__catCheck:checked~.controller__catPanel li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset
}

.controller__catPanel li a {
  display: block;
  color: #fff;
  padding: 0 10px;
  transition: .15s
}

.controller__catPanel li a:hover {
  background: rgba(255, 255, 255, 0.15)
}

.controller__catPanel li:first-child {
  border-top: none
}

.controller__catPanel li:last-child {
  border-bottom: none
}

.controller__viewRadio {
  display: none
}

.controller__viewLabel {
  color: rgba(0, 0, 0, 0.15);
  transition: .2s;
  cursor: pointer;
  font-size: 16px
}

.controller__viewLabel:hover {
  color: #191919
}

#viewWide:checked~.controller .viewWide {
  color: #191919
}

#viewCard:checked~.controller .viewCard {
  color: #191919
}

#viewNormal:checked~.controller .viewNormal {
  color: #191919
}

.archive__item-shadow {
  background: #fff;
  padding: 15px;
  border-bottom: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}

.archive__item-border {
  background: #fff;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.archive__item-none {
  width: 100%
}

#viewWide:checked~.archive .archive__item {
  animation: fadeIn1 1s
}

#viewCard:checked~.archive .archive__item-none {
  width: 100%
}

#viewCard:checked~.archive .archive__item-shadow {
  padding: 10px
}

#viewCard:checked~.archive .archive__item-border {
  padding: 10px
}

#viewNormal:checked~.archive .archive__item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  animation: fadeIn3 1s
}

#viewNormal:checked~.archive .archive__item-shadow {
  padding: 10px
}

#viewNormal:checked~.archive .archive__item-border {
  padding: 10px
}

#viewNormal:checked~.archive .eyecatch {
  max-width: 300px
}

#viewNormal:checked~.archive .archive__contents {
  width: 100%;
  margin-left: 15px
}

#viewNormal:checked~.archive .archive__contents-noImg {
  margin-left: 0
}

#viewNormal:checked~.archive .archive__contents .phrase {
  display: none
}

#viewWide:checked~.archive .archive__item-infeedSp1 {
  display: block
}

#viewCard:checked~.archive .archive__item-infeedSp1 {
  display: none
}

#viewNormal:checked~.archive .archive__item-infeedSp1 {
  display: none
}

#viewWide:checked~.archive .archive__item-infeedSp2 {
  display: none
}

#viewCard:checked~.archive .archive__item-infeedSp2 {
  display: none
}

#viewNormal:checked~.archive .archive__item-infeedSp2 {
  display: block
}

.siteTitle__link:hover {
  animation: flash 1s
}

.searchBtn {
  position: absolute;
  top: 0;
  right: 38px;
  line-height: 20px;
  font-size: 18px;
  text-align: right
}

.searchBtn-zero {
  right: 0
}

.searchBtn__close:hover,
.siteTitle__link:hover {
  opacity: 0.7;
}

@media only screen and (min-width: 451px) {

  .searchBtn__link:hover,
  .search-btn:hover {
    color: #fa224d;
  }
}

.searchBtn__unshown {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  animation: fade .3s
}

.searchBtn__checkbox:checked~.searchBtn__unshown {
  display: block
}

.searchBtn__content {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  width: 90%;
  max-width: 780px;
  height: calc(100% - 40px);
  z-index: 9999;
  margin: 0 auto;
  transition: .3s;
  transform: translateY(-110%);
  text-align: center
}

.searchBtn__scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding: 0 15px
}

.searchBtn__contentInner {
  text-align: left;
  font-size: 1.2rem
}

.searchBtn__checkbox:checked~.searchBtn__content {
  transform: translateY(20px);
  box-shadow: 0 0 4px rgba(0, 0, 0, .15)
}

.searchBtn__close {
  font-family: "Fjalla One";
  display: inline-block;
  height: 2rem;
  font-size: 2rem;
  margin: 40px auto;
  cursor: pointer
}

.searchBtn__close:hover {
  color: #a83f3f
}

.searchBtn__close i {
  margin-right: 10px;
  font-size: 1.5rem;
  vertical-align: middle
}

.menuBtn__link {
  cursor: pointer;
  transition: .15s
}

.menuBtn__link:hover {
  color: #a83f3f
}

.menuBtn__unshown {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  animation: fade 0.3s
}

.menuBtn__checkbox:checked~.menuBtn__unshown {
  display: block
}

.menuBtn__scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding: 0 20px 15px;
}

.menuBtn__contentInner {
  text-align: left;
  font-size: 1.2rem
}

.menuBtn__checkbox:checked~.menuBtn__content {
  transform: translateX(0%);
  box-shadow: -2px 0 2px rgba(0, 0, 0, .15)
}

.menuBtn__close {
  font-family: "Fjalla One";
  display: inline-block;
  height: 2rem;
  font-size: 2rem;
  margin: 40px auto;
  cursor: pointer
}

.menuBtn__close:hover {
  color: #a83f3f
}

.menuBtn__close i {
  margin-right: 10px;
  font-size: 1.5rem;
  vertical-align: middle
}

.menuBtn__navi {
  margin: 0 -15px 40px -15px;
  padding: 20px 15px;
  background: rgba(0, 0, 0, 0.05)
}

.menuBtn__naviList {
  margin-top: 10px;
  list-style: none;
  display: flex;
  justify-content: center;
  overflow: auto
}

.menuBtn__naviItem {
  margin: 0 2.5px
}

.menuBtn__naviLink {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  transition: .15s;
  color: #fff
}

.menuBtn__naviLink.icon-facebook {
  background: #3B5998
}

.menuBtn__naviLink.icon-twitter {
  background: #00B0ED
}

.menuBtn__naviLink.icon-instagram {
  background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%)
}

.menuBtn__naviLink.icon-google-plus {
  background: #DF4A32
}

.menuBtn__naviLink.icon-youtube {
  background: #cd201f
}

.menuBtn__naviLink.icon-linkedin {
  background: #0079ba
}

.menuBtn__naviLink.icon-pinterest {
  background: #ce0f19
}

.menuBtn__naviLink.icon-rss {
  background: #f90
}

.menuBtn__naviLink.icon-facebook:hover,
.menuBtn__naviLink.icon-twitter:hover,
.menuBtn__naviLink.icon-instagram:hover,
.menuBtn__naviLink.icon-google-plus:hover,
.menuBtn__naviLink.icon-youtube:hover,
.menuBtn__naviLink.icon-linkedin:hover,
.menuBtn__naviLink.icon-pinterest:hover,
.menuBtn__naviLink.icon-rss:hover {
  animation: flash 1s
}

.globalNavi::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 25px;
  height: 2.5rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
  z-index: 2
}

.globalNavi::after {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "icomoon";
  content: "\ea26";
  width: 25px;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: right;
  color: rgba(0, 0, 0, 0.5);
  animation: fade 1s ease-in-out infinite alternate;
  z-index: 3
}

.globalNavi__list .children,
.globalNavi__list .sub-menu {
  display: none
}

.searchHead {
  background: #191919;
  padding: 10px 0
}

.container-searchHead {
  display: flex;
  flex-wrap: wrap
}

.searchHead__title {
  display: none
}

.searchHead__keyword {
  display: block;
  margin-top: 10px;
  order: 2;
  overflow: auto
}

.searchHead__keywordList {
  display: table;
  vertical-align: bottom;
  list-style: none;
  overflow: hidden
}

.searchHead__keywordItem {
  color: rgba(255, 255, 255, 0.75);
  display: table-cell;
  white-space: nowrap;
  overflow: hidden;
  transition: .15s;
  padding-right: 10px;
  line-height: 2
}

.searchHead__keywordItem:hover {
  color: #fff;
  font-weight: bold
}

.searchHead__search {
  display: block;
  width: 100%;
  order: 1
}

.searchHead__form {
  display: flex
}

.searchHead__input {
  width: calc(100% - 4rem);
  border: 0;
  padding: 0 10px;
  -webkit-appearance: none;
  border-radius: 5px 0 0 5px
}

.searchHead__submit {
  width: 4rem;
  border: 0;
  cursor: pointer;
  text-align: center;
  background: #fff;
  padding: 10px;
  border-radius: 0 5px 5px 0
}

.searchHead__submit:hover {
  color: #a83f3f
}

.infoHead {
  overflow: hidden;
  background: #ffc107
}

.infoHead__text {
  padding-left: 100%;
  white-space: nowrap;
  display: inline-block;
  animation: marquee 10s linear 0s infinite;
  font-weight: 700;
  color: #fff;
  height: 3rem;
  line-height: 3rem
}

.keyBig {
  position: relative;
  max-width: 1240px;
  margin-left: 15px;
  margin-right: 15px
}

.keyBig::after {
  content: "";
  display: block;
  clear: both
}

.swiper-pagination-bullet-active {
  background: #a83f3f
}

.still-movie .still__box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

.still__bg {
  width: 100%;
  height: 100%;
}

.still__content {
  padding: 20px;
  z-index: 9
}

.still__content img {
  max-width: 100%;
  height: auto
}

.mbYTP_wrapper {
  display: none
}

.swiper-slider {
  width: 100%;
  max-height: 600px;
}

.swiper-slider .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden
}

.swiper-slider .swiper-bg {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  width: 100%;
  height: 100%
}

.swiper-slider .swiper-content {
  padding: 0 20px;
  z-index: 9
}

.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev {
  display: none
}

.swiper-slider .swiper-button-next,
.swiper-slider .swiper-container-rtl .swiper-button-prev,
.swiper-slider .swiper-button-prev,
.swiper-slider .swiper-container-rtl .swiper-button-next {
  background: #a83f3f;
  opacity: 0;
  transition: .15s
}

.swiper-slider .swiper-button-next::after,
.swiper-slider .swiper-container-rtl .swiper-button-prev::after,
.swiper-slider .swiper-button-prev::after,
.swiper-slider .swiper-container-rtl .swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0);
  transition: .15s ease-in-out
}

.swiper-slider .swiper-button-next:hover::after,
.swiper-slider .swiper-container-rtl .swiper-button-prev:hover::after,
.swiper-slider .swiper-button-prev:hover::after,
.swiper-slider .swiper-container-rtl .swiper-button-next:hover::after {
  background: rgba(255, 255, 255, 0.15)
}

.swiper-carousel {
  width: 100%;
  height: auto
}

.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev {
  display: none
}

.swiper-carousel .swiper-button-next:hover::before,
.swiper-carousel .swiper-container-rtl .swiper-button-prev:hover::before,
.swiper-carousel .swiper-button-prev:hover::before,
.swiper-carousel .swiper-container-rtl .swiper-button-next:hover::before {
  opacity: 0.5
}

.swiper-carousel .swiper-pagination-bullets,
.swiper-carousel .swiper-pagination-custom,
.swiper-carousel .swiper-pagination-fraction {
  bottom: 0
}

.pickupHead {
  overflow: hidden;
  background: #a83f3f;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}

.pickupHead__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.85;
  padding: 20px 0
}

.pickup3 {
  position: relative;
  padding-top: 40px
}

.pickup3__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 14rem;
  z-index: -1;
  overflow: hidden
}

.pickup3__bg img {
  object-fit: cover;
  font-family: 'object-fit:cover;';
  width: 100%;
  height: 100%
}

.pickup3__item {
  position: relative;
  background: #a83f3f
}

.pickup3__item-first {
  width: 100%;
  margin-bottom: 15px
}

.pickup3__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.pickup3__item-second,
.pickup3__item-third {
  width: calc(50% - 7.5px)
}

.pickup3__item:before {
  position: absolute;
  top: -10px;
  left: -10px;
  font-family: "Fjalla One";
  font-size: 1.5rem;
  font-weight: normal;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  z-index: 9
}

.pickup3__item-first:before {
  background: inherit;
  content: "1"
}

.pickup3__item-second:before {
  background: inherit;
  content: "2"
}

.pickup3__item-third:before {
  background: inherit;
  content: "3"
}

.custom {
  width: 100%;
  margin-bottom: 20px
}

.custom__item {
  padding: 15px
}

.custom__item:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.05)
}

.custom__data {
  font-size: 0
}

.custom__day {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.5);
  padding: 5px 0;
  line-height: 1.35;
  font-size: 1.2rem
}

.custom__cat {
  display: inline-block;
  margin-bottom: 10px;
  background: #3f3f3f
}

.custom__cat a {
  display: block;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.2rem;
  transition: .15s;
  line-height: 1.35
}

.custom__cat a:hover {
  background: rgba(255, 255, 255, 0.25)
}

.custom__cat a::before {
  font-family: "icomoon";
  content: "\e938";
  margin-right: 5px
}

.custom .btn {
  margin-top: 20px
}

.custom__item-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  border-left: 1px solid rgba(0, 0, 0, 0.10);
  border-right: 1px solid rgba(0, 0, 0, 0.10)
}

.custom__item-border:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.10)
}

.custom__item-border:nth-child(2n+1) {
  background: none
}

.custom__item-border .custom__item {
  padding: 20px;
  background: #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}

.custom__item-border .custom__day {
  padding: 5px 10px;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.10);
  margin-right: 0
}

.custom__item-border .custom__cat a {
  font-size: 1rem;
  border: 1px solid transparent
}

.archiveHead {
  position: relative;
  width: 100%
}

.archiveHead__img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  width: 100%;
  height: 100%;
  z-index: -10
}

.archiveHead__contents {
  position: relative;
  z-index: 9
}

.archiveHead__authorImg {
  float: left
}

.archiveHead__authorImg img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.archiveHead__authorText {
  float: right;
  width: calc(100% - 100px)
}

.archiveHead__authorDescription {
  margin-top: 20px
}

.archiveHead__subtitle {
  font-size: 1rem;
  display: block;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.5)
}

.archiveHead__subtitle i {
  margin-right: 5px
}

.archiveHead .heading {
  margin-bottom: 20px;
}

.archiveHead__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px
}

.archiveHead__item {
  margin: 5px 10px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.5)
}

.archiveHead__item:hover {
  background-color: #fff
}

.archiveHead__link {
  padding: 10px;
  display: block;
  color: #fff;
  font-size: 1rem
}

.archiveHead__link:hover {
  color: #191919
}

.archiveHead.mask {
  padding: 20px
}

.archiveHead.mask .archiveHead__subtitle {
  color: rgba(255, 255, 255, 0.5)
}

.archiveHead.mask .heading {
  display: inline-block;
  color: #fff;
  border-bottom: 2px solid
}

.archiveHead.mask .phrase {
  color: rgba(255, 255, 255, 0.9)
}

.archiveContents {
  position: relative;
  width: 100%;
  margin-top: 20px
}

.archiveHead__slist {
  margin-top: -5px;
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.archiveHead__sitem {
  margin: 5px 5px 0 0
}

.archiveHead__slink {
  display: block;
  width: 55px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  transition: .15s;
  color: #fff;
  border: 1px solid transparent
}

.archiveHead__slink.icon-facebook {
  background: #3B5998
}

.archiveHead__slink.icon-twitter {
  background: #00B0ED
}

.archiveHead__slink.icon-instagram {
  background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat
}

.archiveHead__slink.icon-google-plus {
  background: #DF4A32
}

.archiveHead__slink.icon-youtube {
  background: #cd201f
}

.archiveHead__slink.icon-linkedin {
  background: #0079ba
}

.archiveHead__slink.icon-pinterest {
  background: #ce0f19
}

.archiveHead__slink.icon-facebook:hover {
  background: #fff;
  color: #3B5998;
  border: 1px solid #3B5998
}

.archiveHead__slink.icon-twitter:hover {
  background: #fff;
  color: #00B0ED;
  border: 1px solid #00B0ED
}

.archiveHead__slink.icon-instagram:hover {
  background: #fff;
  color: #CC55B1;
  border: 1px solid #CC55B1
}

.archiveHead__slink.icon-google-plus:hover {
  background: #fff;
  color: #DF4A32;
  border: 1px solid #DF4A32
}

.archiveHead__slink.icon-youtube:hover {
  background: #fff;
  color: #cd201f;
  border: 1px solid #cd201f
}

.archiveHead__slink.icon-linkedin:hover {
  background: #fff;
  color: #0079ba;
  border: 1px solid #0079ba
}

.archiveHead__slink.icon-pinterest:hover {
  background: #fff;
  color: #ce0f19;
  border: 1px solid #ce0f19
}

.archiveHead__search {
  position: relative;
  width: 100%
}

.archiveHead__searchItem:not(:last-child) {
  margin-right: 15px
}

.archiveHead__searchItem:not(:last-child):after {
  margin-left: 15px;
  content: "×";
  color: rgba(0, 0, 0, 0.5)
}

.archiveHead__searchItem:before {
  margin-right: 5px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem
}

.archiveHead__searchSeparator {
  margin: 0 10px;
  color: rgba(0, 0, 0, 0.5)
}

.pageContents {
  width: 100%
}

.viral {
  position: relative;
  width: 100%;
  height: auto
}

.viral__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -10;
  overflow: hidden
}

.viral__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.viral__container {
  display: block;
  padding: 60px 0
}

.viral__contents .heading {
  color: #FFF
}

.viral__contents .dateList {
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  padding: 5px 10px
}

.viral__contents .dateList__item {
  margin-right: 10px
}

.viral .eyecatch {
  display: none
}

.postCta,
.pageCta {
  width: 100%;
  margin-top: 40px
}

.postcta-bg,
.pagecta-bg {
  background: #a83f3f;
  padding: 15px
}

.pagePager {
  position: relative;
  width: 100%;
  text-align: center;
  list-style: none;
  font-size: 0;
  margin-top: 60px
}

.pagePager__item {
  font-family: "Fjalla One";
  display: inline-block;
  color: #a83f3f;
  background: #fff;
  border: rgba(0, 0, 0, 0.10) 1px solid;
  font-size: 1.2rem;
  margin-left: -1px
}

.pagePager__item-current,
.pagePager__item a {
  display: inline-block;
  padding: 10px;
  min-width: calc(1.2rem + 20px)
}

.pagePager__item:hover,
.pagePager__item-current {
  color: #fff;
  background: #a83f3f;
  transition: .15s
}

.social-top {
  margin-bottom: 40px
}

.social-bottom {
  margin-top: 40px
}

.socialList {
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.socialList__item {
  text-align: center
}

.socialList__link {
  display: block;
  padding: 0 10px
}

.socialList__link::before {
  display: block;
  transition: .15s
}

.socialList-type01 {
  justify-content: flex-end
}

.socialList-type01 .socialList__item {
  flex-grow: 1;
  height: 40px;
  line-height: 40px;
  min-width: 70px
}

.socialList-type01 .socialList__link {
  color: #fff;
  padding: 0
}

.socialList-type01 .socialList__link::before {
  font-size: 2rem
}

.socialList-type01 .socialList__link:hover::before {
  background: #fff;
  transform: scale(1.2);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}

.socialList-type02 {
  justify-content: flex-end;
  margin: -5px 0 5px -5px
}

.socialList-type02 .socialList__item {
  flex-grow: 1;
  height: 40px;
  line-height: 40px;
  min-width: 70px;
  margin: 5px 0 0 5px
}

.socialList-type02 .socialList__link {
  color: #fff;
  padding: 0
}

.socialList-type02 .socialList__link::before {
  font-size: 2rem
}

.socialList-type02 .socialList__link:hover::before {
  background: #fff;
  transform: scale(1.2);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}

.socialList-type03 {
  margin: -5px 0 5px -5px
}

.socialList-type03 .socialList__item {
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin: 5px 0 0 5px
}

.socialList-type03 .socialList__link {
  color: #fff;
  border-radius: 5px;
  transition: .15s;
  padding: 0
}

.socialList-type03 .socialList__link::before {
  font-size: 1.4rem;
  border-radius: 5px
}

.socialList-type03 .socialList__link:hover::before {
  background: #fff;
  transform: scale(1.2);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}

.socialList-type04 {
  margin: -5px 0 -3px -5px
}

.socialList-type04 .socialList__item {
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin: 5px 0 3px 5px
}

.socialList-type04 .socialList__link {
  color: #fff;
  border-radius: 5px;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  transition: .15s;
  padding: 0
}

.socialList-type04 .socialList__link::before {
  font-size: 1.4rem
}

.socialList-type04 .socialList__link:hover {
  opacity: 0.75
}

.socialList-type04 .socialList__link:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.socialList-type05 {
  margin: -5px 0 5px -5px
}

.socialList-type05 .socialList__item {
  height: 60px;
  line-height: 60px;
  width: 60px;
  margin: 5px 0 0 5px
}

.socialList-type05 .socialList__link {
  color: #fff;
  border-radius: 5px;
  transition: .15s;
  padding: 0
}

.socialList-type05 .socialList__link::before {
  font-size: 1.6rem;
  border-radius: 5px
}

.socialList-type05 .socialList__link:hover::before {
  background: #fff;
  transform: scale(1.2);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}

.socialList-type06 {
  margin: -8px 0 0 -5px
}

.socialList-type06 .socialList__item {
  height: 60px;
  line-height: 60px;
  width: 60px;
  margin: 8px 0 0 5px
}

.socialList-type06 .socialList__link {
  color: #fff;
  border-radius: 5px;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  transition: .15s
}

.socialList-type06 .socialList__link::before {
  font-size: 1.6rem
}

.socialList-type06 .socialList__link:hover {
  opacity: 0.75
}

.socialList-type06 .socialList__link:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.socialList-type07 {
  justify-content: flex-end;
  margin: -5px 0 5px -5px
}

.socialList-type07 .socialList__item {
  flex-grow: 1;
  height: 50px;
  line-height: 50px;
  min-width: 120px;
  text-align: center;
  margin: 9px 0 0 5px
}

.socialList-type07 .socialList__link {
  color: #fff;
  border-radius: 5px;
  border: 2px solid;
  transition: .15s
}

.socialList-type07 .socialList__link::before {
  font-size: 1.6rem;
  display: inline-block;
  transition: 0s
}

.socialList-type07 .socialList__link::after {
  content: attr(title);
  font-size: 1.4rem;
  font-weight: 700;
  vertical-align: top;
  margin-left: 5px
}

.socialList-type08 {
  justify-content: flex-end;
  margin: -10px 0 0 -5px
}

.socialList-type08 .socialList__item {
  flex-grow: 1;
  height: 50px;
  line-height: 50px;
  min-width: 120px;
  text-align: center;
  margin: 10px 0 0 5px
}

.socialList-type08 .socialList__link {
  color: #fff;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  transition: .15s
}

.socialList-type08 .socialList__link::before {
  font-size: 1.6rem;
  display: inline-block;
  transition: 0s
}

.socialList-type08 .socialList__link::after {
  content: attr(title);
  font-size: 1.4rem;
  font-weight: 700;
  vertical-align: top;
  margin-left: 5px
}

.socialList-type08 .socialList__link:hover {
  opacity: 0.75
}

.socialList-type08 .socialList__link:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.socialList-type09 {
  margin: -5px 0 5px -5px
}

.socialList-type09 .socialList__item {
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 9px 0 0 5px
}

.socialList-type09 .socialList__link {
  color: #fff;
  border-radius: 5px;
  border: 2px solid;
  transition: .15s
}

.socialList-type09 .socialList__link::before {
  font-size: 1.6rem;
  display: inline-block;
  transition: 0s
}

.socialList-type09 .socialList__link::after {
  content: attr(title);
  font-size: 1.4rem;
  font-weight: 700;
  vertical-align: top;
  margin-left: 5px
}

.socialList-type10 {
  margin: -10px 0 0 -5px
}

.socialList-type10 .socialList__item {
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 10px 0 0 5px
}

.socialList-type10 .socialList__link {
  color: #fff;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  transition: .15s
}

.socialList-type10 .socialList__link::before {
  font-size: 1.6rem;
  display: inline-block;
  transition: 0s
}

.socialList-type10 .socialList__link::after {
  content: attr(title);
  font-size: 1.4rem;
  font-weight: 700;
  vertical-align: top;
  margin-left: 5px
}

.socialList-type10 .socialList__link:hover {
  opacity: 0.75
}

.socialList-type10 .socialList__link:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.socialList-type11 {
  margin: -5px 0 5px -5px
}

.socialList-type11 .socialList__item {
  height: 28px;
  line-height: 28px;
  margin: 5px 0 0 5px
}

.socialList-type11 .socialList__link {
  color: #fff;
  border-radius: 5px;
  transition: .15s
}

.socialList-type11 .socialList__link::before {
  font-size: 1.4rem;
  display: inline-block;
  transition: 0s
}

.socialList-type11 .socialList__link::after {
  content: attr(title);
  font-size: 1.2rem;
  vertical-align: top;
  margin-left: 5px
}

.socialList-type11 .socialList__link:hover {
  opacity: 0.75
}

.socialList__link.icon-facebook {
  background: #3B5998
}

.socialList__link.icon-twitter {
  background: #00B0ED
}

.socialList__link.icon-google-plus {
  background: #DF4A32
}

.socialList__link.icon-hatenabookmark {
  background: #008FDE
}

.socialList__link.icon-pocket {
  background: #EB4654
}

.socialList__link.icon-line {
  background: #00C300
}

.socialList__link.icon-linkedin {
  background: #0e76a8
}

.socialList__link.icon-pinterest {
  background: #cb2027
}

.socialList-type01 .socialList__link.icon-facebook:hover::before,
.socialList-type02 .socialList__link.icon-facebook:hover::before,
.socialList-type03 .socialList__link.icon-facebook:hover::before,
.socialList-type05 .socialList__link.icon-facebook:hover::before,
.socialList-type07 .socialList__link.icon-facebook:hover::before,
.socialList-type09 .socialList__link.icon-facebook:hover::before {
  color: #3B5998
}

.socialList-type01 .socialList__link.icon-twitter:hover::before,
.socialList-type02 .socialList__link.icon-twitter:hover::before,
.socialList-type03 .socialList__link.icon-twitter:hover::before,
.socialList-type05 .socialList__link.icon-twitter:hover::before,
.socialList-type07 .socialList__link.icon-twitter:hover::before,
.socialList-type09 .socialList__link.icon-twitter:hover::before {
  color: #00B0ED
}

.socialList-type01 .socialList__link.icon-google-plus:hover::before,
.socialList-type02 .socialList__link.icon-google-plus:hover::before,
.socialList-type03 .socialList__link.icon-google-plus:hover::before,
.socialList-type05 .socialList__link.icon-google-plus:hover::before,
.socialList-type07 .socialList__link.icon-google-plus:hover::before,
.socialList-type09 .socialList__link.icon-google-plus:hover::before {
  color: #DF4A32
}

.socialList-type01 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type02 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type03 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type05 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type07 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type09 .socialList__link.icon-hatenabookmark:hover::before {
  color: #008FDE
}

.socialList-type01 .socialList__link.icon-pocket:hover::before,
.socialList-type02 .socialList__link.icon-pocket:hover::before,
.socialList-type03 .socialList__link.icon-pocket:hover::before,
.socialList-type05 .socialList__link.icon-pocket:hover::before,
.socialList-type07 .socialList__link.icon-pocket:hover::before,
.socialList-type09 .socialList__link.icon-pocket:hover::before {
  color: #EB4654
}

.socialList-type01 .socialList__link.icon-line:hover::before,
.socialList-type02 .socialList__link.icon-line:hover::before,
.socialList-type03 .socialList__link.icon-line:hover::before,
.socialList-type05 .socialList__link.icon-line:hover::before,
.socialList-type07 .socialList__link.icon-line:hover::before,
.socialList-type09 .socialList__link.icon-line:hover::before {
  color: #00C300
}

.socialList-type01 .socialList__link.icon-linkedin:hover::before,
.socialList-type02 .socialList__link.icon-linkedin:hover::before,
.socialList-type03 .socialList__link.icon-linkedin:hover::before,
.socialList-type05 .socialList__link.icon-linkedin:hover::before,
.socialList-type07 .socialList__link.icon-linkedin:hover::before,
.socialList-type09 .socialList__link.icon-linkedin:hover::before {
  color: #0e76a8
}

.socialList-type01 .socialList__link.icon-pinterest:hover::before,
.socialList-type02 .socialList__link.icon-pinterest:hover::before,
.socialList-type03 .socialList__link.icon-pinterest:hover::before,
.socialList-type05 .socialList__link.icon-pinterest:hover::before,
.socialList-type07 .socialList__link.icon-pinterest:hover::before,
.socialList-type09 .socialList__link.icon-pinterest:hover::before {
  color: #cb2027
}

.socialList-type07 .socialList__link.icon-facebook:hover,
.socialList-type09 .socialList__link.icon-facebook:hover {
  color: #3B5998;
  background: #fff;
  border-color: #3B5998
}

.socialList-type07 .socialList__link.icon-twitter:hover,
.socialList-type09 .socialList__link.icon-twitter:hover {
  color: #00B0ED;
  background: #fff;
  border-color: #00B0ED
}

.socialList-type07 .socialList__link.icon-google-plus:hover,
.socialList-type09 .socialList__link.icon-google-plus:hover {
  color: #DF4A32;
  background: #fff;
  border-color: #DF4A32
}

.socialList-type07 .socialList__link.icon-hatenabookmark:hover,
.socialList-type09 .socialList__link.icon-hatenabookmark:hover {
  color: #008FDE;
  background: #fff;
  border-color: #008FDE
}

.socialList-type07 .socialList__link.icon-pocket:hover,
.socialList-type09 .socialList__link.icon-pocket:hover {
  color: #EB4654;
  background: #fff;
  border-color: #EB4654
}

.socialList-type07 .socialList__link.icon-line:hover,
.socialList-type09 .socialList__link.icon-line:hover {
  color: #00C300;
  background: #fff;
  border-color: #00C300
}

.socialList-type07 .socialList__link.icon-linkedin:hover,
.socialList-type09 .socialList__link.icon-linkedin:hover {
  color: #0e76a8;
  background: #fff;
  border-color: #0e76a8
}

.socialList-type07 .socialList__link.icon-pinterest:hover,
.socialList-type09 .socialList__link.icon-pinterest:hover {
  color: #cb2027;
  background: #fff;
  border-color: #cb2027
}

.snsFollow {
  display: flex;
  height: 200px;
  margin-top: 40px
}

.snsFollow__bg {
  flex: 2;
  position: relative;
  overflow: hidden
}

.snsFollow__bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5)
}

.snsFollow__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.snsFollow__contents {
  flex: 3;
  position: relative;
  background: #191919;
  text-align: center;
  padding: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.10)
}

.snsFollow__text {
  width: 100%;
  color: #fff;
  margin: 40px auto 10px auto;
  font-weight: bold;
  line-height: 1.5
}

.snsFollow__list {
  list-style: none;
  display: inline-block;
  margin: 0 auto
}

.snsFollow__item {
  list-style: none;
  display: inline-block;
  margin: 0 5px 5px 5px;
  vertical-align: top
}

.prevNext {
  margin-top: 40px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}

.prevNext__item {
  position: relative
}

.prevNext__item.prevNext__item-prev {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  padding-bottom: 20px
}

.prevNext__item.prevNext__item-next {
  width: 100%
}

.prevNext .eyecatch {
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.05)
}

.prevNext .eyecatch__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  transition: .3s;
  z-index: 1
}

.prevNext .eyecatch__link:hover::before {
  background: rgba(0, 0, 0, 0)
}

.prevNext__pop {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 30px;
  line-height: 30px;
  background: #a83f3f;
  padding: 0 10px;
  color: #fff;
  z-index: 999
}

.prevNext__item.prevNext__item-prev .prevNext__pop {
  left: 0
}

.prevNext__item.prevNext__item-next .prevNext__pop {
  right: 0
}

.prevNext__title {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 10px;
  color: #fff;
  z-index: 999
}

.prevNext__item.prevNext__item-prev .prevNext__title {
  float: right
}

.prevNext__item.prevNext__item-next .prevNext__title {
  float: left
}

.prevNext__title a:hover {
  text-decoration: underline
}

.prevNext__title span {
  display: block;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5
}

.prevNext__title span::before {
  margin-right: 2.5px;
  line-height: 1
}

.prevNext__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #BFBFBF
}

.prevNext__item.prevNext__item-prev .prevNext__text {
  padding-left: 20px
}

.prevNext__item.prevNext__item-next .prevNext__text {
  padding-right: 20px
}

.rectangle {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
  padding: 0 10px;
  background-color: #F2F2F2;
  background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 6px 6px
}

.rectangle__item {
  width: 100%;
  text-align: center
}

.rectangle__item.rectangle__item-right {
  display: none
}

.rectangle__title {
  display: block;
  clear: both;
  font-size: 1.2rem;
  padding: 10px 0;
  display: block;
  font-weight: normal;
  text-align: center
}

.rectangle .adsbygoogle {
  width: 336px;
  height: 280px;
  max-width: 100%;
  margin: auto
}

.profile__author {
  width: 100%;
  text-align: center;
}

.profile__author img {
  border-radius: 50%;
}

.profile__group {
  font-weight: normal
}

.profile__description {
  line-height: 1.75;
}

@media only screen and (max-width: 428px) {
  .profile__description {
    font-size: 1.2rem;
  }
}

.profile__list {
  list-style: none;
  display: flex;
  justify-content: center;
  overflow: auto;
  margin-bottom: 20px
}

.profile__item {
  margin: 0 2.5px
}

.profile__link {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  transition: .15s;
  color: #fff
}

.profile__link.icon-facebook {
  background: #3B5998
}

.profile__link.icon-twitter {
  background: #00B0ED
}

.profile__link.icon-instagram {
  background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%)
}

.profile__link.icon-google-plus {
  background: #DF4A32
}

.profile__link.icon-youtube {
  background: #cd201f
}

.profile__link.icon-linkedin {
  background: #0079ba
}

.profile__link.icon-pinterest {
  background: #ce0f19
}

.profile__link.icon-rss {
  background: #f90
}

.profile__link.icon-facebook:hover,
.profile__link.icon-twitter:hover,
.profile__link.icon-instagram:hover,
.profile__link.icon-google-plus:hover,
.profile__link.icon-youtube:hover,
.profile__link.icon-linkedin:hover,
.profile__link.icon-pinterest:hover,
.profile__link.icon-rss:hover {
  animation: flash 1s
}

.related {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  margin-top: 40px;
  padding-top: 20px
}

.related__list {
  list-style-type: none
}

.related__item {
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  align-items: flex-start
}

.related__item .eyecatch {
  max-width: 200px
}

.related__item .archive__contents {
  width: 100%;
  margin-left: 15px
}

.related__item:last-child {
  padding-bottom: 0
}

.comments {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  margin-top: 40px;
  padding-top: 20px
}

.comments__list {
  list-style: none
}

.comments__list li {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.10);
  padding: 15px 15px 0 15px;
  margin-bottom: 20px
}

.comments__list .children {
  list-style: none
}

.comments__list .children li {
  background: #F2F2F2
}

.comments__list .children li .children li {
  background: #fff
}

.comments__list .children li .children li .children li {
  background: #fff;
  margin: 0 -15px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.10)
}

.comments__list .comment-body {
  margin-bottom: 20px
}

.comments__list .comment-body p {
  line-height: 1.75;
  margin-bottom: 20px;
  font-size: 1.4rem
}

.comments__list .reply {
  width: 100%;
  text-align: right
}

.comments__list .comment-author {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px
}

.comments__list .comment-author .avatar {
  border-radius: 50%;
  float: left;
  margin-right: 10px
}

.comments__list .comment-author .fn {
  line-height: 1.5;
  font-size: 1.4rem
}

.comments__list .comment-author .fn a {
  text-decoration: underline
}

.comments__list .comment-author .says {
  display: none
}

.comments__list .comment-meta {
  width: 100%;
  margin-bottom: 10px;
  background: #a83f3f;
  padding: 5px 10px;
  border-radius: 5px
}

.comments__list .comment-meta a {
  color: #FFF
}

.comments__list .comment-respond {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.comments__list .children li .children li .children li .comment-respond {
  margin: 0 -15px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.10)
}

.comments__list .comment-reply-link {
  display: inline-block;
  position: relative;
  font-size: 1.2rem;
  line-height: 1;
  padding: 10px 20px;
  border-radius: 5px;
  color: #a83f3f;
  border: 1px solid
}

.comments__list .comment-reply-link:hover {
  color: #fff
}

.comments__list .comment-reply-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg)
}

.comment-respond #email-notes,
.comment-respond .logged-in-as {
  font-size: 1.2rem;
  line-height: 1.5
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as,
.comment-respond .comment-form-comment,
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
  margin-bottom: 20px
}

.comment-respond label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold
}

.comment-respond input,
.comment-respond textarea {
  width: 100%;
  display: block;
  border: none;
  padding: 10px;
  border-radius: 5px;
  background: #F2F2F2;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.comment-respond .submit {
  color: #fff;
  background: #a83f3f;
  cursor: pointer;
  font-weight: bold;
  margin-top: 10px
}

.comment-respond #wp-comment-cookies-consent {
  width: auto;
  display: inline
}

.comment-respond #cancel-comment-reply-link {
  font-size: 1.2rem;
  line-height: 1;
  padding: 10px;
  border-radius: 5px;
  color: #a83f3f;
  border: 1px solid;
  margin-left: 10px
}

.content::after {
  content: "";
  display: block;
  clear: both
}

@media only screen and (min-width: 768px) {
  .content a:not(.outline__link):not(.eyecatch__link):not(.cancel-link):hover {
    text-decoration: none;
  }

  #top .quote cite a:hover {
    text-decoration: underline;
  }

  #reference a:hover {
    color: #32b8b4;
  }
}

.content .the__category a {
  color: #FFF
}

.content .eyecatch__cat a {
  color: #FFF
}

.content img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.content img[width="1"],
.content img[height="1"] {
  position: absolute
}

.content .eyecatch__link img {
  height: 100%
}

.content .sitemap li a {
  color: #191919
}

.btn {
  width: 100%;
  line-height: 1
}

.btn-left {
  text-align: left
}

.btn-center {
  text-align: center
}

.btn-right {
  text-align: right
}

.content .btn__link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: .15s
}

.content .btn__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg)
}

.content .btn__link-normal {
  font-size: 1.2rem;
  padding: 10px 20px;
  border-radius: 5px;
  color: #a83f3f;
  border: 1px solid
}

.content .btn__link-primary {
  padding: 15px 40px;
  border-radius: 5px;
  background: #a83f3f;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal
}

.content .btn__link-primary::before {
  border-top: 2px solid;
  border-right: 2px solid
}

.content .btn__link-primary::after {
  content: "";
  position: absolute;
  top: -50px;
  left: -100px;
  background: #fff;
  width: 50px;
  height: calc(100% + 100px);
  opacity: 0.1;
  transform: rotate(45deg);
  transition: .3s
}

.content .btn__link-primary:hover::after {
  left: calc(100% + 50px)
}

.content .btn__link-primary:hover {
  border-bottom: solid 3px rgba(0, 0, 0, 0.25)
}

.content .btn__link-primary:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.content .btn__link-secondary {
  padding: 5px 25px 5px 15px;
  border-radius: 5px;
  background: #a83f3f;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal
}

.content .btn__link-secondary:hover {
  border-bottom: solid 3px rgba(0, 0, 0, 0.25)
}

.content .btn__link-secondary:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.content .column-2 .column__item,
.content .column-237 .column__item,
.content .column-273 .column__item {
  flex: 1;
  margin-left: 20px;
  margin-top: 0
}

.content .column-2 .column__item:first-child,
.content .column-237 .column__item:first-child,
.content .column-273 .column__item:first-child {
  margin-left: 0
}

.content .column-237 .column__item:first-child {
  flex: 3
}

.content .column-237 .column__item:last-child {
  flex: 7
}

.content .column-273 .column__item:first-child {
  flex: 7
}

.content .column-273 .column__item:last-child {
  flex: 3
}

.content h2+h2,
.content h2+h3,
.content h2+h4,
.content h2+h5,
.content h3+h2,
.content h3+h3,
.content h3+h4,
.content h3+h5,
.content h4+h2,
.content h4+h3,
.content h4+h4,
.content h4+h5,
.content h5+h2,
.content h5+h3,
.content h5+h4,
.content h5+h5 {
  margin-top: 2rem
}

.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a {
  color: #191919
}

.partsH2-1 h2,
.partsH3-1 h3,
.partsH4-1 h4,
.partsH5-1 h5 {
  padding-bottom: 10px;
  border-bottom: solid 4px #a83f3f
}

.partsH2-2 h2,
.partsH3-2 h3,
.partsH4-2 h4,
.partsH5-2 h5 {
  position: relative;
  padding-bottom: 16px
}

.partsH2-2 h2::after,
.partsH3-2 h3::after,
.partsH4-2 h4::after,
.partsH5-2 h5::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 6px;
  border-top: 2px solid #a83f3f;
  border-bottom: 1px solid #a83f3f
}

.partsH2-3 h2,
.partsH3-3 h3,
.partsH4-3 h4,
.partsH5-3 h5 {
  padding-bottom: 10px;
  border-bottom: dotted 1px #a83f3f
}

.partsH2-4 h2,
.partsH3-4 h3,
.partsH4-4 h4,
.partsH5-4 h5 {
  position: relative;
  padding-bottom: 14px;
  overflow: hidden
}

.partsH2-4 h2::before,
.partsH3-4 h3::before,
.partsH4-4 h4::before,
.partsH5-4 h5::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 4px solid #a83f3f
}

.partsH2-4 h2::after,
.partsH3-4 h3::after,
.partsH4-4 h4::after,
.partsH5-4 h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 4px solid #D8D8D8
}

.partsH2-5 h2,
.partsH3-5 h3,
.partsH4-5 h4,
.partsH5-5 h5 {
  background: linear-gradient(transparent 60%, #D8D8D8 60%)
}

.partsH2-6 h2,
.partsH3-6 h3,
.partsH4-6 h4,
.partsH5-6 h5 {
  position: relative;
  padding-bottom: 14px;
  padding-right: 30px
}

.partsH2-6 h2::before,
.partsH3-6 h3::before,
.partsH4-6 h4::before,
.partsH5-6 h5::before {
  content: "";
  position: absolute;
  bottom: -0;
  right: 0;
  width: 0;
  height: 0;
  border: none;
  border-right: solid 15px transparent;
  border-bottom: solid 15px #a83f3f
}

.partsH2-6 h2::after,
.partsH3-6 h3::after,
.partsH4-6 h4::after,
.partsH5-6 h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 100%;
  border-bottom: solid 4px #a83f3f
}

.partsH2-7 h2,
.partsH3-7 h3,
.partsH4-7 h4,
.partsH5-7 h5 {
  position: relative;
  padding-bottom: 16px
}

.partsH2-7 h2::after,
.partsH3-7 h3::after,
.partsH4-7 h4::after,
.partsH5-7 h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: repeating-linear-gradient(-45deg, #a83f3f, #a83f3f 2px, #fff 2px, #fff 4px)
}

.partsH2-8 h2,
.partsH3-8 h3,
.partsH4-8 h4,
.partsH5-8 h5 {
  position: relative;
  padding-bottom: 14px
}

.partsH2-8 h2::after,
.partsH3-8 h3::after,
.partsH4-8 h4::after,
.partsH5-8 h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #a83f3f, #D8D8D8)
}

.partsH2-9 h2,
.partsH3-9 h3,
.partsH4-9 h4,
.partsH5-9 h5 {
  position: relative;
  padding-bottom: 14px;
  text-align: center
}

.partsH2-9 h2::after,
.partsH3-9 h3::after,
.partsH4-9 h4::after,
.partsH5-9 h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 60px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #a83f3f;
  border-radius: 2px
}

.partsH2-10 h2,
.partsH3-10 h3,
.partsH4-10 h4,
.partsH5-10 h5 {
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #a83f3f
}

.partsH2-10 h2::before,
.partsH3-10 h3::before,
.partsH4-10 h4::before,
.partsH5-10 h5::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #a83f3f
}

.partsH2-10 h2::after,
.partsH3-10 h3::after,
.partsH4-10 h4::after,
.partsH5-10 h5::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  margin-top: -1px
}

.partsH2-11 h2,
.partsH3-11 h3,
.partsH4-11 h4,
.partsH5-11 h5 {
  padding: 10px 0 10px 20px;
  border-left: solid 4px #a83f3f
}

.partsH2-12 h2,
.partsH3-12 h3,
.partsH4-12 h4,
.partsH5-12 h5 {
  padding: 10px 0 10px 20px;
  border-left: solid 4px #a83f3f;
  border-bottom: solid 1px #D8D8D8
}

.partsH2-13 h2,
.partsH3-13 h3,
.partsH4-13 h4,
.partsH5-13 h5 {
  padding: 10px 0 10px 20px;
  border-left: solid 4px #a83f3f;
  border-bottom: dotted 1px #D8D8D8
}

.partsH2-14 h2,
.partsH3-14 h3,
.partsH4-14 h4,
.partsH5-14 h5 {
  position: relative;
  padding: 10px 0 10px 20px;
  border-left: solid 4px #a83f3f
}

.partsH2-14 h2::before,
.partsH3-14 h3::before,
.partsH4-14 h4::before,
.partsH5-14 h5::before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0;
  width: 4px;
  height: 50%;
  background-color: #D8D8D8
}

.partsH2-14 h2::after,
.partsH3-14 h3::after,
.partsH4-14 h4::after,
.partsH5-14 h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #D8D8D8
}

.partsH2-21 h2,
.partsH3-21 h3,
.partsH4-21 h4,
.partsH5-21 h5 {
  padding: 20px;
  background-color: #f2f2f2
}

.partsH2-22 h2,
.partsH3-22 h3,
.partsH4-22 h4,
.partsH5-22 h5 {
  padding: 20px;
  background-color: #f2f2f2;
  border-bottom: 4px solid #a83f3f
}

.partsH2-23 h2,
.partsH3-23 h3,
.partsH4-23 h4,
.partsH5-23 h5 {
  padding: 20px;
  background-color: #f2f2f2;
  border-left: 4px solid #a83f3f
}

.partsH2-24 h2,
.partsH3-24 h3,
.partsH4-24 h4,
.partsH5-24 h5 {
  padding: 20px;
  background-color: #f2f2f2;
  border-left: 4px solid #a83f3f;
  border-bottom: 4px solid rgba(0, 0, 0, 0.10)
}

.partsH2-25 h2,
.partsH3-25 h3,
.partsH4-25 h4,
.partsH5-25 h5 {
  position: relative;
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 5px
}

.partsH2-25 h2::after,
.partsH3-25 h3::after,
.partsH4-25 h4::after,
.partsH5-25 h5::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid transparent;
  margin-top: -2px;
  border-top: 15px solid #f2f2f2
}

.partsH2-26 h2,
.partsH3-26 h3,
.partsH4-26 h4,
.partsH5-26 h5 {
  position: relative;
  padding: 20px;
  border: 1px solid #D8D8D8;
  border-radius: 5px
}

.partsH2-26 h2::before,
.partsH3-26 h3::before,
.partsH4-26 h4::before,
.partsH5-26 h5::before {
  position: absolute;
  top: 100%;
  left: 30px;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 15px solid #D8D8D8
}

.partsH2-26 h2::after,
.partsH3-26 h3::after,
.partsH4-26 h4::after,
.partsH5-26 h5::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid transparent;
  margin-top: -2px;
  border-top: 15px solid #fff
}

.partsH2-27 h2,
.partsH3-27 h3,
.partsH4-27 h4,
.partsH5-27 h5 {
  position: relative;
  padding: 20px;
  color: #FFF;
  background: #a83f3f
}

.partsH2-27 h2::before,
.partsH3-27 h3::before,
.partsH4-27 h4::before,
.partsH5-27 h5::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #752f2f;
  border-left: 5px solid #752f2f
}

.partsH2-27 h2::after,
.partsH3-27 h3::after,
.partsH4-27 h4::after,
.partsH5-27 h5::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #752f2f;
  border-right: 5px solid #752f2f
}

.partsH2-28 h2,
.partsH3-28 h3,
.partsH4-28 h4,
.partsH5-28 h5 {
  position: relative;
  padding: 20px;
  color: #FFF;
  background: #a83f3f
}

.partsH2-28 h2::before,
.partsH3-28 h3::before,
.partsH4-28 h4::before,
.partsH5-28 h5::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 0;
  border: solid 10px transparent;
  border-bottom-color: #752f2f
}

.partsH2-29 h2,
.partsH3-29 h3,
.partsH4-29 h4,
.partsH5-29 h5 {
  position: relative;
  padding: 20px;
  color: #FFF;
  background: #a83f3f;
  box-shadow: 0 0 0 5px #a83f3f;
  border: dashed 1px #fff
}

.partsH2-30 h2,
.partsH3-30 h3,
.partsH4-30 h4,
.partsH5-30 h5 {
  position: relative;
  padding: 20px;
  color: #FFF;
  background: repeating-linear-gradient(-45deg, #a83f3f, #a83f3f 3px, #752f2f 3px, #752f2f 7px)
}

.partsH2-31 h2,
.partsH3-31 h3,
.partsH4-31 h4,
.partsH5-31 h5 {
  position: relative;
  padding: 20px;
  text-align: center;
  border: solid 1px #a83f3f
}

.partsH2-32 h2,
.partsH3-32 h3,
.partsH4-32 h4,
.partsH5-32 h5 {
  position: relative;
  padding: 20px;
  text-align: center;
  border: dashed 1px #a83f3f;
  border-radius: 5px
}

.partsH2-33 h2,
.partsH3-33 h3,
.partsH4-33 h4,
.partsH5-33 h5 {
  position: relative;
  padding: 20px;
  text-align: center
}

.partsH2-33 h2::before,
.partsH3-33 h3::before,
.partsH4-33 h4::before,
.partsH5-33 h5::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 30px;
  border-left: solid 1px #a83f3f;
  border-top: solid 1px #a83f3f
}

.partsH2-33 h2::after,
.partsH3-33 h3::after,
.partsH4-33 h4::after,
.partsH5-33 h5::after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 30px;
  border-right: solid 1px #a83f3f;
  border-bottom: solid 1px #a83f3f
}

.partsH2-34 h2,
.partsH3-34 h3,
.partsH4-34 h4,
.partsH5-34 h5 {
  position: relative;
  padding: 20px;
  text-align: center;
  border-top: solid 1px #a83f3f;
  border-bottom: solid 1px #a83f3f
}

.partsH2-34 h2::before,
.partsH3-34 h3::before,
.partsH4-34 h4::before,
.partsH5-34 h5::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #a83f3f
}

.partsH2-34 h2::after,
.partsH3-34 h3::after,
.partsH4-34 h4::after,
.partsH5-34 h5::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 10px;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #a83f3f
}

.partsH2-41 h2,
.partsH3-41 h3,
.partsH4-41 h4,
.partsH5-41 h5 {
  position: relative;
  padding: 20px;
  border: 1px solid #f2f2f2;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%)
}

.partsH2-42 h2,
.partsH3-42 h3,
.partsH4-42 h4,
.partsH5-42 h5 {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #f2f2f2;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%)
}

.partsH2-43 h2,
.partsH3-43 h3,
.partsH4-43 h4,
.partsH5-43 h5 {
  position: relative;
  padding: 20px;
  border-radius: 100px;
  border: 1px solid #f2f2f2;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%)
}

.partsH2-44 h2,
.partsH3-44 h3,
.partsH4-44 h4,
.partsH5-44 h5 {
  position: relative;
  padding: 20px;
  border: 1px solid #f2f2f2;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-45 h2,
.partsH3-45 h3,
.partsH4-45 h4,
.partsH5-45 h5 {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #f2f2f2;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-46 h2,
.partsH3-46 h3,
.partsH4-46 h4,
.partsH5-46 h5 {
  position: relative;
  padding: 20px;
  border-radius: 50px;
  border: 1px solid #f2f2f2;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-47 h2,
.partsH3-47 h3,
.partsH4-47 h4,
.partsH5-47 h5 {
  position: relative;
  padding: 20px;
  border: 1px solid #f2f2f2;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-48 h2,
.partsH3-48 h3,
.partsH4-48 h4,
.partsH5-48 h5 {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #f2f2f2;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-49 h2,
.partsH3-49 h3,
.partsH4-49 h4,
.partsH5-49 h5 {
  position: relative;
  padding: 20px;
  border: 1px solid #323232;
  color: #fff;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
  background: linear-gradient(#191919 0%, #323232 100%)
}

.partsH2-50 h2,
.partsH3-50 h3,
.partsH4-50 h4,
.partsH5-50 h5 {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #323232;
  color: #fff;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
  background: linear-gradient(#191919 0%, #323232 100%)
}

.partsH2-61 h2,
.partsH3-61 h3,
.partsH4-61 h4,
.partsH5-61 h5 {
  position: relative;
  padding: 10px 0 10px 30px
}

.partsH2-61 h2::after,
.partsH3-61 h3::after,
.partsH4-61 h4::after,
.partsH5-61 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 4px;
  transform: translateY(-50%);
  background-color: #a83f3f
}

.partsH2-62 h2,
.partsH3-62 h3,
.partsH4-62 h4,
.partsH5-62 h5 {
  position: relative;
  padding: 20px 0 20px 30px;
  background-color: #a83f3f;
  color: #fff;
  border-radius: 5px
}

.partsH2-62 h2::after,
.partsH3-62 h3::after,
.partsH4-62 h4::after,
.partsH5-62 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 4px;
  transform: translateY(-50%);
  background-color: #fff
}

.partsH2-63 h2,
.partsH3-63 h3,
.partsH4-63 h4,
.partsH5-63 h5 {
  position: relative;
  padding: 20px 0 20px 30px;
  border: 1px solid #d8d8d8;
  border-radius: 5px
}

.partsH2-63 h2::after,
.partsH3-63 h3::after,
.partsH4-63 h4::after,
.partsH5-63 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 4px;
  transform: translateY(-50%);
  background-color: #a83f3f
}

.partsH2-64 h2,
.partsH3-64 h3,
.partsH4-64 h4,
.partsH5-64 h5 {
  position: relative;
  padding: 20px 0 20px 30px;
  border: 1px solid #f2f2f2;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-64 h2::after,
.partsH3-64 h3::after,
.partsH4-64 h4::after,
.partsH5-64 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 4px;
  transform: translateY(-50%);
  background-color: #a83f3f
}

.partsH2-65 h2,
.partsH3-65 h3,
.partsH4-65 h4,
.partsH5-65 h5 {
  position: relative;
  padding: 20px 0 20px 30px;
  border: 1px solid #323232;
  color: #fff;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
  background: linear-gradient(#191919 0%, #323232 100%)
}

.partsH2-65 h2::after,
.partsH3-65 h3::after,
.partsH4-65 h4::after,
.partsH5-65 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 4px;
  transform: translateY(-50%);
  background-color: #a83f3f
}

.partsH2-71 h2,
.partsH3-71 h3,
.partsH4-71 h4,
.partsH5-71 h5 {
  position: relative;
  padding: 10px 0 10px 25px
}

.partsH2-71 h2::after,
.partsH3-71 h3::after,
.partsH4-71 h4::after,
.partsH5-71 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: solid 4px #a83f3f;
  border-radius: 100%;
  transform: translateY(-50%)
}

.partsH2-72 h2,
.partsH3-72 h3,
.partsH4-72 h4,
.partsH5-72 h5 {
  position: relative;
  padding: 20px 0 20px 35px;
  background-color: #a83f3f;
  color: #fff;
  border-radius: 5px
}

.partsH2-72 h2::after,
.partsH3-72 h3::after,
.partsH4-72 h4::after,
.partsH5-72 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 15px;
  border: solid 4px #fff;
  border-radius: 100%;
  transform: translateY(-50%)
}

.partsH2-73 h2,
.partsH3-73 h3,
.partsH4-73 h4,
.partsH5-73 h5 {
  position: relative;
  padding: 20px 0 20px 35px;
  border: 1px solid #d8d8d8;
  border-radius: 5px
}

.partsH2-73 h2::after,
.partsH3-73 h3::after,
.partsH4-73 h4::after,
.partsH5-73 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 15px;
  border: solid 4px #a83f3f;
  border-radius: 100%;
  transform: translateY(-50%)
}

.partsH2-74 h2,
.partsH3-74 h3,
.partsH4-74 h4,
.partsH5-74 h5 {
  position: relative;
  padding: 20px 0 20px 35px;
  border: 1px solid #f2f2f2;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
  background: linear-gradient(#fff 0%, #f2f2f2 100%)
}

.partsH2-74 h2::after,
.partsH3-74 h3::after,
.partsH4-74 h4::after,
.partsH5-74 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 15px;
  border: solid 4px #a83f3f;
  border-radius: 100%;
  transform: translateY(-50%)
}

.partsH2-75 h2,
.partsH3-75 h3,
.partsH4-75 h4,
.partsH5-75 h5 {
  position: relative;
  padding: 20px 0 20px 35px;
  border: 1px solid #323232;
  color: #fff;
  border-top: 4px solid #a83f3f;
  box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
  background: linear-gradient(#191919 0%, #323232 100%)
}

.partsH2-75 h2::after,
.partsH3-75 h3::after,
.partsH4-75 h4::after,
.partsH5-75 h5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 15px;
  border: solid 4px #a83f3f;
  border-radius: 100%;
  transform: translateY(-50%)
}

.partsH2-81 h2:first-letter {
  font-size: 3.2rem
}

.partsH3-81 h3:first-letter {
  font-size: 2.8rem
}

.partsH4-81 h4:first-letter {
  font-size: 2.6rem
}

.partsH5-81 h5:first-letter {
  font-size: 2.4rem
}

.partsH2-81 h2:first-letter,
.partsH3-81 h3:first-letter,
.partsH4-81 h4:first-letter,
.partsH5-81 h5:first-letter {
  color: #a83f3f
}

.partsH2-82 h2:first-letter {
  font-size: 3.2rem
}

.partsH3-82 h3:first-letter {
  font-size: 2.8rem
}

.partsH4-82 h4:first-letter {
  font-size: 2.6rem
}

.partsH5-82 h5:first-letter {
  font-size: 2.4rem
}

.partsH2-82 h2:first-letter,
.partsH3-82 h3:first-letter,
.partsH4-82 h4:first-letter,
.partsH5-82 h5:first-letter {
  padding-bottom: 5px;
  color: #a83f3f;
  border-bottom: 3px solid
}

.partsH2-83 h2,
.partsH3-83 h3,
.partsH4-83 h4,
.partsH5-83 h5 {
  padding: 10px 0;
  border-bottom: dotted 1px #D8D8D8
}

.partsH2-83 h2:first-letter {
  font-size: 3.2rem
}

.partsH3-83 h3:first-letter {
  font-size: 2.8rem
}

.partsH4-83 h4:first-letter {
  font-size: 2.6rem
}

.partsH5-83 h5:first-letter {
  font-size: 2.4rem
}

.partsH2-83 h2:first-letter,
.partsH3-83 h3:first-letter,
.partsH4-83 h4:first-letter,
.partsH5-83 h5:first-letter {
  color: #a83f3f
}

.partsH2-84 h2,
.partsH3-84 h3,
.partsH4-84 h4,
.partsH5-84 h5 {
  padding: 20px;
  border: solid 1px #D8D8D8;
  border-radius: 5px
}

.partsH2-84 h2:first-letter {
  font-size: 3.2rem
}

.partsH3-84 h3:first-letter {
  font-size: 2.8rem
}

.partsH4-84 h4:first-letter {
  font-size: 2.6rem
}

.partsH5-84 h5:first-letter {
  font-size: 2.4rem
}

.partsH2-84 h2:first-letter,
.partsH3-84 h3:first-letter,
.partsH4-84 h4:first-letter,
.partsH5-84 h5:first-letter {
  color: #a83f3f
}

.content .size-full,
.content .size-large,
.content .size-medium,
.content .size-thumbnail {
  max-width: 100%;
  height: auto
}

.content .alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
  text-align: left
}

.content .aligncenter {
  display: block;
  margin: 0 auto 1rem auto;
  text-align: center
}

.content .alignright {
  float: right;
  margin: 0 0 1rem 1rem;
  text-align: right
}

.content .wp-caption {
  margin-top: 2rem
}

.content .wp-caption a {
  display: block
}

.content .wp-caption a:hover {
  border-bottom: none
}

.content .wp-caption img {
  vertical-align: bottom
}

.content .wp-caption-text {
  margin-top: 1rem;
  font-size: 1.2rem
}

.content ol {
  counter-reset: item
}

.content ol>li>ol>li:before {
  background: #a83f3f;
  border: 1px solid #a83f3f;
  color: #fff
}

.content ol>li>ol>li>ol>li:before {
  background: #fff;
  border: 1px dashed #a83f3f;
  color: #a83f3f
}

.partsUl-1 ul,
.partsOl-1 ol {
  padding: 20px;
  background-color: #f2f2f2
}

.partsUl-2 ul,
.partsOl-2 ol {
  padding: 20px;
  background-color: #f2f2f2;
  box-shadow: 0 0 0 5px #f2f2f2;
  border: dashed 1px #a83f3f
}

.partsUl-3 ul,
.partsOl-3 ol {
  padding: 20px;
  position: relative;
  background-color: #F2F2F2
}

.partsUl-3 ul::after,
.partsOl-3 ol::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: rgba(0, 0, 0, 0.10) #fff #fff rgba(0, 0, 0, 0.10);
  border-style: solid;
  border-width: 10px
}

.partsUl-4 ul,
.partsOl-4 ol {
  padding: 20px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1)), -webkit-linear-gradient(0deg, transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1));
  background-size: 12px 12px
}

.partsUl-5 ul,
.partsOl-5 ol {
  padding: 20px;
  position: relative;
  border: solid 1px #D8D8D8
}

.partsUl-6 ul,
.partsOl-6 ol {
  padding: 20px;
  position: relative;
  border: dashed 1px #D8D8D8
}

.partsUl-7 ul,
.partsOl-7 ol {
  padding: 20px 30px;
  position: relative;
  border-top: solid 1px #D8D8D8;
  border-bottom: solid 1px #D8D8D8
}

.partsUl-7 ul::before,
.partsOl-7 ol::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #D8D8D8
}

.partsUl-7 ul::after,
.partsOl-7 ol::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 10px;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #D8D8D8
}

.content .reviewBox {
  position: relative;
  background: #f2f2f2;
  padding: 20px;
  border-radius: 5px
}

.content .reviewBox-border {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.content .reviewBox::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  border-color: rgba(0, 0, 0, 0.10) #fff #fff rgba(0, 0, 0, 0.10);
  border-style: solid;
  border-width: 10px
}

.content .reviewBox__title {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.5
}

.content .reviewBox__contents {
  position: relative
}

.content .reviewBox__imgBox {
  float: right;
  width: 100px;
  height: auto;
  margin: 0 0 20px 20px
}

.content .reviewBox__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background: url(img/img_mysteryman.gif);
  background-size: contain
}

.content .reviewBox__img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  vertical-align: bottom
}

.content .reviewBox__name {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5)
}

.content .reviewBox__star {
  display: block;
  font-weight: bold;
  margin-bottom: 10px
}

.content .balloon {
  margin-top: 2rem;
  position: relative
}

.content .balloon:before,
.content .balloon:after {
  clear: both;
  content: "";
  display: block
}

.content .balloon .balloon__img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px
}

.content .balloon .balloon__img-left {
  float: left;
  margin-right: 15px
}

.content .balloon .balloon__img-right {
  float: right;
  margin-left: 15px
}

.content .balloon .balloon__img-left div {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: url(img/img_cat.gif);
  background-size: contain;
  margin-bottom: 10px
}

.content .balloon .balloon__img-right div {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: url(img/img_dog.gif);
  background-size: contain;
  margin-bottom: 10px
}

.content .balloon .balloon__img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin: 0
}

.content .balloon .balloon__name {
  font-size: 1rem;
  text-align: center;
  line-height: 1
}

.content .balloon .balloon__text {
  position: relative;
  padding: 1rem;
  margin: 0;
  border-radius: 5px;
  max-width: calc(100% - 75px);
  display: inline-block;
  background-color: #F2F2F2
}

.content .balloon .balloon__text-left {
  float: right
}

.content .balloon .balloon__text-right {
  float: left
}

.content .balloon .balloon__text::before {
  content: "";
  position: absolute;
  top: 15px;
  border: 10px solid transparent
}

.content .balloon .balloon__text-left::before {
  right: -20px;
  border-left: 10px solid #F2F2F2
}

.content .balloon .balloon__text-right::before {
  left: -20px;
  border-right: 10px solid #F2F2F2
}

.content .balloon-boder .balloon__text {
  border: 1px solid #E5E5E5;
  background-color: #fff
}

.content .balloon-boder .balloon__text:after {
  content: "";
  position: absolute;
  top: 15px;
  border: 10px solid transparent
}

.content .balloon-boder .balloon__text-left:after {
  right: -19px;
  border-left: 10px solid #fff
}

.content .balloon-boder .balloon__text-right:after {
  left: -19px;
  border-right: 10px solid #fff
}

.content pre {
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo,Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  margin-top: 2rem;
  padding: 20px;
  background-color: #F2F2F2;
  border-left: solid 5px #191919;
  color: #7F7F7F;
  overflow: auto
}

.content hr {
  margin-top: 4rem;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #E5E5E5
}

.content dl {
  margin-top: 2rem
}

.content dt {
  margin-top: 2rem;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.05)
}

.content dd {
  padding: 10px;
  border: solid 1px rgba(0, 0, 0, 0.05)
}

.content .accordionBox dt {
  position: relative
}

.content .accordionBox dt::after {
  font-family: "icomoon";
  content: "\ea0c";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.5rem;
  font-size: 1rem;
  line-height: 1
}

.content .accordionBox dt.current::after {
  content: "\ea0d"
}

.content .accordionBox-border dt {
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.05)
}

.content .accordionBox-border dd {
  border-top: 0
}


table th {
  padding: 10px;
}

table td {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.partsTable-1 table {
  border-top: 1px dotted #E5E5E5;
  border-left: 1px dotted #E5E5E5
}

.partsTable-1 table th {
  border-right: 1px dotted #E5E5E5;
  border-bottom: 1px dotted #E5E5E5
}

.partsTable-1 table td {
  border-right: 1px dotted #E5E5E5;
  border-bottom: 1px dotted #E5E5E5
}

.content .tableScroll {
  overflow: auto
}

.content .tableScroll table th {
  min-width: 160px
}

.content .tableScroll table td {
  min-width: 160px
}

.content .scoreTable {
  border: 1px solid #E5E5E5
}

.content .scoreTable tr:nth-child(odd) td {
  background-color: #f2f2f2
}

.content .scoreTable td {
  border: 0
}

.content .scoreTable td:first-child {
  font-weight: bold
}

.content .scoreTable td:last-child {
  width: 140px
}

.content .scoreTable-red tr:last-child td {
  background-color: #FDEDEC
}

.content .scoreTable-blue tr:last-child td {
  background-color: #EAF6FE
}

.content .scoreTable-yellow tr:last-child td {
  background-color: #FFFDED
}

.content .scoreTable-pink tr:last-child td {
  background-color: #FDEFF5
}

.content .scoreTable-green tr:last-child td {
  background-color: #EBF5EB
}

.content .scoreTable-gray tr:last-child td {
  background-color: #D8D8D8
}

.content .outline__toggle {
  display: none
}

.content .outline__switch::before {
  content: "開く";
  cursor: pointer;
  border: solid 1px #d8d8d8;
  padding: 5px;
  font-size: 1.2rem;
  border-radius: 5px
}

.content .outline__toggle:checked+.outline__switch::before {
  content: "閉じる"
}

.content .outline__switch+.outline__list {
  overflow: hidden;
  width: 0;
  height: 0;
  margin-top: 0;
  padding: 0;
  transition: 0.2s;
  background: #f4f4f4;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.content .outline__switch+.outline__list::before {
  content: normal
}

.content .outline__switch+.outline__list::after {
  content: normal
}

.content .outline__toggle:checked+.outline__switch+.outline__list {
  width: auto;
  height: auto;
  padding: 16px 0 0;
}

.content .gallery {
  width: 100%;
  overflow: hidden
}

.content .gallery br {
  display: none
}

.content .gallery-item {
  float: left
}

.content .gallery-icon {
  text-align: center;
  line-height: 1
}

.content .gallery-icon img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px
}

.content .gallery-caption {
  font-size: 1.2rem;
  margin: 0 0 10px 0;
  text-align: center
}

.content .gallery-columns-1 .gallery-item {
  width: 100%;
  margin: 0
}

.content .gallery-columns-2 .gallery-item,
.content .gallery-columns-3 .gallery-item,
.content .gallery-columns-4 .gallery-item,
.content .gallery-columns-5 .gallery-item {
  width: calc(50% - 20px);
  margin: 0 10px
}

.partsQuote-1 blockquote {
  border-left: solid 4px #d8d8d8
}

.partsQuote-2 blockquote {
  background-color: #fff;
  border: solid 1px #d8d8d8
}

.partsQuote-3 blockquote {
  padding: 20px
}

.partsQuote-3 blockquote::before {
  top: 0;
  left: 0;
  font-size: 2rem;
  line-height: 1;
  z-index: 2
}

.partsQuote-3 blockquote::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  border-radius: 0 0 30px;
  width: 30px;
  height: 30px;
  background: #fff
}

.partsQuote-4 blockquote {
  padding: 20px;
  border: solid 4px #d8d8d8;
  background-color: #fff
}

.partsQuote-4 blockquote::before {
  top: 0;
  left: 0;
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  z-index: 2
}

.partsQuote-4 blockquote::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  border-radius: 0 0 30px;
  width: 30px;
  height: 30px;
  background: #d8d8d8
}

.partsQuote-5 blockquote {
  border: solid 3px #d8d8d8;
  border-left-width: 50px;
  padding: 20px;
  background-color: #fff
}

.partsQuote-5 blockquote:before {
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  vertical-align: middle;
  color: #FFF;
  font-size: 2rem;
  line-height: 1
}

.partsQuote-6 blockquote {
  padding: 35px 20px 20px 20px
}

.partsQuote-6 blockquote:before {
  top: -10px;
  left: 10px;
  width: 40px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #FFF;
  font-size: 2rem;
  background: #d8d8d8
}

.partsQuote-6 blockquote:after {
  position: absolute;
  content: "";
  top: -10px;
  left: 50px;
  border: none;
  border-bottom: solid 10px #ccc;
  border-right: solid 10px transparent
}

.content hr {
  clear: both;
  margin: 20px 0;
  padding: 0;
  height: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.10)
}

.content .hr-solid {
  border-top: 1px solid rgba(0, 0, 0, 0.10)
}

.content .hr-dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.10)
}

.content .hr-dotted {
  border-top: 1px dotted rgba(0, 0, 0, 0.10)
}

.content .marker-thickRed {
  background: linear-gradient(transparent 35%, #FFC6C6 35%)
}

.content .marker-thickBlue {
  background: linear-gradient(transparent 35%, #cce5ff 35%)
}

.content .marker-thickYellow {
  background: linear-gradient(transparent 60%, #ffffbc 35%)
}

.content .marker-thickPink {
  background: linear-gradient(transparent 35%, #FFDFEF 35%)
}

.content .marker-thickGreen {
  background: linear-gradient(transparent 35%, #D2FFD2 35%)
}

.content .marker-thickGray {
  background: linear-gradient(transparent 35%, #d8d8d8 35%)
}

.content .marker-halfRed {
  background: linear-gradient(transparent 60%, #FFC6C6 60%)
}

.content .marker-halfBlue {
  background: linear-gradient(transparent 60%, #cce5ff 60%)
}

.content .marker-halfYellow {
  background: linear-gradient(transparent 60%, #ffffbc 60%)
}

.content .marker-halfPink {
  background: linear-gradient(transparent 60%, #FFDFEF 60%)
}

.content .marker-halfGreen {
  background: linear-gradient(transparent 60%, #D2FFD2 60%)
}

.content .marker-halfGray {
  background: linear-gradient(transparent 35%, #d8d8d8 35%)
}

.content .marker-thinRed {
  background: linear-gradient(transparent 85%, #FFC6C6 85%)
}

.content .marker-thinBlue {
  background: linear-gradient(transparent 85%, #cce5ff 85%)
}

.content .marker-thinYellow {
  background: linear-gradient(transparent 85%, #ffffbc 85%)
}

.content .marker-thinPink {
  background: linear-gradient(transparent 85%, #FFDFEF 85%)
}

.content .marker-thinGreen {
  background: linear-gradient(transparent 85%, #D2FFD2 85%)
}

.content .marker-thinGray {
  background: linear-gradient(transparent 35%, #d8d8d8 35%)
}

.content .ep-label {
  position: relative;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 5px
}

.content .ep-btn {
  position: relative;
  display: inline-block;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  overflow: hidden;
  transition: .3s;
  padding: 10px 15px
}

.content .ep-btn:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.25);
  transition: .3s
}

.content .ep-btn:hover {
  font-weight: normal
}

.content .ep-btn.es-bold:hover {
  font-weight: bold
}

.content .ep-box {
  position: relative;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 20px
}

.content .ep-inbox {
  position: relative;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 20px
}

.content .es-size10 {
  width: 10%
}

.content .es-size25 {
  width: 25%
}

.content .es-size40 {
  width: 40%
}

.content .es-size50 {
  width: 50%
}

.content .es-size60 {
  width: 60%
}

.content .es-size75 {
  width: 75%
}

.content .es-size90 {
  width: 90%
}

.content .es-size100 {
  width: 100%
}

.content .es-padding0 {
  padding: 0
}

.content .es-TpaddingSS {
  padding-top: 1rem
}

.content .es-TpaddingS {
  padding-top: 1.5rem
}

.content .es-TpaddingM {
  padding-top: 3rem
}

.content .es-TpaddingL {
  padding-top: 4.5rem
}

.content .es-RpaddingSS {
  padding-right: 1rem
}

.content .es-RpaddingS {
  padding-right: 1.5rem
}

.content .es-RpaddingM {
  padding-right: 3rem
}

.content .es-RpaddingL {
  padding-right: 4.5rem
}

.content .es-BpaddingSS {
  padding-bottom: 1rem
}

.content .es-BpaddingS {
  padding-bottom: 1.5rem
}

.content .es-BpaddingM {
  padding-bottom: 3rem
}

.content .es-BpaddingL {
  padding-bottom: 4.5rem
}

.content .es-LpaddingSS {
  padding-left: 1rem
}

.content .es-LpaddingS {
  padding-left: 1.5rem
}

.content .es-LpaddingM {
  padding-left: 3rem
}

.content .es-LpaddingL {
  padding-left: 4.5rem
}

.content .es-margin0 {
  margin: 0
}

.content .es-TmarginSS {
  margin-top: 1rem
}

.content .es-TmarginS {
  margin-top: 1.5rem
}

.content .es-TmarginM {
  margin-top: 3rem
}

.content .es-TmarginL {
  margin-top: 4.5rem
}

.content .es-RmarginSS {
  margin-right: 1rem
}

.content .es-RmarginS {
  margin-right: 1.5rem
}

.content .es-RmarginM {
  margin-right: 3rem
}

.content .es-RmarginL {
  margin-right: 4.5rem
}

.content .es-BmarginSS {
  margin-bottom: 1rem
}

.content .es-BmarginS {
  margin-bottom: 1.5rem
}

.content .es-BmarginM {
  margin-bottom: 3rem
}

.content .es-BmarginL {
  margin-bottom: 4.5rem
}

.content .es-LmarginSS {
  margin-left: 1rem
}

.content .es-LmarginS {
  margin-left: 1.5rem
}

.content .es-LmarginM {
  margin-left: 3rem
}

.content .es-LmarginL {
  margin-left: 4.5rem
}

.content .es-borderSolidS {
  border: 1px solid #191919
}

.content .es-borderSolidM {
  border: 3px solid #191919
}

.content .es-borderDashedS {
  border: 1px dashed #191919
}

.content .es-borderDashedM {
  border: 3px dashed #191919
}

.content .es-borderDottedS {
  border: 1px dotted #191919
}

.content .es-borderDottedM {
  border: 3px dotted #191919
}

.content .es-BborderSolidS {
  border-bottom: 1px solid #191919
}

.content .es-BborderSolidM {
  border-bottom: 3px solid #191919
}

.content .es-BborderDashedS {
  border-bottom: 1px dashed #191919
}

.content .es-BborderDashedM {
  border-bottom: 3px dashed #191919
}

.content .es-BborderDottedS {
  border-bottom: 1px dotted #191919
}

.content .es-BborderDottedM {
  border-bottom: 3px dotted #191919
}

.content .es-LborderSolidS {
  border-left: 1px solid #191919
}

.content .es-LborderSolidM {
  border-left: 3px solid #191919
}

.content .es-LborderDashedS {
  border-left: 1px dashed #191919
}

.content .es-LborderDashedM {
  border-left: 3px dashed #191919
}

.content .es-LborderDottedS {
  border-left: 1px dotted #191919
}

.content .es-LborderDottedM {
  border-left: 3px dotted #191919
}

.content .es-Fsmall {
  font-size: 1.2rem
}

.content .es-Fbig {
  font-size: 1.6rem
}

.content .es-FbigL {
  font-size: 2.0rem
}

.content .es-bold {
  font-weight: bold
}

.content .es-italic {
  font-style: italic
}

.content .es-strike {
  text-decoration: line-through
}

.content .es-under {
  text-decoration: underline
}

.content .es-left {
  text-align: left
}

.content .es-center {
  text-align: center
}

.content .es-right {
  text-align: right
}

.content .es-shadowL {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10)
}

.content .es-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25)
}

.content .es-shadowD {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.50)
}

.content .es-shadowInL {
  box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.10)
}

.content .es-shadowIn {
  box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.25)
}

.content .es-shadowInD {
  box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.50)
}

.content .es-TshadowL {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.10)
}

.content .es-Tshadow {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25)
}

.content .es-TshadowD {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.50)
}

.content .es-radius {
  border-radius: 5px
}

.content .es-radiusL {
  border-radius: 10px
}

.content .es-round {
  border-radius: 50px
}

.content .es-grada1::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.05))
}

.content .es-grada2::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25))
}

.content .es-grid {
  background-color: #fff;
  background-image: -webkit-linear-gradient(transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1)), -webkit-linear-gradient(0deg, transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1));
  background-size: 12px 12px
}

.content .es-Lcorner {
  top: -20px;
  left: -20px
}

.content .es-LroundL {
  border-radius: 50px 0 0 50px
}

.content .es-LroundR {
  border-radius: 0 50px 50px 0
}

.content .es-Licon:before {
  margin: 0 5px
}

.content .es-LiconBorder:before {
  margin: 0 5px;
  padding-right: 5px;
  border-right: 1px solid rgba(255, 255, 255, .25);
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, .25)
}

.content .es-LiconBox {
  height: 28px;
  padding-left: 35px
}

.content .es-LiconBox:before {
  background: #a83f3f;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 28px;
  text-align: center
}

.content .es-LiconCircle {
  height: 28px;
  padding-left: 35px
}

.content .es-LiconCircle:before {
  background: #a83f3f;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 28px;
  text-align: center;
  border-radius: 50%
}

.content .es-BT3d {
  border-bottom: solid 3px rgba(0, 0, 0, 0.25)
}

.content .es-BT3d:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.content .es-BTshadow {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.content .es-BTrich {
  box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.25) inset;
  border: 1px solid rgba(0, 0, 0, 0.05)
}

.content .es-BTarrow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg)
}

.content .es-BTicon:before {
  margin-right: 5px
}

.content .es-BTiconBorder:before {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, .25);
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, .25)
}

.content .es-BTiconBox {
  padding: 0 15px 0 0
}

.content .es-BTiconBox:before {
  display: inline-block;
  background: #a83f3f;
  color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px
}

.content .es-BTiconCircle:before {
  display: inline-block;
  background: #a83f3f;
  color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%
}

.content .es-Bwhole {
  margin: -20px -20px 0 -20px
}

.content .es-Bbrackets:before,
.content .es-Bbrackets:after {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  content: ""
}

.content .es-Bbrackets:before {
  top: 0;
  left: 0;
  border-top: solid 1px #191919;
  border-left: solid 1px #191919
}

.content .es-Bbrackets:after {
  right: 0;
  bottom: 0;
  border-right: solid 1px #191919;
  border-bottom: solid 1px #191919
}

.content .es-BpaperLeft::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) #fff #fff;
  border-style: solid;
  border-width: 10px
}

.content .es-BpaperRight::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: rgba(0, 0, 0, 0.10) #fff #fff rgba(0, 0, 0, 0.10);
  border-style: solid;
  border-width: 10px
}

.content .es-BmarkHatena {
  padding-left: 70px
}

.content .es-BmarkHatena::before {
  position: absolute;
  top: 20px;
  left: 20px;
  content: "?";
  background: #373737;
  background: #ff7ca0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%
}

.content .es-BmarkExcl {
  padding-left: 70px
}

.content .es-BmarkExcl::before {
  position: absolute;
  top: 20px;
  left: 20px;
  content: "!";
  background: #b60105;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%
}

.content .es-BmarkQ {
  position: relative;
  padding: 0 0 10px 40px;
  line-height: 3rem;
  font-size: 1.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}

.content .es-BmarkQ::before {
  content: "Q";
  background: #0081ba;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px
}

.content .es-BmarkQ::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 10px;
  border: 5px solid transparent;
  border-top: 5px solid #0081ba
}

.content .es-BmarkA {
  position: relative;
  padding: 0 0 0 40px;
  margin-top: 1rem
}

.content .es-BmarkA::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #b60105;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px
}

.content .es-BsubT {
  margin-top: 3.5rem;
  padding-top: 3.5rem
}

.content .es-BsubT::before {
  position: absolute;
  top: -15px;
  left: 20px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  content: attr(title);
  background: #b60105;
  color: #fff;
  border: 1px solid transparent;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle
}

.content .es-BsubTradi {
  margin-top: 3.5rem;
  padding-top: 3.5rem
}

.content .es-BsubTradi::before {
  position: absolute;
  top: -15px;
  left: 20px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  content: attr(title);
  background: #f2b5d3;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle
}

.content .es-BsubTround {
  margin-top: 3.5rem;
  padding-top: 3.5rem
}

.content .es-BsubTround::before {
  position: absolute;
  top: -15px;
  left: 20px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  content: attr(title);
  background: #b60105;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle
}

.content .es-Bicon {
  padding-left: 70px
}

.content .es-Bicon:before {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 3rem;
  line-height: 3rem
}

.content .es-BiconBg:before {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 5rem;
  line-height: 5rem;
  color: rgba(0, 0, 0, 0.10)
}

.content .es-BiconObi {
  border-left: solid 50px #a83f3f
}

.content .es-BiconObi:before {
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  vertical-align: middle;
  font-size: 2rem;
  color: #fff;
  line-height: 1
}

.content .es-BiconCorner:before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: #a83f3f;
  color: #fff;
  font-size: 1.5rem
}

.content .es-BiconCircle {
  padding-left: 70px
}

.content .es-BiconCircle:before {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #a83f3f;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%
}

.content .ftc-Vyellow {
  color: #fff100
}

.content .ftc-Vorange {
  color: #f49801
}

.content .ftc-Vred {
  color: #e60112
}

.content .ftc-Vmagenta {
  color: #e5004f
}

.content .ftc-Vpink {
  color: #e4017f
}

.content .ftc-Vpurple {
  color: #920883
}

.content .ftc-Vnavy {
  color: #1c1e84
}

.content .ftc-Vblue {
  color: #0068b7
}

.content .ftc-Vsky {
  color: #00a0e9
}

.content .ftc-Vturquoise {
  color: #009e96
}

.content .ftc-Vgreen {
  color: #094
}

.content .ftc-Vlime {
  color: #8ec31f
}

.content .ftc-Byellow {
  color: #fff338
}

.content .ftc-Borange {
  color: #f6ad3a
}

.content .ftc-Bred {
  color: #ea5532
}

.content .ftc-Bmagenta {
  color: #e9536b
}

.content .ftc-Bpink {
  color: #e95098
}

.content .ftc-Bpurple {
  color: #a54a98
}

.content .ftc-Bnavy {
  color: #4c4398
}

.content .ftc-Bblue {
  color: #2b71b8
}

.content .ftc-Bsky {
  color: #00b0ec
}

.content .ftc-Bturquoise {
  color: #00ada9
}

.content .ftc-Bgreen {
  color: #0ba95f
}

.content .ftc-Blime {
  color: #a9cf52
}

.content .ftc-DPyellow {
  color: #cbbd00
}

.content .ftc-DPorange {
  color: #bf7601
}

.content .ftc-DPred {
  color: #b60105
}

.content .ftc-DPmagenta {
  color: #b5003c
}

.content .ftc-DPpink {
  color: #b50165
}

.content .ftc-DPpurple {
  color: #740169
}

.content .ftc-DPnavy {
  color: #14116e
}

.content .ftc-DPblue {
  color: #005293
}

.content .ftc-DPsky {
  color: #0081ba
}

.content .ftc-DPturquoise {
  color: #007f78
}

.content .ftc-DPgreen {
  color: #007c36
}

.content .ftc-DPlime {
  color: #6f9b12
}

.content .ftc-Lyellow {
  color: #fff89a
}

.content .ftc-Lorange {
  color: #fbce8a
}

.content .ftc-Lred {
  color: #f39c76
}

.content .ftc-Lmagenta {
  color: #f29c9f
}

.content .ftc-Lpink {
  color: #f29fc3
}

.content .ftc-Lpurple {
  color: #c490bf
}

.content .ftc-Lnavy {
  color: #8f82bc
}

.content .ftc-Lblue {
  color: #87abda
}

.content .ftc-Lsky {
  color: #7ecff5
}

.content .ftc-Lturquoise {
  color: #83ccc9
}

.content .ftc-Lgreen {
  color: #88c997
}

.content .ftc-Llime {
  color: #cce199
}

.content .ftc-DLyellow {
  color: #cac04e
}

.content .ftc-DLorange {
  color: #c39043
}

.content .ftc-DLred {
  color: #ba5536
}

.content .ftc-DLmagenta {
  color: #ba5460
}

.content .ftc-DLpink {
  color: #ba5584
}

.content .ftc-DLpurple {
  color: #8c4b82
}

.content .ftc-DLnavy {
  color: #4e4282
}

.content .ftc-DLblue {
  color: #3970a2
}

.content .ftc-DLsky {
  color: #1894be
}

.content .ftc-DLturquoise {
  color: #1d928f
}

.content .ftc-DLgreen {
  color: #218f59
}

.content .ftc-DLlime {
  color: #8ea953
}

.content .ftc-VPyellow {
  color: #fffded
}

.content .ftc-VPorange {
  color: #fef5e8
}

.content .ftc-VPred {
  color: #feede3
}

.content .ftc-VPmagenta {
  color: #fdedec
}

.content .ftc-VPpink {
  color: #fdeff5
}

.content .ftc-VPpurple {
  color: #f3eaf4
}

.content .ftc-VPnavy {
  color: #e8e6f3
}

.content .ftc-VPblue {
  color: #e9eef9
}

.content .ftc-VPsky {
  color: #eaf6fe
}

.content .ftc-VPturquoise {
  color: #eaf5f4
}

.content .ftc-VPgreen {
  color: #ebf5eb
}

.content .ftc-VPlime {
  color: #ebf5eb
}

.content .ftc-DGyellow {
  color: #675f00
}

.content .ftc-DGorange {
  color: #633c00
}

.content .ftc-DGred {
  color: #5f0100
}

.content .ftc-DGmagenta {
  color: #5f0017
}

.content .ftc-DGpink {
  color: #600033
}

.content .ftc-DGpurple {
  color: #3e0036
}

.content .ftc-DGnavy {
  color: #08003a
}

.content .ftc-DGblue {
  color: #00274f
}

.content .ftc-DGsky {
  color: #004462
}

.content .ftc-DGturquoise {
  color: #004340
}

.content .ftc-DGgreen {
  color: #004215
}

.content .ftc-DGlime {
  color: #395104
}

.content .ftc-white {
  color: #fff
}

.content .ftc-VLgray {
  color: #d8d8d8
}

.content .ftc-Lgray {
  color: #b2b2b2
}

.content .ftc-gray {
  color: #8c8c8c
}

.content .ftc-Dgray {
  color: #656565
}

.content .ftc-VDgray {
  color: #3f3f3f
}

.content .ftc-black {
  color: #191919
}

.content .bgc-Vyellow {
  background-color: #fff100
}

.content .bgc-Vorange {
  background-color: #f49801
}

.content .bgc-Vred {
  background-color: #e60112
}

.content .bgc-Vmagenta {
  background-color: #e5004f
}

.content .bgc-Vpink {
  background-color: #e4017f
}

.content .bgc-Vpurple {
  background-color: #920883
}

.content .bgc-Vnavy {
  background-color: #1c1e84
}

.content .bgc-Vblue {
  background-color: #0068b7
}

.content .bgc-Vsky {
  background-color: #00a0e9
}

.content .bgc-Vturquoise {
  background-color: #009e96
}

.content .bgc-Vgreen {
  background-color: #094
}

.content .bgc-Vlime {
  background-color: #8ec31f
}

.content .bgc-Byellow {
  background-color: #fff338
}

.content .bgc-Borange {
  background-color: #f6ad3a
}

.content .bgc-Bred {
  background-color: #ea5532
}

.content .bgc-Bmagenta {
  background-color: #e9536b
}

.content .bgc-Bpink {
  background-color: #e95098
}

.content .bgc-Bpurple {
  background-color: #a54a98
}

.content .bgc-Bnavy {
  background-color: #4c4398
}

.content .bgc-Bblue {
  background-color: #2b71b8
}

.content .bgc-Bsky {
  background-color: #00b0ec
}

.content .bgc-Bturquoise {
  background-color: #00ada9
}

.content .bgc-Bgreen {
  background-color: #0ba95f
}

.content .bgc-Blime {
  background-color: #a9cf52
}

.content .bgc-DPyellow {
  background-color: #cbbd00
}

.content .bgc-DPorange {
  background-color: #bf7601
}

.content .bgc-DPred {
  background-color: #b60105
}

.content .bgc-DPmagenta {
  background-color: #b5003c
}

.content .bgc-DPpink {
  background-color: #b50165
}

.content .bgc-DPpurple {
  background-color: #740169
}

.content .bgc-DPnavy {
  background-color: #14116e
}

.content .bgc-DPblue {
  background-color: #005293
}

.content .bgc-DPsky {
  background-color: #0081ba
}

.content .bgc-DPturquoise {
  background-color: #007f78
}

.content .bgc-DPgreen {
  background-color: #007c36
}

.content .bgc-DPlime {
  background-color: #6f9b12
}

.content .bgc-Lyellow {
  background-color: #fff89a
}

.content .bgc-Lorange {
  background-color: #fbce8a
}

.content .bgc-Lred {
  background-color: #f39c76
}

.content .bgc-Lmagenta {
  background-color: #f29c9f
}

.content .bgc-Lpink {
  background-color: #f29fc3
}

.content .bgc-Lpurple {
  background-color: #c490bf
}

.content .bgc-Lnavy {
  background-color: #8f82bc
}

.content .bgc-Lblue {
  background-color: #87abda
}

.content .bgc-Lsky {
  background-color: #7ecff5
}

.content .bgc-Lturquoise {
  background-color: #83ccc9
}

.content .bgc-Lgreen {
  background-color: #88c997
}

.content .bgc-Llime {
  background-color: #cce199
}

.content .bgc-DLyellow {
  background-color: #cac04e
}

.content .bgc-DLorange {
  background-color: #c39043
}

.content .bgc-DLred {
  background-color: #ba5536
}

.content .bgc-DLmagenta {
  background-color: #ba5460
}

.content .bgc-DLpink {
  background-color: #ba5584
}

.content .bgc-DLpurple {
  background-color: #8c4b82
}

.content .bgc-DLnavy {
  background-color: #4e4282
}

.content .bgc-DLblue {
  background-color: #3970a2
}

.content .bgc-DLsky {
  background-color: #1894be
}

.content .bgc-DLturquoise {
  background-color: #1d928f
}

.content .bgc-DLgreen {
  background-color: #218f59
}

.content .bgc-DLlime {
  background-color: #8ea953
}

.content .bgc-VPyellow {
  background-color: #fffded
}

.content .bgc-VPorange {
  background-color: #fef5e8
}

.content .bgc-VPred {
  background-color: #feede3
}

.content .bgc-VPmagenta {
  background-color: #fdedec
}

.content .bgc-VPpink {
  background-color: #fdeff5
}

.content .bgc-VPpurple {
  background-color: #f3eaf4
}

.content .bgc-VPnavy {
  background-color: #e8e6f3
}

.content .bgc-VPblue {
  background-color: #e9eef9
}

.content .bgc-VPsky {
  background-color: #eaf6fe
}

.content .bgc-VPturquoise {
  background-color: #eaf5f4
}

.content .bgc-VPgreen {
  background-color: #ebf5eb
}

.content .bgc-VPlime {
  background-color: #ebf5eb
}

.content .bgc-DGyellow {
  background-color: #675f00
}

.content .bgc-DGorange {
  background-color: #633c00
}

.content .bgc-DGred {
  background-color: #5f0100
}

.content .bgc-DGmagenta {
  background-color: #5f0017
}

.content .bgc-DGpink {
  background-color: #600033
}

.content .bgc-DGpurple {
  background-color: #3e0036
}

.content .bgc-DGnavy {
  background-color: #08003a
}

.content .bgc-DGblue {
  background-color: #00274f
}

.content .bgc-DGsky {
  background-color: #004462
}

.content .bgc-DGturquoise {
  background-color: #004340
}

.content .bgc-DGgreen {
  background-color: #004215
}

.content .bgc-DGlime {
  background-color: #395104
}

.content .bgc-white {
  background-color: #fff;
  margin-top: 20px;
}

.content .bgc-VLgray {
  background-color: #d8d8d8
}

.content .bgc-Lgray {
  background-color: #b2b2b2
}

.content .bgc-gray {
  background-color: #8c8c8c
}

.content .bgc-Dgray {
  background-color: #656565
}

.content .bgc-VDgray {
  background-color: #3f3f3f
}

.content .bgc-black {
  background-color: #191919
}

.content .brc-Vyellow {
  border-color: #fff100
}

.content .brc-Vorange {
  border-color: #f49801
}

.content .brc-Vred {
  border-color: #e60112
}

.content .brc-Vmagenta {
  border-color: #e5004f
}

.content .brc-Vpink {
  border-color: #e4017f
}

.content .brc-Vpurple {
  border-color: #920883
}

.content .brc-Vnavy {
  border-color: #1c1e84
}

.content .brc-Vblue {
  border-color: #0068b7
}

.content .brc-Vsky {
  border-color: #00a0e9
}

.content .brc-Vturquoise {
  border-color: #009e96
}

.content .brc-Vgreen {
  border-color: #094
}

.content .brc-Vlime {
  border-color: #8ec31f
}

.content .brc-Byellow {
  border-color: #fff338
}

.content .brc-Borange {
  border-color: #f6ad3a
}

.content .brc-Bred {
  border-color: #ea5532
}

.content .brc-Bmagenta {
  border-color: #e9536b
}

.content .brc-Bpink {
  border-color: #e95098
}

.content .brc-Bpurple {
  border-color: #a54a98
}

.content .brc-Bnavy {
  border-color: #4c4398
}

.content .brc-Bblue {
  border-color: #2b71b8
}

.content .brc-Bsky {
  border-color: #00b0ec
}

.content .brc-Bturquoise {
  border-color: #00ada9
}

.content .brc-Bgreen {
  border-color: #0ba95f
}

.content .brc-Blime {
  border-color: #a9cf52
}

.content .brc-DPyellow {
  border-color: #cbbd00
}

.content .brc-DPorange {
  border-color: #bf7601
}

.content .brc-DPred {
  border-color: #f2b5d3
}

.content .brc-DPmagenta {
  border-color: #b5003c
}

.content .brc-DPpink {
  border-color: #b50165
}

.content .brc-DPpurple {
  border-color: #740169
}

.content .brc-DPnavy {
  border-color: #14116e
}

.content .brc-DPblue {
  border-color: #373737
}

.content .brc-DPsky {
  border-color: #0081ba
}

.content .brc-DPturquoise {
  border-color: #007f78
}

.content .brc-DPgreen {
  border-color: #007c36
}

.content .brc-DPlime {
  border-color: #6f9b12
}

.content .brc-Lyellow {
  border-color: #fff89a
}

.content .brc-Lorange {
  border-color: #fbce8a
}

.content .brc-Lred {
  border-color: #f39c76
}

.content .brc-Lmagenta {
  border-color: #f29c9f
}

.content .brc-Lpink {
  border-color: #f29fc3
}

.content .brc-Lpurple {
  border-color: #c490bf
}

.content .brc-Lnavy {
  border-color: #8f82bc
}

.content .brc-Lblue {
  border-color: #87abda
}

.content .brc-Lsky {
  border-color: #7ecff5
}

.content .brc-Lturquoise {
  border-color: #83ccc9
}

.content .brc-Lgreen {
  border-color: #88c997
}

.content .brc-Llime {
  border-color: #cce199
}

.content .brc-DLyellow {
  border-color: #cac04e
}

.content .brc-DLorange {
  border-color: #c39043
}

.content .brc-DLred {
  border-color: #ba5536
}

.content .brc-DLmagenta {
  border-color: #ba5460
}

.content .brc-DLpink {
  border-color: #ba5584
}

.content .brc-DLpurple {
  border-color: #8c4b82
}

.content .brc-DLnavy {
  border-color: #4e4282
}

.content .brc-DLblue {
  border-color: #3970a2
}

.content .brc-DLsky {
  border-color: #1894be
}

.content .brc-DLturquoise {
  border-color: #1d928f
}

.content .brc-DLgreen {
  border-color: #218f59
}

.content .brc-DLlime {
  border-color: #8ea953
}

.content .brc-VPyellow {
  border-color: #fffded
}

.content .brc-VPorange {
  border-color: #fef5e8
}

.content .brc-VPred {
  border-color: #feede3
}

.content .brc-VPmagenta {
  border-color: #fdedec
}

.content .brc-VPpink {
  border-color: #fdeff5
}

.content .brc-VPpurple {
  border-color: #f3eaf4
}

.content .brc-VPnavy {
  border-color: #e8e6f3
}

.content .brc-VPblue {
  border-color: #e9eef9
}

.content .brc-VPsky {
  border-color: #eaf6fe
}

.content .brc-VPturquoise {
  border-color: #eaf5f4
}

.content .brc-VPgreen {
  border-color: #ebf5eb
}

.content .brc-VPlime {
  border-color: #ebf5eb
}

.content .brc-DGyellow {
  border-color: #675f00
}

.content .brc-DGorange {
  border-color: #633c00
}

.content .brc-DGred {
  border-color: #5f0100
}

.content .brc-DGmagenta {
  border-color: #5f0017
}

.content .brc-DGpink {
  border-color: #600033
}

.content .brc-DGpurple {
  border-color: #3e0036
}

.content .brc-DGnavy {
  border-color: #08003a
}

.content .brc-DGblue {
  border-color: #00274f
}

.content .brc-DGsky {
  border-color: #004462
}

.content .brc-DGturquoise {
  border-color: #004340
}

.content .brc-DGgreen {
  border-color: #004215
}

.content .brc-DGlime {
  border-color: #395104
}

.content .brc-white {
  border-color: #fff
}

.content .brc-VLgray {
  border-color: #d8d8d8
}

.content .brc-Lgray {
  border-color: #b2b2b2
}

.content .brc-gray {
  border-color: #8c8c8c
}

.content .brc-Dgray {
  border-color: #656565
}

.content .brc-VDgray {
  border-color: #3f3f3f
}

.content .brc-black {
  border-color: #191919
}

.content .adPost {
  width: 100%;
  overflow: hidden;
  padding: 0 10px;
  background-color: #F2F2F2;
  background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 6px 6px
}

.content .adPost__title {
  font-size: 1.2rem;
  padding: 10px 0;
  display: block;
  font-weight: normal;
  text-align: center
}

.content .youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 2rem auto 0 auto
}

.content .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.content .twitter-tweet,
.content .instagram-media {
  width: 500px !important;
  max-width: 100% !important;
  margin: 2rem auto 0 auto !important
}

.content .es-Bwhole {
  margin-top: -20px
}

.content .contactTable {
  width: 100%;
  margin-top: 20px;
  border: 0;
  background: none
}

.content .contactTable .contactTable__header {
  width: 100%;
  display: block;
  padding: 0 0 10px 0;
  vertical-align: top;
  line-height: 1.5;
  border: 0;
  background: none;
  color: #191919
}

.content .contactTable .contactTable__header .required {
  display: inline-block;
  margin-left: 10px;
  text-align: center;
  padding: 3px 5px;
  font-size: 1.2rem;
  background: #C1272D;
  color: #fff;
  border-radius: 5px
}

.content .contactTable .contactTable__data {
  width: 100%;
  display: block;
  padding: 0 0 20px 0;
  vertical-align: top;
  line-height: 1.5;
  border: 0;
  background: none
}

.content .contactTable .contactTable__data .error {
  display: block;
  font-size: 1.2rem;
  color: #B70000;
  padding: 3px 0
}

.content .contactTable .contactTable__data input,
.content .contactTable .contactTable__data textarea {
  width: 100%;
  display: block;
  border: none;
  padding: 10px;
  border-radius: 5px;
  background: #F2F2F2;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.content .contactForm__error {
  display: block;
  font-size: 1.4rem;
  color: #B70000;
  margin-bottom: 10px
}

.content .writers {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0
}

.content .writers__box {
  margin: 20px 0 0 0;
  background: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.content .writers__title {
  display: flex;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}

.content .writers__img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  vertical-align: bottom
}

.content .writers__name {
  margin: 0 0 0 20px;
  font-weight: bold
}

.content .writers__group {
  display: block;
  font-weight: normal;
  font-size: 1.2rem
}

.content .writers__description {
  display: block;
  margin-top: 0;
  padding: 20px;
  font-size: 1.2rem
}

.content .passForm {
  display: flex
}

.content .passForm__input {
  border: 2px solid #d8d8d8;
  width: calc(100% - 8rem);
  padding: 10px;
  -webkit-appearance: none;
  border-radius: 0
}

.content .passForm__btn {
  width: 8rem;
  cursor: pointer;
  text-align: center;
  background: #f2f2f2;
  border-left: 0;
  border-right: 2px solid #d8d8d8;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  padding: 10px
}

.content .passForm__btn:hover {
  background: #a83f3f;
  color: #fff
}

.content .archiveScode {
  border-top: 1px dotted rgba(0, 0, 0, 0.10)
}

.content .archiveScode-rank {
  counter-reset: number
}

.content .archiveScode__item {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.10);
  padding: 20px 0;
  margin: 0
}

.content .archiveScode-rank .archiveScode__item:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background: #bfbfbf;
  color: #FFF;
  font-size: 1.2rem;
  z-index: 5
}

.content .archiveScode-rank .archiveScode__item:nth-child(1):before {
  background: #ecd357
}

.content .archiveScode-rank .archiveScode__item:nth-child(2):before {
  background: #a9c6d5
}

.content .archiveScode-rank .archiveScode__item:nth-child(3):before {
  background: #c58459
}

.content .archiveScode__item .eyecatch {
  width: 100px;
  float: left;
  margin: 0
}

.content .archiveScode__contents {
  width: calc(100% - 120px);
  float: right;
  margin: 0
}

.content .archiveScode__contents .heading {
  margin-top: 0;
  margin-bottom: 5px
}

.content .archiveScode__contents .phrase {
  margin-top: 0
}

.content .wp-embedded-content {
  width: 100%
}

.content .blogcard {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.10);
  padding: 20px;
  overflow: hidden;
  border-radius: 5px
}

.content .blogcard__subtitle {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.05);
  padding: 5px 10px;
  font-size: 1.2rem;
  border-radius: 0 0 5px 0;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.content .blogcard__subtitle::before {
  margin-right: 5px
}

.content .blogcard__contents {
  float: left;
  width: 70%;
  max-width: calc(100% - 115px);
  margin-top: 2.5rem
}

.content .blogcard__contents .heading {
  margin-bottom: 0
}

.content .blogcard__contents .phrase {
  display: none;
  margin-bottom: 0
}

.content .blogcard .eyecatch {
  float: right;
  width: calc(30% - 15px);
  min-width: 100px;
  margin-left: 15px;
  margin-top: 2.5rem;
  margin-bottom: 0
}

.content .blogcard .eyecatch img {
  max-width: 100%
}

.content .afTagBox {
  position: relative;
  border: 5px solid rgba(0, 0, 0, 0.05);
  background: #FFF;
  padding: 20px;
  overflow: hidden
}

.content .afTagBox-noFormat {
  padding-top: 65px
}

.content .afTagBox__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  padding-bottom: 10px
}

.content .afTagBox__title {
  font-size: 1.6rem;
  font-weight: bold
}

.content .afTagBox__star {
  margin-top: 0;
  font-size: 1.4rem;
  color: #FC0
}

.content .afTagBox__star-number__1:before {
  font-family: "icomoon";
  content: "\e9da \e9d8 \e9d8 \e9d8 \e9d8"
}

.content .afTagBox__star-number__2:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9d8 \e9d8 \e9d8"
}

.content .afTagBox__star-number__3:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9da \e9d8 \e9d8"
}

.content .afTagBox__star-number__4:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9da \e9da \e9d8"
}

.content .afTagBox__star-number__5:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9da \e9da \e9da"
}

.content .afTagBox__number {
  color: #7F7F7F;
  font-size: 1.2rem
}

.content .afTagBox__number::before {
  content: "［"
}

.content .afTagBox__number::after {
  content: "］"
}

.content .afTagBox__contentBox {
  text-align: center
}

.content .afTagBox__banner {
  margin: auto
}

.content .afTagBox__banner img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

.content .afTagBox__text {
  text-align: left;
  margin-top: 10px
}

.content .afTagBox__content {}

.content .afTagBox__btnList a:nth-child(2) {
  margin-top: 10px
}

.content .afTagBox__btnDetail {
  background: #076DA5
}

.content .afTagBox__btnAf {
  background: #a83f3f
}

.content .afTagBox__btnDetail,
.content .afTagBox__btnAf {
  display: block;
  position: relative;
  padding: 15px 40px;
  text-align: center;
  border-radius: 5px;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal;
  transition: .15s
}

.content .afTagBox__btnDetail::before,
.content .afTagBox__btnAf::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg)
}

.content .afTagBox__btnDetail::after,
.content .afTagBox__btnAf::after {
  content: "";
  position: absolute;
  top: -50px;
  left: -100px;
  background: #fff;
  width: 50px;
  height: calc(100% + 100px);
  opacity: 0.1;
  transform: rotate(45deg);
  transition: .3s
}

.content .afTagBox__btnDetail:hover::after,
.content .afTagBox__btnAf:hover::after {
  left: calc(100% + 50px)
}

.content .afTagBox__btnDetail:active,
.content .afTagBox__btnAf:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.content .afRank {
  background: none;
  border: none;
  padding: 0;
  box-shadow: none;
  counter-reset: number
}

.content .afRank::before {
  content: normal
}

.content .afRank::after {
  content: normal
}

.content .afRank li {
  background: none;
  border: none;
  padding: 0;
  margin-top: 2rem
}

.content .afRank li::before {
  font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  counter-increment: number;
  content: counter(number);
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: center;
  background-color: #bfbfbf;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2.25rem;
  color: #FFF;
  font-weight: bold;
  z-index: 5;
  transform: scale(1);
  top: 20px;
  font-size: 2rem;
  left: 20px
}

.content .afRank li::after {
  content: normal
}

.content .afRank li:first-child {
  margin-top: 0
}

.content .afRank li:nth-child(1)::before {
  border-radius: 0;
  background-color: transparent
}

.content .afRank li:nth-child(2)::before {
  border-radius: 0;
  background-color: transparent
}

.content .afRank li:nth-child(3)::before {
  border-radius: 0;
  background-color: transparent
}

.content .afRank__crown_1 li:nth-child(1)::before {
  background-image: url(img/rank1-01.png);
  line-height: 5.5rem
}

.content .afRank__crown_1 li:nth-child(2)::before {
  background-image: url(img/rank1-02.png);
  line-height: 5.5rem
}

.content .afRank__crown_1 li:nth-child(3)::before {
  background-image: url(img/rank1-03.png);
  line-height: 5.5rem
}

.content .afRank__crown_2 li:nth-child(1)::before {
  background-image: url(img/rank2-01.png)
}

.content .afRank__crown_2 li:nth-child(2)::before {
  background-image: url(img/rank2-02.png)
}

.content .afRank__crown_2 li:nth-child(3)::before {
  background-image: url(img/rank2-03.png)
}

.content .afRank__crown_3 li:nth-child(1)::before {
  background-image: url(img/rank3-01.png);
  line-height: 3.7rem
}

.content .afRank__crown_3 li:nth-child(2)::before {
  background-image: url(img/rank3-02.png);
  line-height: 3.7rem
}

.content .afRank__crown_3 li:nth-child(3)::before {
  background-image: url(img/rank3-03.png);
  line-height: 3.7rem
}

.content .afRank__crown_4 li:nth-child(1)::before {
  background-image: url(img/rank4-01.png);
  color: #edc729
}

.content .afRank__crown_4 li:nth-child(2)::before {
  background-image: url(img/rank4-02.png);
  color: #a6c2d0
}

.content .afRank__crown_4 li:nth-child(3)::before {
  background-image: url(img/rank4-03.png);
  color: #be8057
}

.content .afRank__crown_5 li:nth-child(1)::before {
  background-image: url(img/rank5-01.png);
  line-height: 4.8rem
}

.content .afRank__crown_5 li:nth-child(2)::before {
  background-image: url(img/rank5-02.png);
  line-height: 4.8rem
}

.content .afRank__crown_5 li:nth-child(3)::before {
  background-image: url(img/rank5-03.png);
  line-height: 4.8rem
}

.content .afRank .afTagBox__header {
  padding-left: 55px
}

.widget .content ul.menu {
  border-top: 0;
  font-size: 1.4rem
}

.content ul.menu li a {
  color: #191919
}

.rankingBox {
  position: relative;
  padding-top: 40px;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5) inset
}

.rankingBox__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 14rem;
  background: #a83f3f;
  z-index: -1
}

.rankingBox__inner {
  overflow-x: auto;
  overflow-y: hidden
}

.rankingBox__list {
  display: table;
  border-spacing: 15px 0;
  list-style: none;
  counter-reset: number;
  margin: 0 -15px 20px -15px
}

.rankingBox__item {
  display: table-cell;
  vertical-align: top;
  position: relative;
  min-width: 260px;
  max-width: 260px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: #fff
}

.rankingBox__item:last-child {
  margin-right: 0
}

.rankingBox__item:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background: #bfbfbf;
  color: #FFF;
  z-index: 5
}

.rankingBox__item:nth-child(1):before {
  background: #ecd357
}

.rankingBox__item:nth-child(2):before {
  background: #a9c6d5
}

.rankingBox__item:nth-child(3):before {
  background: #c58459
}

.rankingBox__contents {
  padding: 10px 20px
}

.rankingBox__inner::-webkit-scrollbar {
  height: 10px
}

.rankingBox__inner::-webkit-scrollbar-track {
  box-shadow: 0 0 6px rgba(0, 0, 0, .3) inset;
  background-color: #f2f2f2;
  border-radius: 10px
}

.rankingBox__inner::-webkit-scrollbar-thumb {
  box-shadow: 0 0 6px rgba(0, 0, 0, .3) inset;
  background-color: #3f3f3f;
  border-radius: 10px
}

.categoryBox {
  background: rgba(0, 0, 0, .05);
  padding-top: 40px;
  padding-bottom: 10px
}

.categoryBox__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none
}

.categoryBox__item {
  width: calc(50% - 7.5px);
  margin-bottom: 20px
}

.categoryBox__title {
  color: #a83f3f;
  border-top: 1px solid;
  font-size: 1.5rem
}

.categoryBox__titleLink {
  position: relative;
  display: block;
  padding: 15px 0
}

.categoryBox__titleLink::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  border-right: 1px solid;
  transform: rotate(45deg);
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  transition: .5s
}

.categoryBox__titleLink:hover::before {
  transform: rotate(765deg);
  width: 10px;
  height: 10px;
  margin-top: -5px
}

.commonCtr {
  position: relative;
  width: 100%;
  height: auto
}

.commonCtr__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -10;
  overflow: hidden
}

.commonCtr__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.commonCtr__container {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0
}

.commonCtr__contents {
  width: 100%;
  margin-bottom: 20px;
  z-index: 9
}

.commonCtr__image img {
  width: 100%;
  height: auto
}

.snsFooter {
  background: #a83f3f;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5) inset
}

.snsFooter__list {
  list-style: none;
  text-align: center
}

.snsFooter__item {
  display: inline-block;
  color: #fff;
  margin: 10px 0
}

.snsFooter__link {
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  transition: .15s
}

.snsFooter__link:hover {
  background: rgba(255, 255, 255, 0.15)
}

.bottomFooter {
  position: relative;
  background: #3d4060;
  padding: 40px 0
}

.bottomFooter__navi {
  margin-bottom: 20px
}

.bottomFooter__list {
  list-style: none;
  text-align: center
}

.bottomFooter__list li {
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700
}

.bottomFooter__list li a {
  display: block;
  margin: 0 10px;
  line-height: 1.5;
  border-bottom: 2px solid transparent;
  transition: .15s
}

.bottomFooter__list li a:hover {
  animation: flash 1s;
  border-color: #fff
}

.bottomFooter__copyright {
  text-align: center;
  color: #BFBFBF;
  letter-spacing: 0.5px;
  line-height: 1.75
}

.bottomFooter__producer {
  text-align: center;
  color: #BFBFBF;
  letter-spacing: 0.5px;
  line-height: 1.75
}

.bottomFooter__link {
  font-weight: bold;
  color: #fff;
  transition: .15s
}

.bottomFooter__link:hover {
  animation: flash 1s;
  border-bottom: 1px solid
}

.bottomFooter__topBtn {
  position: fixed;
  bottom: 32px;
  right: 24px;
  display: block;
  background-color: #e8d3ca;
  border-radius: 25px;
  color: #fff;
  width: 50px;
  height: 54px;
  z-index: 999;
  background-size: 100%;
}

.bottomFooter__topBtn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transform: rotate(-45deg);
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 3px solid;
  border-right: 3px solid;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 2.0);
}

@media (min-width: 769px) {
  .bottomFooter__topBtn:hover:before {
    bottom: 36%;
  }
}

.controllerFooter {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 999
}

.controllerFooter-shadow {
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15)
}

.controllerFooter-border {
  border-top: 1px solid rgba(0, 0, 0, 0.10)
}

.controllerFooter__list {
  list-style: none;
  display: flex
}

.controllerFooter__item {
  padding: 8px 0;
  text-align: center;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.5);
  width: 100%
}

.controllerFooter__item:last-child {
  background: #a83f3f;
  color: rgba(255, 255, 255, 0.5)
}

.controllerFooter__item i {
  display: block;
  font-size: 20px;
  margin-bottom: 3px
}

.controllerFooter__item a {
  display: block
}

.controllerFooter__menuLabel {
  display: block
}

.controllerFooter__checkbox {
  display: none
}

.controllerFooter__unshown {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  animation: fade .3s
}

.controllerFooter__checkbox:checked~.controllerFooter__unshown {
  display: block
}

.controllerFooter__content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #fff;
  width: 90%;
  max-width: 780px;
  height: auto;
  z-index: 9999;
  margin: 0 auto;
  transition: .3s;
  transform: translateY(-110%);
  text-align: center;
  color: #191919
}

.controllerFooter__contentInner {
  text-align: left;
  font-size: 1.2rem
}

.controllerFooter__checkbox:checked~.controllerFooter__content {
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 4px rgba(0, 0, 0, .15);
  padding: 20px 15px;
  overflow: visible
}

.controllerFooter__close {
  position: absolute;
  top: -10px;
  right: -10px;
  font-family: "Fjalla One";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  background: #191919;
  color: #fff;
  border-radius: 50%;
  cursor: pointer
}

.controllerFooter__close:hover {
  color: #a83f3f
}

.controllerFooter__close i {
  font-size: 1rem;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 2px
}

.widgetTab {
  background-color: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0.10);
  border-right: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  width: 100%;
  margin: 0 auto
}

.widgetTab__menu {
  display: flex
}

.widgetTab__item {
  flex: 1;
  padding: 10px;
  height: auto;
  vertical-align: middle;
  background: #f2f2f2;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  border-left: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  line-height: 1.5;
  text-align: center;
  display: block;
  float: left;
  font-size: 1.2rem;
  font-weight: bold;
  transition: .3s;
  cursor: pointer
}

.widgetTab__item:first-child {
  border-left: 0
}

.widgetTab__item:hover {
  background: #fff;
  border-top: 2px solid #a83f3f
}

input[name="widgetTab__item"] {
  display: none
}

.widgetTab__content {
  display: none;
  width: 100%;
  padding: 0 20px 20px 20px;
  overflow: hidden
}

.widgetTab__content.current {
  display: block
}

.widgetTab__item.current {
  background: #fff;
  border-top: 2px solid #a83f3f;
  border-bottom: 1px solid #fff
}

.widget>.widgetAfRank {
  counter-reset: number;
  border: 0
}

.widgetAfRank::before {
  content: normal
}

.widgetAfRank::after {
  content: normal
}

.widgetAfRank li {
  margin-top: 2rem
}

.widgetAfRank li::before {
  position: absolute;
  font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  counter-increment: number;
  content: counter(number);
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: center;
  background-color: #bfbfbf;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2.25rem;
  color: #FFF;
  font-weight: bold;
  z-index: 5;
  transform: scale(1);
  top: 0;
  left: 0;
  font-size: 2rem
}

.widgetAfRank li::after {
  content: normal
}

.widgetAfRank li:first-child {
  margin-top: 0
}

.widgetAfRank li:nth-child(1)::before {
  border-radius: 0;
  background-color: transparent
}

.widgetAfRank li:nth-child(2)::before {
  border-radius: 0;
  background-color: transparent
}

.widgetAfRank li:nth-child(3)::before {
  border-radius: 0;
  background-color: transparent
}

.widgetAfRank__crown_1 li:nth-child(1)::before {
  background-image: url(img/rank1-01.png);
  line-height: 5.5rem
}

.widgetAfRank__crown_1 li:nth-child(2)::before {
  background-image: url(img/rank1-02.png);
  line-height: 5.5rem
}

.widgetAfRank__crown_1 li:nth-child(3)::before {
  background-image: url(img/rank1-03.png);
  line-height: 5.5rem
}

.widgetAfRank__crown_2 li:nth-child(1)::before {
  background-image: url(img/rank2-01.png)
}

.widgetAfRank__crown_2 li:nth-child(2)::before {
  background-image: url(img/rank2-02.png)
}

.widgetAfRank__crown_2 li:nth-child(3)::before {
  background-image: url(img/rank2-03.png)
}

.widgetAfRank__crown_3 li:nth-child(1)::before {
  background-image: url(img/rank3-01.png);
  line-height: 3.7rem
}

.widgetAfRank__crown_3 li:nth-child(2)::before {
  background-image: url(img/rank3-02.png);
  line-height: 3.7rem
}

.widgetAfRank__crown_3 li:nth-child(3)::before {
  background-image: url(img/rank3-03.png);
  line-height: 3.7rem
}

.widgetAfRank__crown_4 li:nth-child(1)::before {
  background-image: url(img/rank4-01.png);
  color: #edc729
}

.widgetAfRank__crown_4 li:nth-child(2)::before {
  background-image: url(img/rank4-02.png);
  color: #a6c2d0
}

.widgetAfRank__crown_4 li:nth-child(3)::before {
  background-image: url(img/rank4-03.png);
  color: #be8057
}

.widgetAfRank__crown_5 li:nth-child(1)::before {
  background-image: url(img/rank5-01.png);
  line-height: 4.8rem
}

.widgetAfRank__crown_5 li:nth-child(2)::before {
  background-image: url(img/rank5-02.png);
  line-height: 4.8rem
}

.widgetAfRank__crown_5 li:nth-child(3)::before {
  background-image: url(img/rank5-03.png);
  line-height: 4.8rem
}

.widgetAfRank .widgetAfTag__header {
  padding-left: 55px
}

.widgetAfTag {
  position: relative;
  overflow: hidden
}

.widgetAfTag__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  padding: 15px 0 15px 0;
  min-height: 55px;
  margin-bottom: 10px
}

.widgetAfTag__title {
  font-size: 1.5rem;
  font-weight: bold
}

.widgetAfTag__star {
  margin-top: 0;
  font-size: 1.4rem;
  color: #FC0
}

.widgetAfTag__star-number__1:before {
  font-family: "icomoon";
  content: "\e9da \e9d8 \e9d8 \e9d8 \e9d8"
}

.widgetAfTag__star-number__2:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9d8 \e9d8 \e9d8"
}

.widgetAfTag__star-number__3:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9da \e9d8 \e9d8"
}

.widgetAfTag__star-number__4:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9da \e9da \e9d8"
}

.widgetAfTag__star-number__5:before {
  font-family: "icomoon";
  content: "\e9da \e9da \e9da \e9da \e9da"
}

.widgetAfTag__number {
  color: #7F7F7F;
  font-size: 1.2rem
}

.widgetAfTag__number::before {
  content: "［"
}

.widgetAfTag__number::after {
  content: "］"
}

.widgetAfTag__contentBox {
  display: flex;
  margin-bottom: 10px
}

.widgetAfTag__banner {
  margin: 0;
  width: 35%
}

.widgetAfTag__banner img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

.widgetAfTag__text {
  margin: 0 0 0 10px;
  width: 65%;
  text-align: left;
  line-height: 1.5
}

.widgetAfTag__btnList a:nth-child(2) {
  margin-top: 5px
}

.widgetAfTag__btnDetail {
  background: #076DA5
}

.widgetAfTag__btnAf {
  background: #a83f3f
}

.widgetAfTag__btnDetail,
.widgetAfTag__btnAf {
  display: block;
  position: relative;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  border: none;
  border-bottom: solid 3px rgba(0, 0, 0, 0.25);
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  line-height: normal;
  transition: .15s
}

.widgetAfTag__btnDetail::before,
.widgetAfTag__btnAf::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg)
}

.widgetAfTag__btnDetail::after,
.widgetAfTag__btnAf::after {
  content: "";
  position: absolute;
  top: -50px;
  left: -100px;
  background: #fff;
  width: 50px;
  height: calc(100% + 100px);
  opacity: 0.1;
  transform: rotate(45deg);
  transition: .3s
}

.widgetAfTag__btnDetail:hover::after,
.widgetAfTag__btnAf:hover::after {
  left: calc(100% + 50px)
}

.widgetAfTag__btnDetail:active,
.widgetAfTag__btnAf:active {
  transform: translateY(3px);
  border-bottom: solid 3px transparent
}

.widget.widget_categories ul .children,
.widget.widget_nav_menu ul.menu .sub-menu {
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.widget.widget_categories ul .children li,
.widget.widget_nav_menu ul.menu .sub-menu li {
  border-top: 1px solid rgba(168, 63, 63, .15)
}

.widget.widget_categories ul .children li .children li,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li {
  border: none
}

.widget.widget_categories ul .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child {
  border-top: 1px solid rgba(168, 63, 63, .15)
}

.widget.widget_categories ul .children li .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li .sub-menu li:first-child {
  border: none
}

.widget.widget_categories ul .children a,
.widget.widget_nav_menu ul.menu .sub-menu a {
  color: rgba(0, 0, 0, 0.75);
  background: #fff
}

.widget.widget_categories ul .children a:hover,
.widget.widget_nav_menu ul.menu .sub-menu a:hover,
.widget.widget_categories ul .children .current-menu-item a,
.widget.widget_nav_menu ul.menu .sub-menu .current-menu-item a {
  background: #fff;
  color: #a83f3f
}

.widget.widget_categories ul .children li .children a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu a {
  padding: 5px 10px 5px 30px;
  border: none
}

.widget.widget_categories ul .children li .children li:first-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child a {
  padding-top: 15px
}

.widget.widget_categories ul .children li .children li:last-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:last-child a {
  padding-bottom: 15px
}

.widget.widget_categories ul li .children li a:before,
.widget.widget_nav_menu ul.menu li .sub-menu li a:before {
  content: "\ea57";
  color: #a83f3f
}

.widget.widget_categories ul li .children li .children li a:before,
.widget.widget_nav_menu ul.menu li .sub-menu li .sub-menu li a:before {
  content: "\ea55"
}

.widget img {
  max-width: 100%;
  height: auto
}

.widget ul li {
  position: relative;
  list-style: none;
}

.widget ul li a.widgetAfTag__btnDetail:hover,
.widget ul li a.widgetAfTag__btnAf:hover,
.widget ul li a.afTagBox__btnDetail:hover,
.widget ul li a.afTagBox__btnAf:hover {
  color: #fff
}

.widget .screen-reader-text {
  display: none
}

.widget select {
  border: 2px solid #d8d8d8;
  width: 100%;
  padding: 10px;
  border-radius: 0
}

.widget select:hover {
  border-color: #a83f3f
}

.widget.widget_recent_entries ul li {
  display: block;
  border-bottom: dotted 1px rgba(0, 0, 0, 0.10);
  line-height: 1.5;
  padding: 15px 10px
}

.widget.widget_recent_entries ul li a {
  display: inline-block
}

.widget.widget_recent_entries .post-date {
  display: block;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 5px;
  font-weight: normal
}

.widget.widget_recent_entries .post-date::before {
  font-family: "icomoon";
  content: "\e957";
  margin-right: 5px;
  line-height: 1
}

.widget.widget_recent_comments ul li {
  display: block;
  border-bottom: dotted 1px rgba(0, 0, 0, 0.10);
  line-height: 1.5;
  padding: 15px 10px
}

.widget.widget_recent_comments ul li a {
  display: inline-block
}

.widget.widget_rss .rss-widget-icon {
  display: none
}

.widget.widget_rss ul li {
  display: block;
  border-bottom: dotted 1px rgba(0, 0, 0, 0.10);
  line-height: 1.5;
  padding: 15px 10px
}

.widget.widget_rss ul li a {
  display: inline-block
}

.widget.widget_rss .rsswidget {
  font-weight: 700;
  display: inline-block
}

.widget.widget_rss .rsswidget:hover {
  color: #a83f3f
}

.widget.widget_rss .rss-date {
  display: block;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 5px;
  font-weight: normal
}

.widget.widget_rss .rss-date::before {
  font-family: "icomoon";
  content: "\e957";
  margin-right: 5px;
  line-height: 1
}

.widget.widget_rss .rssSummary {
  color: rgba(0, 0, 0, 0.75);
  margin-top: 10px;
  line-height: 1.85;
  font-size: 1.2rem
}

.widget.widget_rss cite {
  display: block;
  margin-top: 10px
}

.widget.widget_media_image .wp-caption {
  max-width: 100%
}

.widget.widget_tag_cloud .tagcloud {
  margin-bottom: -5px
}

.widget.widget_tag_cloud a {
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 5px;
  display: inline-block;
  padding: 10px;
  margin: 0 5px 5px 0;
  font-size: 1.2rem !important;
  transition: .15s;
  line-height: 1.35
}

.widget.widget_tag_cloud a:hover {
  background: #a83f3f;
  color: #fff
}

.widget.widget_tag_cloud a::before {
  font-family: "icomoon";
  content: "\e93e";
  margin-right: 5px;
  font-size: 1rem
}

.adWidget {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: auto;
  padding: 0 10px;
  background-color: #F2F2F2;
  background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 6px 6px
}

.adWidget-no {
  padding: 0;
  background: transparent
}

.adWidget__title {
  font-size: 1.2rem;
  padding: 10px 0;
  display: block
}

.adWidget-no {}

.qrWidget {
  width: 100%;
  text-align: center
}

.qrWidget_img {
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.qrWidget__text {
  color: rgba(0, 0, 0, 0.75);
  line-height: 1.85;
  text-align: center
}

.widget.widget_calendar .calendar_wrap {
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1)
}

.widget.widget_calendar .calendar_wrap table {
  width: 100%
}

.widget.widget_calendar .calendar_wrap caption {
  font-size: 1.2rem;
  margin-bottom: 20px
}

.widget.widget_calendar .calendar_wrap thead {
  font-size: 1.2rem
}

.widget.widget_calendar .calendar_wrap thead th {
  padding-bottom: 10px;
  text-align: center
}

.widget.widget_calendar .calendar_wrap tbody {
  color: #7f7f7f
}

.widget.widget_calendar .calendar_wrap tbody td {
  background: #fff;
  border: 1px solid #f8f8f8;
  text-align: center;
  height: 35px;
  line-height: 35px
}

.widget.widget_calendar .calendar_wrap tbody td:hover {
  background: #f8f8f8
}

.widget.widget_calendar .calendar_wrap tbody a {
  display: block;
  font-weight: bold;
  background: #7F7F7F;
  color: #fff !important;
  text-decoration: underline
}

.widget.widget_calendar .calendar_wrap tbody a:hover {
  background: #a83f3f
}

.widget.widget_calendar .calendar_wrap tbody .pad {
  background: none
}

.widget.widget_calendar .calendar_wrap tfoot a {
  text-decoration: underline
}

.widget.widget_calendar .calendar_wrap tfoot #next {
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: right
}

.widget.widget_calendar .calendar_wrap tfoot #prev {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding-top: 10px
}

.widgetCount {
  display: inline-block;
  border-radius: 50%;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  text-align: center;
  margin-left: 10px
}

.widgetProfile {
  text-align: center
}

.widgetProfile__img {
  width: 120px;
  height: 120px;
  margin: 0 auto 10px auto;
  overflow: hidden
}

.widgetProfile__img img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.widgetProfile__name {
  font-size: 1.5rem;
  margin: 0 auto 10px auto
}

.widgetProfile__group {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 auto 20px auto
}

.widgetProfile__text {
  color: rgba(0, 0, 0, 0.75);
  margin: 20px auto;
  line-height: 1.85;
  text-align: left
}

.widgetProfile__sns {
  padding: 20px 17.5px 15px 17.5px;
  margin-top: 20px;
  background: #a83f3f
}

.widgetProfile__snsTitle {
  color: #FFF;
  font-size: 1.4rem;
  margin-bottom: 10px
}

.widgetProfile__snsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.widgetProfile__snsItem {
  margin: 5px 2.5px
}

.widgetProfile__snsItem .widgetProfile__snsLink {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  border: 1px solid;
  transition: .15s
}

.widgetProfile__snsItem .widgetProfile__snsLink:hover {
  color: #fff;
  border-color: transparent
}

.widgetProfile__snsLink:hover.icon-facebook {
  background: #3B5998
}

.widgetProfile__snsLink:hover.icon-twitter {
  background: #00B0ED
}

.widgetProfile__snsLink:hover.icon-instagram {
  background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%)
}

.widgetProfile__snsLink:hover.icon-google-plus {
  background: #DF4A32
}

.widgetProfile__snsLink:hover.icon-youtube {
  background: #cd201f
}

.widgetProfile__snsLink:hover.icon-linkedin {
  background: #0079ba
}

.widgetProfile__snsLink:hover.icon-pinterest {
  background: #ce0f19
}

.widgetArchive {
  list-style-type: none
}

.widgetArchive__item {
  position: relative;
}

.widgetArchive__item.widgetArchive__item-normal a {
  display: flex;
  align-items: center;
}

.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents {
  flex: 1;
  margin-left: 12px
}

.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents-none,
.widgetArchive__item .widgetArchive__contents-none {
  margin-left: 45px
}

.widgetArchive.widgetArchive-rank {
  counter-reset: number
}

.widgetArchive__item.widgetArchive__item-rank:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background: #bfbfbf;
  color: #FFF;
  z-index: 5
}

.widgetArchive__item.widgetArchive__item-rank:nth-child(1):before {
  background: #ecd357
}

.widgetArchive__item.widgetArchive__item-rank:nth-child(2):before {
  background: #a9c6d5
}

.widgetArchive__item.widgetArchive__item-rank:nth-child(3):before {
  background: #c58459
}

.widgetCatTitle {
  position: relative;
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  background: #a83f3f;
  padding: 10px 0;
  margin-bottom: 20px
}

.widgetCatTitle::after {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  content: "";
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.15)
}

.widgetCatTitle__inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 10px;
  background-color: #a83f3f;
  text-align: left
}

.widgetSearch {}

.widgetSearch__flex {
  display: flex
}

.widgetSearch__input {
  border: 2px solid #d8d8d8;
  width: calc(100% - 4rem);
  padding: 10px;
  -webkit-appearance: none;
  border-radius: 0
}

.widgetSearch__input.widgetSearch__input-max {
  width: 100%
}

.widgetSearch__input:hover {
  border-color: #a83f3f
}

.widgetSearch__submit {
  width: 4rem;
  cursor: pointer;
  text-align: center;
  background: #f2f2f2;
  border-left: 0;
  border-right: 2px solid #d8d8d8;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  padding: 10px
}

.widgetSearch__submit:hover {
  background: #a83f3f;
  color: #fff
}

.widgetSearch__word {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  border-top: none
}

.widgetSearch__wordItem {
  margin: 5px 5px 0 0
}

.widgetSearch__wordItem a {
  display: block;
  padding: 5px 10px;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.05);
  border-radius: calc(1rem + 10px);
  transition: .15s
}

.widgetSearch__wordItem a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.75)
}

.widgetSearch__contents {
  width: 100%;
  margin-bottom: 20px
}

.widgetSearch__tag {
  width: 100%;
  margin-bottom: 10px
}

.widgetSearch__select {
  cursor: pointer
}

.widgetSearch__check {
  display: none
}

.widgetSearch__checkLabel {
  position: relative;
  display: inline-block;
  padding-left: 2.5rem;
  margin: 0 10px 10px 0;
  line-height: 2rem;
  cursor: pointer
}

.widgetSearch__checkLabel:after,
.widgetSearch__checkLabel:before {
  content: "";
  position: absolute;
  display: block
}

.widgetSearch__checkLabel:after {
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 2px solid #d8d8d8;
  background: #fff
}

.widgetSearch__checkLabel:hover:after {
  border-color: #a83f3f
}

.widgetSearch__check:checked .widgetSearch__checkLabel:before,
.widgetSearch__check:checked+.widgetSearch__checkLabel:before {
  top: 0.35rem;
  left: 0.75rem;
  width: 0.5rem;
  height: 1rem;
  border-right: 2px solid #a83f3f;
  border-bottom: 2px solid #a83f3f;
  transform: rotate(45deg);
  z-index: 9
}

.t-middle {
  font-size: 68.75%
}

.t-large {
  font-size: 75%
}

.t-headerColor .l-header {
  background: #a83f3f
}

.t-headerColor .siteTitle {
  color: #fff
}

.t-headerColor .searchBtn__link {
  color: #fff
}

.t-headerColor .menuBtn__link {
  color: #fff
}

.t-headerColor .menuBtn__link:hover {}

.t-headerColor .globalNavi::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #a83f3f))
}

.t-headerColor .globalNavi::after {
  color: rgba(255, 255, 255, 0.5)
}

.t-headerColor .globalNavi__list li a {
  color: rgba(255, 255, 255, 0.5)
}

.t-headerColor .globalNavi__list .current_page_item>a,
.t-headerColor .globalNavi__list .current-menu-item>a,
.t-headerColor .globalNavi__list .current-menu-parent>a,
.t-headerColor .globalNavi__list .page_item a:hover {
  border-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9)
}

.t-headerColor .globalNavi__list>li.page_item_has_children>a::before,
.t-headerColor .globalNavi__list>li.menu-item-has-children>a::before {
  border-color: rgba(255, 255, 255, 0.5)
}

.t-headerCenter .siteTitle {
  margin: 0 auto 10px auto;
  padding-top: 5px;
  text-align: center
}

.t-headerCenter .searchBtn {
  left: 0;
  right: auto;
  line-height: 1.25;
  font-size: 16px;
  text-align: center;
  display: block
}

.t-headerCenter .searchBtn__link {
  display: block
}

.t-headerCenter .searchBtn__link::after {
  font-family: "Fjalla One";
  content: "SEARCH";
  font-size: 1rem;
  display: block
}

.t-headerCenter .menuBtn {
  line-height: 1.25;
  font-size: 16px;
  text-align: center
}

.t-headerCenter .menuBtn__link {
  display: block
}

.t-headerCenter .menuBtn__link::after {
  font-family: "Fjalla One";
  content: "MENU";
  font-size: 1rem;
  display: block
}

.t-headerCenter .globalNavi {
  padding-top: 5px
}

.t-logoSp25 .siteTitle__logo {
  height: 25px
}

.t-logoSp30 .siteTitle__logo {
  height: 30px
}

.t-footerFixed {
  padding-bottom: 49px
}

.u-none-pc {
  display: block
}

.u-none-sp {
  display: none
}

.globalNavi.u-none-sp {
  display: none
}

.u-mt-main {
  margin-top: 40px
}

.u-mt-sub {
  margin-top: 30px
}

.u-white {
  color: #fff
}

.u-whiteHalf {
  color: rgba(255, 255, 255, 0.5)
}

.u-bold {
  font-weight: bold
}

.u-clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0
}

.u-shadow {
  background: #fff;
  padding: 15px;
  border-bottom: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}

.u-border {
  background: #fff;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

.u-shadowfix {
  background: #fff;
  padding: 15px;
  border-bottom: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}

.u-borderfix {
  background: #fff;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.10)
}

@keyframes fade {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn1 {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn2 {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn3 {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes flash {
  from {
    opacity: 0.5
  }

  to {
    opacity: 1
  }
}

@keyframes marquee {
  from {
    transform: translate(0%)
  }

  to {
    transform: translate(-100%)
  }
}

@media only screen and (min-width:768px) {
  .l-main-wide1000 {
    width: 1000px;
    margin: auto
  }

  .l-main-wide900 {
    width: 900px;
    margin: auto
  }

  .l-main-wide800 {
    width: 800px;
    margin: auto
  }

  .l-main-wide700 {
    width: 700px;
    margin: auto
  }

  .l-main-right {
    order: 2
  }

  .eyecatch__cat-big a {
    font-size: 1.4rem
  }

  .heading-main {
    font-size: 2.6rem;
    margin-bottom: 30px
  }

  .heading-main span {
    font-size: 1.6rem
  }

  .heading-primary span {
    font-size: 1.6rem
  }

  .heading-sub {
    font-size: 2.2rem;
    margin-bottom: 20px
  }

  .heading-sub span {
    font-size: 1.2rem
  }

  .heading-secondary {
    font-size: 1.6rem
  }

  .heading-slider {
    font-size: 4rem;
    margin-bottom: 20px
  }

  .heading-commonCtr {
    font-size: 2.2rem
  }

  .heading-widgetsimplewide {
    margin: 0 0 20px 0
  }

  .u-shadowfix .heading-widgetsimplewide,
  .u-borderfix .heading-widgetsimplewide {
    margin: -20px -20px 20px -20px
  }

  .heading-widgetwide {
    margin: 0 0 20px 0
  }

  .u-shadowfix .heading-widgetwide,
  .u-borderfix .heading-widgetwide {
    margin: -20px -20px 20px -20px
  }

  .phrase-secondary {
    font-size: 1.2rem
  }

  .phrase-tertiary {
    font-size: 1.4rem
  }

  .phrase-slider {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 40px
  }

  .controller-shadow {
    padding: 20px
  }

  .controller-border {
    padding: 20px
  }

  .controller__viewLabel {
    font-size: 18px
  }

  #viewWide:checked~.archive .archive__item-shadow {
    padding: 20px
  }

  #viewWide:checked~.archive .archive__item-border {
    padding: 20px
  }

  #viewWide:checked~.archive .eyecatch__cat a {
    font-size: 1.4rem
  }

  #viewCard:checked~.archive .archive__item-shadow {
    padding: 15px
  }

  #viewCard:checked~.archive .archive__item-border {
    padding: 15px
  }

  #viewNormal:checked~.archive .archive__item-shadow {
    padding: 15px
  }

  #viewNormal:checked~.archive .archive__item-border {
    padding: 15px
  }

  #viewNormal:checked~.archive .archive__contents .phrase {
    display: block
  }

  #viewWide:checked~.archive .archive__item-infeedPc1 {
    display: block
  }

  #viewCard:checked~.archive .archive__item-infeedPc1 {
    display: none
  }

  #viewNormal:checked~.archive .archive__item-infeedPc1 {
    display: none
  }

  #viewWide:checked~.archive .archive__item-infeedPc2 {
    display: none
  }

  #viewCard:checked~.archive .archive__item-infeedPc2 {
    display: block
  }

  #viewNormal:checked~.archive .archive__item-infeedPc2 {
    display: none
  }

  #viewWide:checked~.archive .archive__item-infeedPc3 {
    display: none
  }

  #viewCard:checked~.archive .archive__item-infeedPc3 {
    display: none
  }

  #viewNormal:checked~.archive .archive__item-infeedPc3 {
    display: block
  }

  .searchBtn__scroll {
    padding: 0 40px
  }

  .searchHead__keyword {
    width: calc(70% - 40px);
    margin: 0 40px 0 0;
    order: 1;
    overflow: visible
  }

  .searchHead__title {
    display: inline-block;
    vertical-align: bottom;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    background: #a83f3f;
    margin: 2px 5px 0 0;
    border-radius: 5px
  }

  .searchHead__keywordList {
    display: inline-block
  }

  .searchHead__keywordItem {
    height: 30px;
    line-height: 30px
  }

  .searchHead__search {
    width: 30%;
    order: 2
  }

  .searchHead__search-100 {
    width: 100%
  }

  .infoHead__text {
    animation: marquee 20s linear 0s infinite
  }

  .still-movie .still__box::before {
    position: absolute;
    font-size: 50px;
    color: #FFF;
    font-family: "icomoon";
    content: "\e98a";
    animation: spin 1.5s linear infinite
  }

  .swiper-slider .swiper-button-next,
  .swiper-slider .swiper-button-prev {
    display: block
  }

  .swiper-slider:hover .swiper-button-next,
  .swiper-slider:hover .swiper-button-prev {
    opacity: 1
  }

  .swiper-carousel .swiper-button-next,
  .swiper-carousel .swiper-button-prev {
    display: block;
    top: 0;
    bottom: calc(40px + 3rem);
    margin: auto 0
  }

  .mbYTP_wrapper {
    display: block
  }

  .pickupHead {
    padding-bottom: 0;
    text-align: left;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5) inset
  }

  .pickupHead .container {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .pickupHead__text {
    width: 300%;
    font-size: 1.8rem
  }

  .pickupHead .btn {
    padding: 20px 0;
    white-space: nowrap;
    margin-left: 20px;
    text-align: right
  }

  .pickup3__container {
    display: flex
  }

  .pickup3__item:before {
    width: 50px;
    height: 50px;
    line-height: 50px
  }

  .pickup3__item-first {
    width: calc(70% - 30px);
    margin-bottom: 0;
    margin-right: 30px
  }

  .pickup3__item-first .heading.heading-pickup3 {
    font-size: 1.8rem;
    padding: 10px 20px 20px 20px
  }

  .pickup3__item-first .eyecatch__cat a {
    font-size: 1.4rem
  }

  .pickup3__box {
    width: 30%
  }

  .pickup3__item-second {
    margin-bottom: 20px
  }

  .pickup3__item-second,
  .pickup3__item-third {
    width: 100%
  }

  .archiveHead__authorImg img {
    width: 120px;
    height: 120px
  }

  .archiveHead__authorText {
    width: calc(100% - 140px)
  }

  .archiveHead__link {
    font-size: 1.2rem
  }

  .archiveHead.mask {
    padding: 30px
  }

  .viral__container {
    display: flex;
    justify-content: space-between
  }

  .viral .eyecatch {
    min-width: 360px;
    max-width: 360px;
    margin-left: 20px;
    display: block
  }

  .postCta,
  .pageCta {
    margin-top: 60px
  }

  .postcta-bg,
  .pagecta-bg {
    padding: 20px
  }

  .social-top {
    margin-bottom: 60px
  }

  .social-bottom {
    margin-top: 60px
  }

  .socialList__item {
    height: 50px;
    line-height: 50px
  }

  .snsFollow {
    margin-top: 60px
  }

  .prevNext {
    margin-top: 60px;
    border: 0
  }

  .prevNext__item.prevNext__item-prev {
    width: 50%;
    padding-right: 10px;
    border: 0
  }

  .prevNext__item.prevNext__item-next {
    width: 50%;
    padding-left: 10px
  }

  .rectangle {
    margin-top: 60px
  }

  .rectangle__item {
    float: left;
    width: 50%
  }

  .rectangle__item.rectangle__item-left {
    text-align: left;
    padding-right: 5px
  }

  .rectangle__item.rectangle__item-right {
    display: block;
    text-align: right;
    padding-left: 5px
  }

  .profile__author {
    width: 35%
  }

  .profile__contents {
    width: calc(65% - 1px);
    border-left: 1px solid rgba(0, 0, 0, 0.10);
    padding: 12px 0 0 20px;
    margin-left: 20px
  }

  .profile__list {
    justify-content: flex-start
  }

  .profile__link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px
  }

  .profile .btn__link-secondary {
    width: 100%
  }

  .related {
    margin-top: 60px
  }

  .comments {
    margin-top: 60px
  }

  .comments__list li {
    padding: 20px 20px 0 20px
  }

  .comments__list .comment-respond {
    padding: 20px
  }

  .comments__list .children li .children li .children li .comment-respond {
    margin: 0 -20px
  }

  .comments__list .children li .children li .children li {
    margin: 0 -20px
  }

  .comments__list .comment-author .fn {
    font-size: 1.6rem
  }

  .comments__list .comment-body p {
    font-size: 1.6rem
  }

  .comment-respond #email-notes,
  .comment-respond .logged-in-as {
    font-size: 1.4rem
  }

  .content .btn__link-primary {
    padding: 20px 50px
  }

  .content .column {
    display: flex;
    position: relative
  }

  .content .column__item {
    flex: 1;
    margin-left: 20px;
    margin-top: 0
  }

  .content .column__item:first-child {
    margin-left: 0
  }

  .content .column-2pc37 .column__item:first-child {
    flex: 3
  }

  .content .column-2pc37 .column__item:last-child {
    flex: 7
  }

  .content .column-2pc73 .column__item:first-child {
    flex: 7
  }

  .content .column-2pc73 .column__item:last-child {
    flex: 3
  }

  .content h5 {
    font-size: 1.6rem
  }

  .content .wp-caption-text {
    font-size: 1.4rem
  }

  .balloon .balloon__img {
    width: 80px;
    height: 80px
  }

  .balloon .balloon__img-left {
    margin-right: 20px
  }

  .balloon .balloon__img-right {
    margin-left: 20px
  }

  .balloon .balloon__img-left div {
    width: 80px;
    height: 80px
  }

  .balloon .balloon__img-right div {
    width: 80px;
    height: 80px
  }

  .balloon .balloon__text {
    max-width: calc(100% - 200px)
  }

  .content .gallery-caption {
    font-size: 1.4rem
  }

  .content .gallery-columns-3 .gallery-item {
    width: calc(33.333% - 20px);
    margin: 0 10px
  }

  .content .gallery-columns-4 .gallery-item {
    width: calc(25% - 20px);
    margin: 0 10px
  }

  .content .gallery-columns-5 .gallery-item {
    width: calc(20% - 20px);
    margin: 0 10px
  }

  .content .es-Fsmall {
    font-size: 1.4rem
  }

  .content .es-Fbig {
    font-size: 1.8rem
  }

  .content .es-FbigL {
    font-size: 2.2rem
  }

  .content .tableScroll {
    overflow: hidden
  }

  .content .writers {
    margin-left: -20px
  }

  .content .writers__box {
    width: calc(50% - 20px);
    margin: 20px 0 0 20px
  }

  .content .archiveScode__item {
    padding: 30px 0
  }

  .content .archiveScode__item .eyecatch {
    width: 150px
  }

  .content .archiveScode__contents {
    width: calc(100% - 170px)
  }

  .content .blogcard__contents {
    width: 80%
  }

  .content .blogcard__contents .phrase {
    margin-top: 10px;
    display: block
  }

  .content .blogcard .eyecatch {
    width: calc(20% - 15px)
  }

  .content .afTagBox__title {
    font-size: 2rem
  }

  .content .afTagBox__star {
    font-size: 1.8rem
  }

  .content .afTagBox__number {
    font-size: 1.4rem
  }

  .content .afTagBox__contentBox {
    display: flex
  }

  .content .afTagBox__banner {
    flex: 3
  }

  .content .afTagBox__text {
    flex: 4;
    margin-top: 0;
    margin-left: 20px
  }

  .content .afTagBox__btnList {
    display: flex
  }

  .content .afTagBox__btnList a:nth-child(2) {
    margin-top: 0;
    margin-left: 20px
  }

  .content .afTagBox__btnDetail,
  .content .afTagBox__btnAf {
    flex: 1
  }

  .categoryBox__list {
    justify-content: flex-start;
    width: calc(100% + 15px)
  }

  .categoryBox__item {
    width: calc(33.33% - 15px);
    margin-right: 15px
  }

  .commonCtr__container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
  }

  .commonCtr__contents {
    width: 100%
  }

  .commonCtr__image {
    width: 100%;
    margin-left: 20px
  }

  .widgetFooter {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 20px)
  }

  .widgetFooter__box {
    flex-grow: 1;
    width: calc(33.3333% - 20px);
    margin-right: 20px
  }

  .controllerFooter {
    display: none
  }

  .t-footerFixed {
    padding-bottom: 0
  }

  .u-mt-main {
    margin-top: 60px
  }

  .u-shadow {
    padding: 20px
  }

  .u-border {
    padding: 20px
  }

  .u-shadowfix {
    padding: 20px
  }

  .u-borderfix {
    padding: 20px
  }
}

@media only screen and (min-width:992px) {
  .l-wrapper-lp {
    margin: 0 20px
  }

  .l-main-wide1000 {
    width: 1000px;
    margin: auto
  }

  .l-main-wide900 {
    width: 900px;
    margin: auto
  }

  .l-main-wide800 {
    width: 800px;
    margin: auto
  }

  .l-main-wide700 {
    width: 700px;
    margin: auto
  }

  .l-main-right {
    order: 2
  }

  .divider {
    margin-top: 60px;
    margin-bottom: 60px
  }

  .dividerTop {
    margin-top: 60px
  }

  .heading-main {
    font-size: 3rem
  }

  .heading-main span {
    font-size: 1.8rem
  }

  .heading-primary span {
    font-size: 1.4rem
  }

  .heading-sub {
    font-size: 2.4rem
  }

  .heading-sub span {
    font-size: 1.4rem
  }

  .heading-secondary {
    font-size: 1.8rem
  }

  .heading-slider {
    font-size: 4.8rem
  }

  .heading-commonCtr {
    font-size: 2.4rem
  }

  .phrase-secondary {
    font-size: 1.4rem
  }

  .phrase-slider {
    font-size: 1.8rem
  }

  .btn__link-primary {
    padding: 20px 50px
  }

  .pager {
    margin-top: 30px
  }

  .controller {
    margin-bottom: 30px
  }

  #viewWide:checked~.archive .archive__item-shadow {
    padding: 30px
  }

  #viewWide:checked~.archive .archive__item-border {
    padding: 30px
  }

  #viewCard:checked~.archive .archive__item-shadow {
    padding: 20px
  }

  #viewCard:checked~.archive .archive__item-border {
    padding: 20px
  }

  #viewNormal:checked~.archive .archive__item-shadow {
    padding: 20px
  }

  #viewNormal:checked~.archive .archive__item-border {
    padding: 20px
  }

  .searchBtn {
    position: static;
    top: auto;
    right: auto;
    text-align: center
  }

  .searchBtn-right {
    margin-left: auto
  }

  .menuBtn {
    position: static;
    top: auto;
    right: auto;
    text-align: center
  }

  .menuBtn-right {
    margin-left: auto
  }

  .menuBtn__link {
    display: block;
    width: 50px;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    background: #a83f3f;
    color: #FFF
  }

  .menuBtn__link:hover {
    background: #191919;
    color: #FFF
  }

  .globalNavi::before {
    content: none
  }

  .globalNavi::after {
    content: none
  }

  .globalNavi__inner {
    overflow: visible
  }

  .globalNavi__list>li.page_item_has_children>a,
  .globalNavi__list>li.menu-item-has-children>a {
    position: relative;
    padding-right: 10px
  }

  .globalNavi__list>li.page_item_has_children>a:hover,
  .globalNavi__list>li.menu-item-has-children>a:hover {
    border-bottom: none
  }

  .globalNavi__list>li.page_item_has_children>a::before,
  .globalNavi__list>li.menu-item-has-children>a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.5);
    border-right: solid 1px rgba(0, 0, 0, 0.5);
    transform: rotate(45deg)
  }

  .globalNavi__list>li.page_item_has_children:hover>a::before,
  .globalNavi__list>li.menu-item-has-children:hover>a::before {
    margin-top: -2.5px;
    transform: rotate(-135deg)
  }

  .globalNavi__list>li .children,
  .globalNavi__list>li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    transition: .15s
  }

  .globalNavi__list>li:hover .children::before,
  .globalNavi__list>li:hover .sub-menu::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: 10px;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #323232;
    border-left: 4px solid transparent
  }

  .globalNavi__list>li .children>li,
  .globalNavi__list>li .sub-menu>li {
    display: block;
    overflow: hidden;
    width: auto;
    min-width: 300px;
    height: 0;
    line-height: 5rem;
    white-space: nowrap;
    background-color: #323232;
    transition: .15s;
    text-align: left
  }

  .globalNavi__list>li:hover .children>li,
  .globalNavi__list>li:hover .sub-menu>li {
    overflow: visible;
    height: 5rem;
    line-height: 5rem
  }

  .globalNavi__list>li:hover .children>li:not(:first-child),
  .globalNavi__list>li:hover .sub-menu>li:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset
  }

  .globalNavi__list>li .children>li a,
  .globalNavi__list>li .sub-menu>li a {
    color: rgba(255, 255, 255, 0);
    transition: .15s;
    padding: 0 10px;
    margin: 0;
    font-weight: normal
  }

  .globalNavi__list>li:hover .children>li a,
  .globalNavi__list>li:hover .sub-menu>li a {
    color: rgba(255, 255, 255, 1)
  }

  .globalNavi__list>li:hover .children>li a:hover,
  .globalNavi__list>li:hover .sub-menu>li a:hover {
    border-bottom: none;
    background: rgba(255, 255, 255, 0.15)
  }

  .subNavi {
    display: block;
    margin-left: auto
  }

  .subNavi__list {
    list-style: none;
    display: flex
  }

  .subNavi__link {
    display: block;
    font-size: 14px;
    margin-right: 5px;
    padding: 10px 0;
    text-align: center;
    width: 30px;
    color: rgba(0, 0, 0, 0.5);
    transition: .15s
  }

  .subNavi__link-pickup {
    font-size: 1.4rem;
    width: auto;
    margin-right: 15px;
    padding: 9px 10px;
    border-radius: 5px;
    color: #a83f3f;
    border: 1px solid;
    white-space: nowrap
  }

  .subNavi__link-pickup:hover {
    background: #a83f3f;
    color: #FFF;
    border-color: transparent
  }

  .subNavi__link.icon-facebook2:hover {
    color: #3B5998
  }

  .subNavi__link.icon-twitter:hover {
    color: #00B0ED
  }

  .subNavi__link.icon-instagram:hover {
    color: #E23F60
  }

  .subNavi__link.icon-google-plus2:hover {
    color: #DF4A32
  }

  .subNavi__link.icon-youtube:hover {
    color: #cd201f
  }

  .subNavi__link.icon-linkedin:hover {
    color: #0079ba
  }

  .subNavi__link.icon-pinterest:hover {
    color: #ce0f19
  }

  .subNavi__link.icon-rss:hover {
    color: #f90
  }

  .pickupHead .pickupHead__inner {
    margin-left: 20px;
    margin-right: 20px
  }

  .keyBig {
    margin-left: 20px;
    margin-right: 20px
  }

  .pickup3 {
    padding-top: 60px
  }

  .pickup3__bg {
    height: 16rem
  }

  .pickup3__item-first {
    width: calc(70% - 40px);
    margin-right: 40px
  }

  .postcta-bg,
  .pagecta-bg {
    padding: 30px
  }

  .rankingBox {
    padding-top: 60px
  }

  .rankingBox__bg {
    height: 16rem
  }

  .categoryBox {
    padding-top: 60px;
    padding-bottom: 30px
  }

  .categoryBox__item {
    width: calc(25% - 15px)
  }

  .commonCtr__container {
    padding: 60px 0
  }

  .widgetFooter {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 30px)
  }

  .widgetFooter__box {
    flex-grow: 1;
    width: calc(33.3333% - 30px);
    margin-right: 30px
  }

  .bottomFooter {
    padding: 60px 0
  }

  .bottomFooter__list li {
    font-size: 1.6rem
  }

  .t-headerColor .searchBtn__link {
    color: rgba(255, 255, 255, 0.5)
  }

  .t-headerColor .searchBtn__link:hover {
    color: rgba(255, 255, 255, 1)
  }

  .t-headerColor .menuBtn__link {
    background: #fff;
    color: #191919
  }

  .t-headerColor .menuBtn__link:hover {
    background: #191919;
    color: #fff
  }

  .t-headerColor .subNavi__link {
    color: rgba(255, 255, 255, 0.5)
  }

  .t-headerColor .subNavi__link:hover {
    color: rgba(255, 255, 255, 1)
  }

  .t-headerColor .subNavi__link-pickup {
    color: #FFF
  }

  .t-headerColor .subNavi__link-pickup:hover {
    background: #FFF;
    color: #a83f3f
  }

  .t-headerCenter .container-header {
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .t-headerCenter .siteTitle {
    max-width: calc(100% - 40px);
    padding-top: 10px;
    font-size: 30px
  }

  .t-headerCenter .searchBtn {
    position: absolute;
    top: 20px;
    left: 0
  }

  .t-headerCenter .searchBtn__link {
    width: auto;
    line-height: 1.25;
    padding: 10px 0;
    margin-right: 0;
    font-size: 20px
  }

  .t-headerCenter .menuBtn {
    position: absolute;
    top: 20px;
    right: 0
  }

  .t-headerCenter .menuBtn__link {
    width: auto;
    height: auto;
    line-height: inherit;
    padding: 10px 0;
    margin-right: 0;
    font-size: 20px;
    background: none;
    color: inherit
  }

  .t-headerCenter .menuBtn__link:hover {
    color: #a83f3f
  }

  .t-headerCenter .globalNavi {
    display: inline-block;
    padding-top: 0;
    vertical-align: bottom
  }

  .t-headerCenter .subNavi {
    display: inline-block;
    vertical-align: bottom
  }

  .t-headerColor.t-headerCenter .menuBtn__link {
    color: rgba(255, 255, 255, 0.5)
  }

  .t-headerColor.t-headerCenter .menuBtn__link:hover {
    color: rgba(255, 255, 255, 1);
    background: none
  }

  .t-logoSp25 .siteTitle__logo {
    height: 30px
  }

  .t-logoSp30 .siteTitle__logo {
    height: 30px
  }

  .t-logoPc50 .siteTitle__logo {
    height: 50px
  }

  .u-none-pc {
    display: none
  }

  .u-none-sp {
    display: block
  }

  .globalNavi.u-none-pc {
    display: none
  }

  .globalNavi.u-none-sp {
    display: block
  }

  .u-shadow {
    padding: 30px
  }

  .u-border {
    padding: 30px
  }
}