@charset "utf-8";
/* ====================================================================================================

■■■■■ アーカイブ（archive.php）のCSS ■■■■■

==================================================================================================== */
/*
===============================================================================
■ アーカイブ（archive.php）
===============================================================================
*/
/*　アーカイブ概要欄　*/
.ArchiveTop {
  margin-bottom: 8rem;
}
.ArticlesArchive .ArchiveTop, .SeriesListArchive .ArchiveTop, .TagArchive .ArchiveTop, .BasicArchive .ArchiveTop {
  margin-bottom: 5rem;
}
/*　アーカイブ概要欄（アーカイブ下）　*/
.ArchiveBottom {
  margin-top: 6rem;
}
/*　アーカイブタイトル（大）　*/
.ArticlesArchive .ArchiveTop h1, .CategoryArchive .ArchiveTop h1, .SeriesListArchive .ArchiveTop h1, .SearchArchive .ArchiveTop h1 {
  position: relative;
  letter-spacing: 0.5rem;
  margin-bottom: 4rem;
}
.ArticlesArchive .ArchiveTop h1:before, .CategoryArchive .ArchiveTop h1:before, .SeriesListArchive .ArchiveTop h1:before, .SearchArchive .ArchiveTop h1:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 5px;
  top: 54px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffbd39;
  border-radius: 3px;
}
.ArticlesArchive .ArchiveTop h1 span, .CategoryArchive .ArchiveTop h1 span, .SeriesListArchive .ArchiveTop h1 span, .SearchArchive .ArchiveTop h1 span {
  display: block;
  color: #ffbd39;
  font-size: 2rem;
  font-family: tekton-pro, sans-serif;
  letter-spacing: 0.15rem;
  padding-top: 2rem;
}
/*　連載アーカイブのタイトル　*/
.SlugC .ArchiveListTitle:before {
  top: 80px;
}
/*　アーカイブタイトルの一部を黄色くする　*/
.ArchiveListTitle b, .BasicArchive .ArchiveTop h1 b, .AuthorArchive .ArchiveTop h1 b {
  color: #ffbd39;
}
/*　アーカイブ概要欄以下のアーカイブタイトル　*/
.ArchiveListTitle {
  position: relative;
  font-size: 2.4rem;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  text-align: center;
  padding-bottom: 3rem;
  margin-bottom: 4rem;
}
.ArchiveListTitle:before {
  position: absolute;
  content: url(../images/aboutcheer_h2_arrow.svg);
  width: 60px;
  height: 32px;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*　NEWアイコン　*/
.mark-box {
  position: relative;
}
.mark-box:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #ff8251 transparent transparent transparent;
  z-index: 2;
}
.mark-box:after {
  position: absolute;
  content: "NEW";
  transform: rotate(315deg);
  display: block;
  font-size: 11px;
  white-space: pre;
  color: #fff;
  top: 12px;
  left: 4px;
  text-align: center;
  line-height: 1.2;
  z-index: 2;
}
/*
--------------------------------------------------
articleごとの表示スタイル（loop-content.php）
--------------------------------------------------
*/
.article-list {
  border-bottom: #ebe5d9 1px solid;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}
.article-list a {
  display: block;
}
/*　サムネイル画像　*/
.article-list figure.img-wrap {
  width: 20%;
  max-width: 158px;
  overflow: hidden;
}
.article-list figure.img-wrap img {
  object-fit: cover;
}
/*　記事タイトル　*/
.article-list .text {
  width: 77%;
  max-width: 608px;
}
.article-list .text h3 {
  font-size: 2rem;
  margin: 0 0 1rem;
}
/*　カテゴリー　*/
.article-list .ArticleCategoryWrap a {
  display: inline-block;
  color: #8e8b8b;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  border: #8e8b8b 1px solid;
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
  margin-right: 1rem;
}
.article-list .ArticleCategoryWrap a:nth-child(2) {
  display: none;
}
/*　投稿日　*/
.article-list .ArticleDateWrap {
  color: #c6c5c5;
  font-size: 1.3rem;
  letter-spacing: 0;
}
/*　タグ　*/
.article-list .text .ArticleTagWrap {
  font-size: 1.4rem;
  text-align: left;
  margin-top: 0.8em;
}
.ArticleTagWrap ul li {
  display: inline;
}
.ArticleTagWrap ul li a {
  display: inline-block;
  position: relative;
  color: #8e8b8b;
  letter-spacing: 0;
  border-radius: 0;
  border: none;
  padding: 0 1rem 0.5rem 1.4rem;
}
.ArticleTagWrap ul li a:after {
  position: absolute;
  content: "＃";
  left: 0px;
  top: 1px;
  color: #ffbd39;
  font-weight: 600;
}
/*
--------------------------------------------------
ページネーション
--------------------------------------------------
*/
.Pagination {
  margin: 2rem 0;
  text-align: center;
}
.Pagination ul li {
  display: inline-block;
  margin-right: .5rem;
}
.Pagination ul li:last-child {
  border: 0;
}
.Pagination ul li a, .Pagination .current {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #968e84;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #968e84;
  padding-left: 2px;
  overflow: hidden;
  transition: .4s;
}
.Pagination ul li .prev, .Pagination ul li .next {
  border: 0;
}
.Pagination .current {
  color: #fff;
  background-color: #968e84;
}

/*
===============================================================================
■ アーカイブ ＞ カテゴリーアーカイブ（category.php）
===============================================================================
*/
.CategoryDescription {
  margin-bottom: 6rem;
}
/*
--------------------------------------------------
カテゴリーに関連するタグ
--------------------------------------------------
*/
.CategoryArchive .ArchiveBottom .ArticleTagWrap {
  position: relative;
  border: #ffbd39 solid 2px;
  border-radius: 4px;
  padding: 3rem 4rem 2rem;
}
.CategoryArchive .ArchiveBottom .ArticleTagWrap h2 {
  position: absolute;
  width: 280px;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #ffbd39;
  font-size: 1.6rem;
  text-align: center;
  background: #fff;
  padding: 0 1rem;
}
/*　タグリスト　*/
.CategoryArchive .ArchiveBottom .ArticleTagWrap ul li {
  display: inline;
}
.CategoryArchive .ArchiveBottom .ArticleTagWrap ul li a {
  position: relative;
  display: inline-block;
  color: #8e8b8b;
  font-size: 1.4rem;
  letter-spacing: 0;
  padding: 0.1rem 0.7rem 0.1rem 1.5rem;
  margin-bottom: .5rem;
}
/*
--------------------------------------------------
カテゴリーに関連する連載一覧　
--------------------------------------------------
*/
.CategoryArchive .ArchiveTop .SeriesListWrap {
  background: #fbf9f7;
  border-radius: 4px;
  padding: 2rem 5rem 1rem;
}
.CategoryArchive .ArchiveTop .SeriesListWrap h2 {
  font-size: 2rem;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  text-align: center;
  margin-bottom: 2rem;
}
.CategoryArchive .ArchiveTop .SeriesListWrap h2 span {
  position: relative;
  display: inline-block;
}
.CategoryArchive .ArchiveTop .SeriesListWrap h2 span:before {
  position: absolute;
  content: url("images/flame_category_archive_h2_left.svg");
  top: 0;
  left: -36px;
  width: 26px;
  height: 30px;
}
.CategoryArchive .ArchiveTop .SeriesListWrap h2 span:after {
  position: absolute;
  content: url("images/flame_category_archive_h2_right.svg");
  top: 0;
  right: -36px;
  width: 26px;
  height: 30px;
}
/*　連載リスト　*/
.CategoryArchive .ArchiveTop .SeriesListWrap ul li {
  width: 31%;
  margin-bottom: 2rem;
}
/*.CategoryArchive .ArchiveTop .SeriesListWrap ul li a {
  position: relative;
  display: block;
  padding-left: 2.4rem;
  margin-bottom: 2rem;
}
.CategoryArchive .ArchiveTop .SeriesListWrap ul li a:link {
  text-decoration: underline;
}
.CategoryArchive .ArchiveTop .SeriesListWrap ul li a:before {
  position: absolute;
  content: url(../images/series-list-icon.svg);
  width: 18px;
  height: 18px;
  left: 0;
  top: 2px;
}*/
.CategoryArchive .ArchiveTop .SeriesListWrap ul li:last-child {
  margin-bottom: 0;
}
/*　連載リスト（スライダー）　*/
.CategoryArchive .ArchiveTop .SeriesListWrap .multiple {
  padding: 0;
}
.CategoryArchive .ArchiveTop .SeriesListWrap .multiple .slick-list {
  padding-left: 1rem;
}
.CategoryArchive .ArchiveTop .SeriesListWrap .multiple li {
  width: 2%;
  margin-bottom: 0;
}
.CategoryArchive .ArchiveTop .SeriesListWrap .multiple img {
  width: 93%;
}
.CategoryArchive .ArchiveTop .SeriesListWrap .multiple .slick-next {
  right: -20px;
  z-index: 100;
}
.CategoryArchive .ArchiveTop .SeriesListWrap .multiple .slick-prev {
  left: -20px;
  z-index: 100;
}
/*
===============================================================================
■ アーカイブ ＞ タグアーカイブ（tag.php）
===============================================================================
*/
.TagArchive .ArchiveTop h1 {
  position: relative;
  font-size: 2.4rem;
  letter-spacing: 0.2rem;
  padding-bottom: 3rem;
}
.TagArchive .ArchiveTop h1:before {
  position: absolute;
  content: url(../images/aboutcheer_h2_arrow.svg);
  width: 60px;
  height: 32px;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.TagArchive .ArchiveTop h1 b {
  position: relative;
  color: #ffbd39;
  padding-left: 2.6rem;
  margin-right: 0.5rem;
}
.TagArchive .ArchiveTop h1 b:before {
  position: absolute;
  content: "＃";
  left: 0;
  top: -5px;
  color: #ffbd39;
  font-size: 2.4rem;
}
/*
===============================================================================
■ アーカイブ ＞ 連載アーカイブ（taxonomy-series.php）
===============================================================================
*/
.SeriesArchive .ArchiveTop figure {
  margin-bottom: 4rem;
}
/*
===============================================================================
■ アーカイブ ＞ 投稿者アーカイブ（author.php）
===============================================================================
*/
.AuthorArchive .ArchiveTop h1 {
  position: relative;
  font-size: 2.4rem;
  text-align: left;
  letter-spacing: 0.2rem;
  padding-left: 4.5rem;
}
.AuthorArchive .ArchiveTop h1:before {
  content: url(../images/icon_author_archive.svg);
  position: absolute;
  display: inline-block;
  width: 36px;
  height: 38px;
  top: -4px;
  left: 0;
}
.AuthorArchive .ArchiveTop h1 b {
  margin-right: 0.5rem;
}
.AuthorProfiel {
  background: #fbf9f7;
  border-radius: 4px;
  padding: 3rem 4rem 2.5rem;
}
.AuthorProfiel .saboxplugin-wrap .saboxplugin-gravatar img {
  margin: 0 !important;
}
.AuthorProfiel .saboxplugin-wrap .saboxplugin-authorname {
  margin-bottom: 1rem !important;
}
.AuthorProfiel .saboxplugin-wrap .saboxplugin-desc {
  margin: 0;
}
.AuthorProfiel .saboxplugin-wrap .saboxplugin-desc p {
  margin: 0 !important;
}
.AuthorProfiel .saboxplugin-wrap .saboxplugin-desc .AuthorListLink {
  display: none;
}
/*　経歴（アコーディオン）　*/
.AuthorProfiel label {
  position: relative;
  display: block;
  color: #968e84;
  font-size: 1.4rem;
  margin: 2rem 0 0 128px;
  cursor: pointer;
}
.AuthorProfiel label:before {
  position: absolute;
  content: '+';
  width: 12px;
  height: 12px;
  top: 0;
  left: 170px;
}
.AuthorProfiel label:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.AuthorProfiel input {
  display: none;
}
/*　中身を非表示にしておく*/
.AuthorProfiel .CareerBox {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/*クリックで中身表示*/
.AuthorProfiel input:checked + label + .CareerBox {
  height: auto;
  padding-top: 1.2rem;
  opacity: 1;
}
/*アイコンを入れ替える*/
.AuthorProfiel input:checked + label:before {
  content: '-';
}
.AuthorProfiel .CareerBox h4 {
  width: 78%;
  max-width: 452px;
  float: right;
  margin-bottom: 0.6rem;
}
.AuthorProfiel .CareerBox h4 span {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  background: #968e84;
  border-radius: 4px;
  padding: 0.25rem 0.8rem 0.35rem;
}
.AuthorProfiel .CareerBox h4.sub {
  margin-top: 1rem;
}
.AuthorProfiel .CareerBox ul, .AuthorProfiel .CareerBox p {
  width: 78%;
  max-width: 452px;
  float: right;
}
.AuthorProfiel .CareerBox p, .AuthorProfiel .CareerBox li {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 0.5rem;
}
.AuthorProfiel .CareerBox .AuthorLink a {
  position: relative;
  border-bottom: #433F3F 1px solid;
  padding: 0 2.2rem 0.4rem 0.5rem;
}
.AuthorProfiel .CareerBox .AuthorLink a:before {
  position: absolute;
  content: url(../images/link_arrow_external_link.svg);
  width: 12px;
  height: 12px;
  right: 5px;
  top: -4px;
}
/*
===============================================================================
■ アーカイブ ＞ 検索結果アーカイブ（search.php）
===============================================================================
*/
.SearchArchive .center {
  text-align: center;
}
/* ====================================================================================================

デバイスサイズ〜960px：タブレット（ipad）

==================================================================================================== */
@media(max-width: 960px) {
　/*
　===============================================================================
　■ アーカイブ（archive.php）
　===============================================================================
　*/
  /*　アーカイブ概要欄　*/
  .ArchiveTop {
    margin-bottom: 6rem;
  }
  /*　アーカイブ概要欄（アーカイブ下）　*/
  .ArchiveBottom {
    margin-top: 5rem;
  }
  .ArticlesArchive .ArchiveTop, .SeriesListArchive .ArchiveTop, .TagArchive .ArchiveTop, .BasicArchive .ArchiveTop {
    margin-bottom: 3rem;
  }
  /*
　--------------------------------------------------
　articleごとの表示スタイル（loop-content.php）
　--------------------------------------------------
　*/
  .article-list {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  /*　サムネイル画像　*/
  .article-list figure.img-wrap {
    width: 30%;
    max-width: 280px;
  }
  /*　記事タイトル　*/
  .article-list .text {
    position: relative;
    width: 67%;
    max-width: 644px;
    padding: 0;
  }
  .article-list .text h3 {
    font-size: 1.7rem;
  }
  /*　カテゴリー　*/
  .article-list .ArticleCategoryWrap a {
    font-size: 1.1rem;
    margin-right: 0.5rem;
  }
  /*　投稿日　*/
  .article-list .ArticleDateWrap {
    font-size: 1.1rem;
  }
  /*　タグ　*/
  .article-list .text .ArticleTagWrap {
    font-size: 1.2rem;
  }
  .article-list .ArticleTagWrap ul li a {
    font-size: 1.2rem;
    padding: 0 0.8rem 0.5rem 1.2rem;
  }
  /*
　===============================================================================
　■ アーカイブ ＞ カテゴリーアーカイブ（category.php）
　===============================================================================
　*/
  /*　カテゴリーアーカイブ ＞ カテゴリーに関連するタグ　*/
  .CategoryArchive .ArchiveBottom .ArticleTagWrap {
    padding: 3rem 2rem 2rem;
  }
  /*　カテゴリーアーカイブ ＞ カテゴリーに関連する特集一覧　*/
  .CategoryArchive .ArchiveTop .SeriesListWrap {
    padding: 2rem;
  }
  /*
　===============================================================================
　■ アーカイブ ＞ 連載アーカイブ（taxonomy-series.php）
　===============================================================================
　*/
  .SeriesArchive .ArchiveTop figure {
    margin-bottom: 2rem;
  }
  .SeriesArchive .ArchiveTop p {
    padding: 0 1.2rem;
  }
}
/* ====================================================================================================

デバイスサイズ〜768px：タブレット（ipad）

==================================================================================================== */
@media(max-width: 768px) {
　/*
　===============================================================================
　■ アーカイブ ＞ 投稿者アーカイブ（author.php）
　===============================================================================
　*/
  .AuthorProfiel .CareerBox h4 {
    width: 68%;
  }
  .AuthorProfiel .CareerBox ul, .AuthorProfiel .CareerBox p {
    width: 68%;
  }
}
/* ====================================================================================================

デバイスサイズ〜560px：SP

==================================================================================================== */
@media(max-width: 560px) {
  /*
　===============================================================================
　■ アーカイブ（archive.php）
　===============================================================================
　*/
  /*　アーカイブ概要欄　*/
  .ArchiveTop {
    margin-bottom: 3rem;
  }
  /*　アーカイブ概要欄（アーカイブ下）　*/
  .ArchiveBottom {
    margin-top: 4rem;
  }
  /*　アーカイブタイトル（大）　*/
  .ArticlesArchive .ArchiveTop h1, .CategoryArchive .ArchiveTop h1, .SeriesListArchive .ArchiveTop h1 {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  .ArticlesArchive .ArchiveTop h1:before, .CategoryArchive .ArchiveTop h1:before, .SeriesListArchive .ArchiveTop h1:before, .SearchArchive h1:before {
    width: 30px;
    top: 40px;
  }
  .ArticlesArchive .ArchiveTop h1 span, .CategoryArchive .ArchiveTop h1 span, .SeriesListArchive .ArchiveTop h1 span .SearchArchive h1 span {
    font-size: 1.6rem;
    padding-top: 1.8rem;
  }
  /*　連載アーカイブのタイトル　*/
  .SlugC .ArchiveListTitle:before {
    top: 68px;
  }
  /*　アーカイブ概要欄以下のアーカイブタイトル　*/
  .ArchiveListTitle {
    font-size: 2rem;
    letter-spacing: 0.15rem;
    border-radius: 0;
    margin-bottom: 3rem;
  }
  .ArchiveListTitle:before {
    width: 54px;
    height: 24px;
    bottom: 0px;
  }
  /*
　--------------------------------------------------
　articleごとの表示スタイル（loop-content.php）
　--------------------------------------------------
　*/
  .article-list {
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
  }
  .article-list figure.img-wrap {
    width: 25%;
    max-width: 115px;
  }
  .article-list .img-wrap .ArticleCategoryWrap {
    font-size: .6rem;
  }
  .article-list .text {
    position: relative;
    width: 72%;
    max-width: 332px;
    padding: 0 1.2rem 0 0;
  }
  .article-list .text h3 {
    font-size: 1.4rem;
    margin: 0 0 0.5rem;
  }
  .article-list .ArticleCategoryWrap a {
    font-size: 1rem;
    letter-spacing: 0;
    border-radius: 12px;
    padding: 0.2rem 0.8rem;
    margin-right: 0;
  }
  .article-list .text .ArticleDateWrap {
    font-size: 1rem;
  }
  .article-list .text .ArticleTagWrap {
    font-size: 1rem;
    margin-top: 1rem;
  }
  .article-list .ArticleTagWrap ul li a {
    padding: 0 0.6rem 0.4rem 1rem;
  }
  /*
　--------------------------------------------------
　ページネーション
　--------------------------------------------------
　*/
  .Pagination ul li a, .Pagination .current {
    width: 32px;
    height: 32px;
    font-size: 1.2rem;
    line-height: 30px;
    padding-left: 1px;
  }
  /*
　===============================================================================
　■ アーカイブ ＞ カテゴリーアーカイブ（category.php）
　===============================================================================
　*/
  /*
　--------------------------------------------------
　カテゴリー説明文
　--------------------------------------------------
　*/
  .CategoryArchive .ArchiveTop .CategoryDescription {
    padding: 0 1.2rem;
    margin-bottom: 3rem;
  }
  /*
　--------------------------------------------------
　カテゴリーに関連するタグ
　--------------------------------------------------
　*/
  .CategoryArchive .ArchiveBottom .ArticleTagWrap {
    padding: 2.5rem 3rem 1rem;
    margin: 0 1.2rem;
  }
  .CategoryArchive .ArchiveBottom .ArticleTagWrap ul li a {
    font-size: 1.2rem;
  }
  /*
　--------------------------------------------------
　カテゴリーに関連する連載一覧　
　--------------------------------------------------
　*/
  .CategoryArchive .ArchiveTop .SeriesListWrap {
    border-radius: 0;
    padding: 1.5rem 1.5rem 1rem;
  }
  .CategoryArchive .ArchiveTop .SeriesListWrap h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .CategoryArchive .ArchiveTop .SeriesListWrap h2 span:before {
    left: -32px;
    width: 22px;
    height: 22px;
  }
  .CategoryArchive .ArchiveTop .SeriesListWrap h2 span:after {
    right: -32px;
    width: 22px;
    height: 22px;
  }
  /*　連載リスト　*/
  .CategoryArchive .ArchiveTop .SeriesListWrap ul li {
    margin-bottom: 1.2rem;
  }
  /*.CategoryArchive .ArchiveTop .SeriesListWrap ul li a {
    font-size: 1.4rem;
    padding-left: 2.2rem;
    margin-bottom: 1rem;
  }
  .CategoryArchive .ArchiveTop .SeriesListWrap ul li a:before {
    top: 1px;
  }*/
  /*
　===============================================================================
　■ アーカイブ ＞ タグアーカイブ（tag.php）
　===============================================================================
　*/
  .TagArchive .ArchiveTop h1 {
    font-size: 2rem;
  }
  .TagArchive .ArchiveTop h1:before {
    width: 54px;
    height: 24px;
    bottom: 0;
  }
  /*
　===============================================================================
　■ アーカイブ ＞ 投稿者アーカイブ（author.php）
　===============================================================================
　*/
  .AuthorArchive .ArchiveTop h1 {
    font-size: 2rem;
    padding-left: 5.5rem;
  }
  .AuthorArchive .ArchiveTop h1:before {
    left: 10px;
  }
  .AuthorProfiel {
    padding: 2rem 2rem 2rem;
  }
  .AuthorProfiel .saboxplugin-wrap .saboxplugin-gravatar {
    float: none !important;
    margin: 0 auto 1rem;
    width: 100px;
  }
  /*　経歴（アコーディオン）　*/
  .AuthorProfiel label {
    margin: 1rem 0 0 0;
  }
  .AuthorProfiel .CareerBox h4 {
    width: 100%;
  }
  .AuthorProfiel .CareerBox ul, .AuthorProfiel .CareerBox p {
    width: 100%;
  }
}