@charset "UTF-8";
/*
    NEW
*/
* {
  box-sizing: border-box;
  font-family: Helvetica , Arial ,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a:hover {
  text-decoration: none !important; }

time {
  color: #999999 !important;
  font-family: Helvetica Neue, Helvetica !important; }
  time span {
    font-family: Helvetica Neue, Helvetica !important; }

p, h1, h2, h3 {
  margin: 0; }

.minchou {
  font-family: "Yu Mincho", "YuMincho", serif; }

.cf {
  *zoom: 1; }
  .cf:before {
    content: " ";
    display: table; }
  .cf:after {
    content: " ";
    display: table;
    clear: both; }

.fade {
  display: none; }

span.author.vcard,span.entry-footer-time {display:none;}
.page-entry span.pager-prev,.page-entry span.pager-next {display:none;}
.urllist-date-link a, .archive-date a, .entry-date a {pointer-events:none; display: inline-block;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, { color: #000000;}

.page-archive .pager a {
    text-decoration: none;
    font-weight: 600;
}

@media (min-width: 992px) {
  .breadcrumb-inner {
    max-width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media (min-width: 768px) {
  .breadcrumb-inner {
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .page-archive .pager a {font-size: 16px;color: #000000;}
    .page-archive .pager .pager-prev a {text-align: left;}
    .page-archive .pager .pager-next a {text-align: right;}
    .page-archive .pager .pager-prev a:before {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200225/20200225151149.png); }
    .page-archive .pager .pager-next a:after {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200206/20200206124517.png); }
}

@media (min-width: 1040px) {
  .related-entries-item .category-INTERVIEW, .related-entries-item .category-FEATURE, .related-entries-item .category-REPORT, .related-entries-item .category-PICKUP {
    display: none; }
  .date a {
    font-size: 16px; }
  .urllist-title-link {
    color: #000; }
  .hatena-module-related-entries a.related-entries-title {
    color: #000; }
  .category-INTERVIEW > .hatena-module-title, .category-FEATURE > .hatena-module-title, .category-REPORT > .hatena-module-title {
    margin-bottom: 1.8em; }
  .entry-inner .entry-inner .entry-date a {
    font-size: 16px; }
  .entry-inner .entry-content {
    color: #000000; }
    .entry-inner .entry-content h2, .entry-inner .entry-content h3, .entry-inner .entry-content h4, .entry-inner .entry-content h6 {
      margin: 6em 0 3em; }
    .entry-inner .entry-content h5 {
      margin: 4em 0 2em; }
    .entry-inner .entry-content h2, .entry-inner .entry-content h3 {
      font-size: 24px; }
    .entry-inner .entry-content h4 {
      font-size: 20px; }
    .entry-inner .entry-content h5 {
      font-size: 16px;
      color: #8545ee; }
    .entry-inner .entry-content blockquote {
      color: #666666;
      font-size: 16px;
      margin: 0;
      padding: 18px 0px 18px 40px; }
  .block_notice_1 {
    background: #fbf9fe;
    display: flex;
    padding: 40px; }
    .block_notice_1 .block_notice_1_left {
      width: 40%;
      max-width: 280px;
      height: auto; }
      .block_notice_1 .block_notice_1_left img {
        margin-top: 0;
        width: 100%;
        height: auto; }
    .block_notice_1 .block_notice_1_right {
      width: 60%;
      height: auto;
      padding-left: 36px; }
      .block_notice_1 .block_notice_1_right h6 {
        font-size: 20px;
        margin: 0;
        margin-bottom: 1.8em; }
      .block_notice_1 .block_notice_1_right p {
        margin: 0;
        font-size: 16px; }
  .block_notice_2 {
    background: #fbf9fe;
    height: auto;
    padding: 40px; }
    .block_notice_2 h6 {
      font-size: 20px;
      margin: 0 !important; }
    .block_notice_2 p {
      padding-top: 1.4rem;
      margin: 0;
      font-size: 16px; }
  .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > a.recent-entries-title-link {
    margin-top: 4px; }
  .swiper-pagination {
    position: relative !important;
    padding-bottom: 40px; }
  .hatena-module-recent-entries.category-PICKUP {
    border-bottom: none !important; }
  .slide .recent-entries-image-link {
    cursor: pointer;
    width: 100%;
    height: 380px;
    display: block; }
  .recent-entries-categories > .category-INTERVIEW, .recent-entries-categories > .category-FEATURE, .recent-entries-categories > .category-PICKUP, .recent-entries-categories > .category-REPORT {
    display: none; }
  .categories > .category-INTERVIEW, .categories > .category-FEATURE, .categories > .category-PICKUP, .categories > .category-REPORT {
    display: none !important; }
  .category-INTERVIEW .recent-entries-see-more-link {
    top: 0px !important; }
  .sp {
    display: none !important; }
  .related-entries-item {
    width: 220px !important; }
  .swiper-container .recent-entries-date-link a {
    font-size: 20px !important;
    font-family: "Helvetica Neue" , Helvetica; }
  .hatena-module-html {
    margin-bottom: 0px; }
  #wrapper {
    width: 740px;
    margin-right: 40px;
    padding-top: 6%; }
  #box2 {
    padding-left: 40px;
    padding-top: 6%;
    background: #f7f7f7;
    padding-bottom: 110px; }
  #top-box {
    width: 1040px; }
    #top-box .breadcrumb-link, #top-box .breadcrumb-child-link, #top-box .breadcrumb-gt {
      font-weight: bold;
      text-decoration: none; }
      #top-box .breadcrumb-link span, #top-box .breadcrumb-child-link span, #top-box .breadcrumb-gt span {
        color: #000; }
  #main .customized-footer .related-entries.hatena-urllist > li {
    width: 270px; }
  .related-entries.hatena-urllist > li:last-child {
    display: none; }
  .entry-title {
    font-size: 34px;
    margin: .5rem 0 .8rem; }
    .entry-title a {
      color: #000000;
      font-weight: bold; }
  .swiper-slide {
    padding: 10px;
    width: 640px; }
  .swiper-pagination-bullet {
    background: #e4dede !important; }
  .swiper-pagination-bullet-active {
    background: #fff !important; }
  .home-pickup .slide .urllist-date-link {
    position: relative !important;
    font-size: inherit !important;
    left: inherit !important;
    bottom: inherit !important;
    margin: auto;
    z-index: 3;
    top: 1rem;
    font-family: "Helvetica Neue" , Helvetica; }
  .home-pickup .slide .recent-entries-title-link {
    left: 0px !important;
    bottom: 2.0rem;
    font-size: 24px; }
  .home-pickup .slide, .main-slider-wrap {
    padding: 2rem; }
  .home-pickup .slide .recent-entries-title-link:before {
    content: "NEW" !important;
    background: #ee4545;
    color: #fff;
    height: 20px;
    padding: 2px 8px 2px 8px;
    font-size: 16px;
    margin-right: 7px;
    vertical-align: top; }
  .home-pickup .slide .urllist-date-link {
    position: relative !important;
    font-family: "Helvetica Neue" , Helvetica; }
  .home-pickup .slide:after {
    position: relative !important;
    background: inherit !important; }
  .home-pickup .slide, .main-slider-wrap {
    padding: 0; }
  .recent-entries-date-link a {
    font-size: 14px !important;
    color: #999999 !important;
    font-family: "Helvetica Neue" , Helvetica; }
  .urllist-with-thumbnails li .urllist-image {
    margin-bottom: 18px; }
  .hatena-module-related-entries > .hatena-module-title {
    padding-top: 8rem;
    font-size: 32px;
    font-family: 'Poppins', sans-seri;
    font-style: italic;
    margin-bottom: 1.0em; }
  .hatena-module-related-entries .related-entries-date-link {
    padding-top: 0.5rem;
    font-family: "Helvetica Neue" , Helvetica; }
  .hatena-module-related-entries time {
    font-size: 14px; }
  .hatena-module-related-entries a.related-entries-title {
    font-size: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0.5rem !important; }
  .related-entries-categories {
    margin-left: -0.7rem; }
    .related-entries-categories > .related-entries-category-link {
      color: #5e1bea;
      background-color: #fff;
      text-decoration: underline;
      margin: 0;
      font-weight: bold;
      font-family: Helvetica Neue, Helvetica !important;
      font-size: 16px; }
  .entry-categories {
    margin-left: -0.5rem; }
    .entry-categories > a.entry-category-link {
      color: #5e1bea;
      background-color: #fff;
      text-decoration: underline;
      font-weight: bold;
      font-size: 20px; }
  .archive-header-category > .archive-heading {
    font-size: 32px;
    font-family: 'Poppins', sans-seri;
    font-style: italic;
    color: #000000;
    margin-bottom: 1.2em; }
  .archive-entries {
    margin-bottom: 80px; }
  .archive-entries > .archive-entry {
    width: 100%;
    height: 220px;
    padding-top: 0 !important; }
    .archive-entries > .archive-entry > .archive-entry-header {
      width: 100%;
      padding-left: 340px; }
      .archive-entries > .archive-entry > .archive-entry-header h1 {
        font-size: 24px;
        padding-top: 0%; }
        .archive-entries > .archive-entry > .archive-entry-header h1 a {
          color: #000000;
          max-height: 140px;
          display: block;
          overflow: hidden; }
      .archive-entries > .archive-entry > .archive-entry-header .archive-date {
        font-size: 20px;
        line-height: 0.7; }
    .archive-entries > .archive-entry > .categories {
      padding-left: 327px; }
      .archive-entries > .archive-entry > .categories > .archive-category-link {
        color: #5e1bea;
        background-color: #fff;
        text-decoration: underline;
        font-weight: bold;
        font-size: 20px;
        font-family: Helvetica Neue, Helvetica !important; }
    .archive-entries > .archive-entry > a.entry-thumb-link > .entry-thumb {
      width: 300px;
      height: 225px;
      padding-bottom: 24%;
      margin-left: 0;
      position: absolute; }
  .hatena-module-recent-entries {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0px;
    padding-top: 60px; }
    .hatena-module-recent-entries > .hatena-module-title {
      width: 100%;
      height: auto; }
      .hatena-module-recent-entries > .hatena-module-title > a {
        font-family: 'Poppins', sans-seri;
        font-size: 32px;
        font-weight: bold;
        font-style: italic;
        color: #000000; }
    .hatena-module-recent-entries > .hatena-module-body {
      width: 100%;
      height: auto; }
      .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item {
        width: 220px !important;
        height: auto; }
        .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > a.recent-entries-title-link {
          margin-bottom: 0px;
          font-size: 20px;
          line-height: 1.4;
          font-weight: bold;
          color: #000000; }
        .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories {
          margin-left: -0.4em; }
          .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > a.recent-entries-category-link {
            color: #5e1bea;
            background-color: #fff;
            text-decoration: underline;
            padding: 0 0.5rem;
            margin: 0;
            font-weight: bold;
            font-family: Helvetica Neue,Helvetica;
            font-size: 16px; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a.recent-entries-see-more-link {
        text-align: right;
        border: #aaa 0px solid;
        position: absolute;
        right: 0;
        top: 60px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        padding-right: 0;
        color: #000000; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a:after {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200206/20200206124517.png); }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a:hover {
        background: #fff;
        color: #000; }
  .hatena-module-recent-entries:first-child {
    padding-top: 0px; }
  .hatena-module-recent-entries:last-child {
    border-bottom: #aaa 0px solid; }
  > .hatena-module-recent-entries:last-child {
    border-bottom: #aaa 0px solid; }
  .breadcrumb {
    position: absolute; }
  #content {
    margin: 1em auto auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    padding-top: 0; }
  #content-inner {
    width: 1040px;
    justify-content: start; }
  /*スライダー*/
  .slider {
    margin: 0 0 0px; }
    .slider img {
      width: 100%;
      height: auto; }
  .single-item {
    max-width: 600px;
    margin: 0 auto 50px; }
  .slick-prev::before, .slick-next::before {
    font-size: 24px; }
  .lazy-item .slick-next, .thumb-item-nav .slick-next, .multiple-item .slick-next, .center-items .slick-next {
    right: 20px;
    z-index: 99; }
  .lazy-item .slick-prev, .thumb-item-nav .slick-prev, .multiple-item .slick-prev, .center-items .slick-prev {
    left: 15px;
    z-index: 100; }
  .single-item .slick-prev::before, .single-item .slick-next::before {
    color: #666; }
  .slick-dots li {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    /* background: #fff!important; */
    height: auto !important;
    bottom: 30px; }
    .slick-dots li button:before {
      font-family: slick;
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      content: '•';
      text-align: center;
      opacity: .25;
      color: #fff !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .multiple-item li {
    margin: 0 5px; }
  .thumb-item {
    max-width: 700px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 5px;
    padding: 0 5px; }
    .thumb-item img {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      width: auto;
      /* ie8 */
      margin: 0 auto; }
  .thumb-item-nav {
    max-width: 700px;
    margin: 0 auto; }
    .thumb-item-nav li {
      margin: 5px; }
  .lazy-item {
    width: 400px;
    margin: 0 auto 50px; }
    .lazy-item li {
      margin: 0 5px; }
  .slick-dotted.slick-slider {
    overflow: hidden; }
  .fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s; }
  .blog-header-new {
    width: 100%;
    height: 140px;
    background: #000;
    display: flex;
    align-items: center; }
    .blog-header-new .blog-header-new-inner {
      width: 1040px;
      height: auto;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      .blog-header-new .blog-header-new-inner .blog-header-new-logo {
        width: 220px;
        height: auto; }
        .blog-header-new .blog-header-new-inner .blog-header-new-logo a {
          display: block; }
          .blog-header-new .blog-header-new-inner .blog-header-new-logo a img {
            width: 100%;
            height: auto; }
        .blog-header-new .blog-header-new-inner .blog-header-new-logo a:hover {
          opacity: 0.7; }
      .blog-header-new .blog-header-new-inner .blog-header-new-menu ul {
        display: flex;
        margin-bottom: 0px; }
        .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li {
          list-style-type: none;
          color: #fff;
          transform: skewX(150deg);
          border-right: 1px solid #fff;
          font-weight: bold; }
          .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li a {
            text-decoration: none;
            color: #fff;
            display: block;
            transform: skewX(-150deg);
            padding: 0 40px;
            font-family: 'Poppins', sans-seri;
            font-size: 16px;
            font-style: italic; }
          .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li a:hover {
            opacity: 0.7; }
          .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li:last-child {
            border-right: 0px solid #fff; }
        .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li:last-child > a {
          padding-right: 0; }
  .static-page-layout-header-footer article {
    margin-top: 8rem; }
  #bottom-editarea > footer {
    width: 100%;
    height: 370px;
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200128/20200128121143.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left; }
    #bottom-editarea > footer .footer-inner {
      width: 1040px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      position: relative; }
      #bottom-editarea > footer .footer-inner .footer-images {
        width: 200px;
        height: auto;
        display: flex;
        position: relative; }
        #bottom-editarea > footer .footer-inner .footer-images .footer-left {
          width: 200px;
          height: auto;
          position: absolute;
          bottom: -6px;
          left: 0; }
          #bottom-editarea > footer .footer-inner .footer-images .footer-left img {
            width: 100%;
            height: auto; }
      #bottom-editarea > footer .footer-inner .footer-images-right {
        display: flex;
        justify-content: center;
        align-items: center; }
        #bottom-editarea > footer .footer-inner .footer-images-right .footer-center {
          width: 180px;
          height: auto;
          margin-left: 70px; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-center img {
            width: 100%;
            height: auto; }
        #bottom-editarea > footer .footer-inner .footer-images-right .footer-right {
          margin-left: 70px; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-right h3 {
            font-size: 39px;
            color: #fff; }
            #bottom-editarea > footer .footer-inner .footer-images-right .footer-right h3 img {
              width: 100%;
              height: auto; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-right p {
            color: #fff;
            font-size: 20px; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul {
            display: flex;
            padding-left: 0px; }
            #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li {
              list-style-type: none; }
              #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li a {
                display: block;
                text-decoration: none; }
                #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li a img {
                  width: 100%;
                  height: auto; }
              #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li:nth-child(2) {
                margin-left: 20px; }
    #bottom-editarea > footer .footer-inner-second {
      width: 100%;
      height: auto;
      background: #000; }
      #bottom-editarea > footer .footer-inner-second .footer-second {
        width: 1040px;
        height: 100%;
        margin: 0 auto;
        display: flex;
        position: relative;
        padding-top: 70px; }
        #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left {
          padding-right: 110px;
          border-right: #333333 1px solid; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-logo {
            width: 220px;
            height: auto; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-logo img {
              width: 100%;
              height: auto; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-menu > ul {
            padding-left: 0; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-menu > ul > li {
              padding-top: 10px;
              font-size: 12px;
              list-style-type: none; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-menu > ul > li > a {
                text-decoration: none;
                color: #fff; }
        #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right {
          padding-left: 40px; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right h3 {
            color: #fff;
            font-size: 26px;
            font-family: 'Poppins', sans-seri;
            font-style: italic;
            width: 145px;
            height: auto; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right h3 img {
              width: 100%;
              height: auto; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul {
            padding-left: 0;
            display: flex;
            padding-top: 20px; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li {
              list-style-type: none;
              font-size: 14px;
              font-weight: bold;
              padding-left: 130px;
              font-style: italic; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > a {
                color: #fff;
                text-decoration: none;
                font-family: 'Poppins', sans-seri; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > ul {
                padding-left: 0; }
                #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > ul > li {
                  list-style-type: none;
                  font-size: 14px;
                  font-weight: normal;
                  padding-top: 10px;
                  font-style: normal;
                  font-family: Helvetica Neue,Helvetica; }
                  #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > ul > li > a {
                    display: block;
                    text-decoration: none;
                    color: #fff;
                    font-family: Helvetica Neue,Helvetica; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li:first-child {
                padding-left: 0px; }
        #bottom-editarea > footer .footer-inner-second .footer-second .page-top {
          width: 20px;
          height: auto;
          position: absolute;
          right: 30px;
          bottom: 0; }
          #bottom-editarea > footer .footer-inner-second .footer-second .page-top a {
            display: block; }
            #bottom-editarea > footer .footer-inner-second .footer-second .page-top a img {
              width: 100%;
              height: auto; }
    #bottom-editarea > footer .copyright {
      width: 100%;
      height: auto;
      background: #000; }
      #bottom-editarea > footer .copyright .copyright-inner {
        width: 1040px;
        height: 100%;
        margin: 0 auto; }
        #bottom-editarea > footer .copyright .copyright-inner p {
          font-size: 10px;
          color: #444444;
          padding-top: 40px;
          padding-bottom: 10px;
          font-family: 'Poppins', sans-seri; }
  .sliders ul.center-item {
    overflow: hidden;
    padding-left: 0; }
    .sliders ul.center-item li {
      height: 560px;
      background: #000; }
      .sliders ul.center-item li a {
        display: block;
        height: 420px;
        overflow: hidden; }
        .sliders ul.center-item li a img {
          width: 100%;
          height: auto; }
      .sliders ul.center-item li p {
        font-size: 20px;
        color: #999999;
        margin: 0;
        margin-top: 10px; }
      .sliders ul.center-item li .slider-text {
        display: flex;
        margin-top: 10px; }
        .sliders ul.center-item li .slider-text span {
          background: #ee4545;
          color: #fff;
          height: 26px;
          padding: 2px 8px 2px 8px; }
        .sliders ul.center-item li .slider-text h2 {
          font-size: 20px;
          margin: 0;
          padding-left: 10px; }
          .sliders ul.center-item li .slider-text h2 a {
            display: block;
            color: #fff;
            text-decoration: none; }
  .ranking > h3 {
    font-size: 32px;
    font-weight: bold; }
  .ranking ol {
    width: 100%;
    height: auto;
    list-style-position: inside;
    list-style-type: decimal;
    counter-reset: li;
    padding-left: 0px; }
    .ranking ol li {
      width: 220px;
      height: auto;
      list-style: none;
      position: relative;
      margin-top: 40px; }
      .ranking ol li a {
        display: block; }
        .ranking ol li a img {
          width: 100%;
          height: auto; }
      .ranking ol li p {
        font-size: 14px;
        color: #999999;
        margin-top: 15px; }
      .ranking ol li h3 {
        margin-top: 10px;
        font-size: 18px; }
        .ranking ol li h3 a {
          text-decoration: none;
          color: #000; }
      .ranking ol li:before {
        counter-increment: li;
        content: counter(li);
        margin-right: 1em;
        line-height: 1.6;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px; }
  .hatena-module-entries-access-ranking {
    width: 100%;
    height: auto; }
    .hatena-module-entries-access-ranking > .hatena-module-title {
      font-size: 32px;
      font-weight: bold;
      border-bottom: 0px solid #dededf;
      padding-bottom: 0px;
      font-family: 'Poppins', sans-seri;
      font-weight: bold;
      font-style: italic;
      color: #000000;
      margin-bottom: 1.2em;
      line-height: 1.3; }
    .hatena-module-entries-access-ranking > .hatena-module-body {
      width: 100%;
      height: auto; }
      .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking {
        width: 100%;
        height: auto;
        list-style-position: inside;
        list-style-type: decimal;
        counter-reset: li;
        padding-left: 0px; }
        .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item {
          width: 220px;
          height: auto;
          list-style: none;
          position: relative;
          margin-top: 0; }
          .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-image-link {
            display: block;
            overflow: hidden;
            height: 165px; }
            .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-image-link > img {
              width: 100%;
              height: auto; }
          .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-date-link {
            margin-top: 0.5rem;
            font-family: "Helvetica Neue" , Helvetica; }
          .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-date-link > a > time {
            font-size: 14px;
            color: #999999;
            margin-top: 15px; }
  .rank-1 {
    margin-top: 0px; }
  .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-title-link {
    margin-top: 0px;
    font-size: 18px !important;
    text-decoration: none;
    color: #000; }
  .rank-1:before, .rank-2:before, .rank-3:before, .rank-4:before, .rank-5:before {
    background: #000 !important; }
  .entries-access-ranking .entries-access-ranking-item:before {
    counter-increment: li;
    content: counter(li);
    margin-right: 1em;
    line-height: 1.6;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    font-family: 'Poppins', sans-seri;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 0;
    border: 0px solid #fff;
    font-size: 14px;
    font-style: italic; } }

@media (min-width: 768px) and (max-width: 1039px) {
  .related-entries-item .category-INTERVIEW, .related-entries-item .category-FEATURE, .related-entries-item .category-REPORT, .related-entries-item .category-PICKUP {
    display: none; }
  .entry-inner .entry-content {
    color: #000000;
    color: #000000; }
    .entry-inner .entry-content h2, .entry-inner .entry-content h3, .entry-inner .entry-content h4, .entry-inner .entry-content h6 {
      margin: 6em 0 3em; }
    .entry-inner .entry-content h5 {
      margin: 4em 0 2em; }
    .entry-inner .entry-content h2, .entry-inner .entry-content h3 {
      font-size: 24px; }
    .entry-inner .entry-content h4 {
      font-size: 20px; }
    .entry-inner .entry-content h5 {
      font-size: 16px;
      color: #8545ee; }
    .entry-inner .entry-content blockquote {
      color: #666666;
      font-size: 16px;
      margin: 0;
      padding: 18px 0px 18px 40px; }
  .block_notice_1 {
    background: #fbf9fe;
    display: flex;
    padding: 40px; }
    .block_notice_1 .block_notice_1_left {
      width: 40%;
      max-width: 280px;
      height: auto; }
      .block_notice_1 .block_notice_1_left img {
        width: 100%;
        height: auto;
        margin-top: 0; }
    .block_notice_1 .block_notice_1_right {
      width: 60%;
      height: auto;
      padding-left: 36px; }
      .block_notice_1 .block_notice_1_right h6 {
        font-size: 20px;
        margin: 0;
        margin-bottom: 1.8em; }
      .block_notice_1 .block_notice_1_right p {
        margin: 0;
        font-size: 16px; }
  .block_notice_2 {
    background: #fbf9fe;
    height: auto;
    padding: 40px; }
    .block_notice_2 h6 {
      font-size: 20px;
      margin: 0 !important; }
    .block_notice_2 p {
      padding-top: 1.4rem;
      margin: 0;
      font-size: 16px; }
  .swiper-pagination {
    position: relative !important;
    padding-bottom: 40px;
    padding-top: 40px; }
  .hatena-module-recent-entries.category-PICKUP {
    border-bottom: none !important; }
  .slide .recent-entries-image-link {
    cursor: pointer;
    width: 100%;
    height: 320px;
    display: block; }
  .recent-entries-categories > .category-INTERVIEW, .recent-entries-categories > .category-FEATURE, .recent-entries-categories > .category-PICKUP, .recent-entries-categories > .category-REPORT {
    display: none; }
  .categories > .category-INTERVIEW, .categories > .category-FEATURE, .categories > .category-PICKUP, .categories > .category-REPORT {
    display: none !important; }
  .category-INTERVIEW .recent-entries-see-more-link {
    top: 0px !important; }
  .sp {
    display: none !important; }
  .related-entries-item {
    width: 220px !important; }
  .swiper-container .recent-entries-date-link a {
    font-size: 20px !important;
    font-family: "Helvetica Neue" , Helvetica; }
  .hatena-module-html {
    margin-bottom: 0px; }
  #wrapper {
    max-width: 740px;
    width: 70%;
    margin-right: 40px;
    padding-top: 6%; }
  #box2 {
    padding-left: 40px;
    padding-top: 6%;
    background: #f7f7f7;
    padding-bottom: 110px;
    padding-right: 40px; }
  #top-box {
    max-width: 1040px; }
    #top-box .breadcrumb-link, #top-box .breadcrumb-child-link, #top-box .breadcrumb-gt {
      font-weight: bold;
      text-decoration: none; }
      #top-box .breadcrumb-link span, #top-box .breadcrumb-child-link span, #top-box .breadcrumb-gt span {
        color: #000; }
  #main .customized-footer .related-entries.hatena-urllist > li {
    width: 30% !important; }
  .related-entries.hatena-urllist > li:last-child {
    display: none; }
  .entry-title {
    font-size: 2.4vw; }
    .entry-title a {
      color: #000000;
      font-weight: bold; }
  .swiper-slide {
    padding: 10px;
    width: 640px; }
  .swiper-pagination-bullet {
    background: #e4dede !important; }
  .swiper-pagination-bullet-active {
    background: #fff !important; }
  .home-pickup .slide .urllist-date-link {
    position: relative !important;
    font-size: inherit !important;
    left: inherit !important;
    bottom: inherit !important;
    margin: auto;
    z-index: 3;
    top: 1rem;
    font-family: "Helvetica Neue" , Helvetica; }
  .home-pickup .slide .recent-entries-title-link {
    left: 0px !important;
    bottom: 0;
    font-size: 24px; }
  .home-pickup .slide, .main-slider-wrap {
    padding: 2rem; }
  .home-pickup .slide .recent-entries-title-link:before {
    content: "NEW" !important;
    background: #ee4545;
    color: #fff;
    height: 20px;
    padding: 2px 8px 2px 8px;
    font-size: 16px;
    margin-right: 7px;
    vertical-align: top; }
  .home-pickup .slide .urllist-date-link {
    position: relative !important;
    font-family: "Helvetica Neue" , Helvetica; }
  .home-pickup .slide:after {
    position: relative !important;
    background: inherit !important; }
  .home-pickup .slide, .main-slider-wrap {
    padding: 0; }
  .recent-entries-date-link a {
    font-size: 14px !important;
    color: #999999 !important;
    font-family: "Helvetica Neue" , Helvetica; }
  .urllist-with-thumbnails li .urllist-image {
    margin-bottom: 20px; }
  .hatena-module-related-entries > .hatena-module-title {
    padding-top: 8rem;
    font-size: 32px;
    font-family: 'Poppins', sans-seri;
    font-style: italic;
    margin-bottom: 1.0em;
    color: #000000; }
  .hatena-module-related-entries .related-entries-date-link {
    padding-top: 0.5rem;
    font-family: "Helvetica Neue" , Helvetica; }
  .hatena-module-related-entries time {
    font-size: 14px; }
  .hatena-module-related-entries a.related-entries-title {
    font-size: 1.8vw !important;
    margin-top: 0px !important;
    margin-bottom: 0.5rem !important; }
  .related-entries-categories {
    margin-left: -0.7rem; }
    .related-entries-categories > .related-entries-category-link {
      color: #5e1bea;
      background-color: #fff;
      text-decoration: underline;
      margin: 0;
      font-weight: bold;
      font-family: Helvetica Neue, Helvetica !important; }
  .entry-categories {
    margin-left: -0.5rem; }
    .entry-categories > a.entry-category-link {
      color: #5e1bea;
      background-color: #fff;
      text-decoration: underline;
      font-weight: bold;
      font-family: Helvetica Neue, Helvetica !important; }
  .archive-header-category > .archive-heading {
    font-size: 32px;
    font-family: 'Poppins', sans-seri;
    font-style: italic;
    color: #000000; }
  .archive-entries > .archive-entry {
    width: 100%;
    height: 15vw;
    padding-top: 0 !important; }
    .archive-entries > .archive-entry > .archive-entry-header {
      width: 100%;
      padding-left: 21.5vw; }
      .archive-entries > .archive-entry > .archive-entry-header h1 {
        font-size: 1.8vw;
        padding-top: 0%; }
        .archive-entries > .archive-entry > .archive-entry-header h1 a {
          color: #000000;
          max-height: 50px;
          overflow: hidden;
          display: block; }
      .archive-entries > .archive-entry > .archive-entry-header .archive-date {
        font-size: 1.8vw; }
    .archive-entries > .archive-entry > .categories {
      padding-left: 20vw; }
      .archive-entries > .archive-entry > .categories > .archive-category-link {
        color: #5e1bea;
        background-color: #fff;
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.4vw;
        font-family: Helvetica Neue, Helvetica !important; }
    .archive-entries > .archive-entry > a.entry-thumb-link > .entry-thumb {
      width: 20vw;
      height: 15vw;
      padding-bottom: 24%;
      margin-left: 0;
      position: absolute; }
  .hatena-module-recent-entries {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0px;
    padding-top: 60px; }
    .hatena-module-recent-entries > .hatena-module-title {
      width: 100%;
      height: auto; }
      .hatena-module-recent-entries > .hatena-module-title > a {
        font-family: 'Poppins', sans-seri;
        font-size: 32px;
        font-weight: bold;
        font-style: italic;
        color: #000000; }
    .hatena-module-recent-entries > .hatena-module-body {
      width: 100%;
      height: auto; }
      .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item {
        width: 33% !important;
        height: auto;
        padding-right: 15px;
        height: auto; }
        .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > a.recent-entries-title-link {
          margin-bottom: 0px;
          font-size: 20px;
          line-height: 1.4;
          font-weight: bold;
          margin-top: 12px;
          color: #000000; }
        .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories {
          margin-left: -0.4em; }
          .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > a.recent-entries-category-link {
            color: #5e1bea;
            background-color: #fff;
            text-decoration: underline;
            padding: 0 0.5rem;
            margin: 0;
            font-weight: bold;
            font-family: Helvetica Neue, Helvetica !important; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a.recent-entries-see-more-link {
        text-align: right;
        border: #aaa 0px solid;
        position: absolute;
        right: 0;
        top: 60px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        padding-right: 0;
        color: #000000; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a:after {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200206/20200206124517.png); }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a:hover {
        background: #fff;
        color: #000; }
  .hatena-module-recent-entries:first-child {
    padding-top: 0px; }
  .hatena-module-recent-entries:last-child {
    border-bottom: #aaa 0px solid; }
  > .hatena-module-recent-entries:last-child {
    border-bottom: #aaa 0px solid; }
  .breadcrumb {
    position: absolute; }
  #content {
    margin: 1em auto auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    padding-top: 0; }
  #content-inner {
    max-width: 1040px;
    justify-content: start; }
  /*スライダー*/
  .slider {
    margin: 0 0 0px; }
    .slider img {
      width: 100%;
      height: auto; }
  .single-item {
    max-width: 600px;
    margin: 0 auto 50px; }
  .slick-prev::before, .slick-next::before {
    font-size: 24px; }
  .lazy-item .slick-next, .thumb-item-nav .slick-next, .multiple-item .slick-next, .center-items .slick-next {
    right: 20px;
    z-index: 99; }
  .lazy-item .slick-prev, .thumb-item-nav .slick-prev, .multiple-item .slick-prev, .center-items .slick-prev {
    left: 15px;
    z-index: 100; }
  .single-item .slick-prev::before, .single-item .slick-next::before {
    color: #666; }
  .slick-dots li {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    /* background: #fff!important; */
    height: auto !important;
    bottom: 30px; }
    .slick-dots li button:before {
      font-family: slick;
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      content: '•';
      text-align: center;
      opacity: .25;
      color: #fff !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .multiple-item li {
    margin: 0 5px; }
  .thumb-item {
    max-width: 700px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 5px;
    padding: 0 5px; }
    .thumb-item img {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      width: auto;
      /* ie8 */
      margin: 0 auto; }
  .thumb-item-nav {
    max-width: 700px;
    margin: 0 auto; }
    .thumb-item-nav li {
      margin: 5px; }
  .lazy-item {
    width: 400px;
    margin: 0 auto 50px; }
    .lazy-item li {
      margin: 0 5px; }
  .slick-dotted.slick-slider {
    overflow: hidden; }
  .fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s; }
  .blog-header-new {
    width: 100%;
    height: 140px;
    background: #000;
    display: flex;
    align-items: center; }
    .blog-header-new .blog-header-new-inner {
      max-width: 1040px;
      height: auto;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      .blog-header-new .blog-header-new-inner .blog-header-new-logo {
        width: 220px;
        height: auto; }
        .blog-header-new .blog-header-new-inner .blog-header-new-logo a {
          display: block; }
          .blog-header-new .blog-header-new-inner .blog-header-new-logo a img {
            width: 100%;
            height: auto; }
        .blog-header-new .blog-header-new-inner .blog-header-new-logo a:hover {
          opacity: 0.5; }
      .blog-header-new .blog-header-new-inner .blog-header-new-menu ul {
        display: flex;
        margin-bottom: 0px; }
        .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li {
          list-style-type: none;
          color: #fff;
          transform: skewX(150deg);
          border-right: 1px solid #fff;
          font-weight: bold; }
          .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li a {
            text-decoration: none;
            color: #fff;
            display: block;
            transform: skewX(-150deg);
            padding: 0 40px;
            font-family: 'Poppins', sans-seri;
            font-size: 16px;
            font-style: italic; }
          .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li a:hover {
            opacity: 0.5; }
          .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li:last-child {
            border-right: 0px solid #fff; }
        .blog-header-new .blog-header-new-inner .blog-header-new-menu ul li:last-child > a {
          padding-right: 0; }
  .static-page-layout-header-footer article {
    margin-top: 8rem; }
  #bottom-editarea > footer {
    width: 100%;
    height: 370px;
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200128/20200128121143.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left; }
    #bottom-editarea > footer .footer-inner {
      max-width: 1040px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      position: relative;
      padding-left: 24px;
      padding-right: 24px; }
      #bottom-editarea > footer .footer-inner .footer-images {
        width: 200px;
        height: auto;
        display: flex;
        position: relative; }
        #bottom-editarea > footer .footer-inner .footer-images .footer-left {
          width: 200px;
          height: auto;
          position: absolute;
          bottom: -6px;
          left: 0; }
          #bottom-editarea > footer .footer-inner .footer-images .footer-left img {
            width: 100%;
            height: auto; }
      #bottom-editarea > footer .footer-inner .footer-images-right {
        display: flex;
        justify-content: center;
        align-items: center; }
        #bottom-editarea > footer .footer-inner .footer-images-right .footer-center {
          width: 180px;
          height: auto;
          margin-left: 70px; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-center img {
            width: 100%;
            height: auto; }
        #bottom-editarea > footer .footer-inner .footer-images-right .footer-right {
          margin-left: 70px; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-right h3 {
            font-size: 39px;
            color: #fff; }
            #bottom-editarea > footer .footer-inner .footer-images-right .footer-right h3 img {
              width: 100%;
              height: auto; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-right p {
            color: #fff;
            font-size: 20px; }
          #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul {
            display: flex;
            padding-left: 0px; }
            #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li {
              list-style-type: none; }
              #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li a {
                display: block;
                text-decoration: none; }
                #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li a img {
                  width: 100%;
                  height: auto; }
              #bottom-editarea > footer .footer-inner .footer-images-right .footer-right ul li:nth-child(2) {
                margin-left: 20px; }
    #bottom-editarea > footer .footer-inner-second {
      width: 100%;
      height: auto;
      background: #000;
      padding-left: 24px;
      padding-right: 24px; }
      #bottom-editarea > footer .footer-inner-second .footer-second {
        max-width: 1040px;
        height: 100%;
        margin: 0 auto;
        display: flex;
        position: relative;
        padding-top: 70px; }
        #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left {
          padding-right: 5%;
          border-right: #333333 1px solid; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-logo {
            width: 220px;
            height: auto; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-logo img {
              width: 100%;
              height: auto; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-menu > ul {
            padding-left: 0; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-menu > ul > li {
              padding-top: 10px;
              font-size: 12px;
              list-style-type: none; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-left .footer-second-left-menu > ul > li > a {
                text-decoration: none;
                color: #fff; }
        #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right {
          padding-left: 5%; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right h3 {
            color: #fff;
            font-size: 26px;
            font-family: 'Poppins', sans-seri;
            font-style: italic;
            width: 145px;
            height: auto; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right h3 img {
              width: 100%;
              height: auto; }
          #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul {
            padding-left: 0;
            display: flex;
            padding-top: 20px; }
            #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li {
              list-style-type: none;
              font-size: 14px;
              font-weight: bold;
              padding-left: 130px;
              font-style: italic; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > a {
                color: #fff;
                text-decoration: none;
                font-family: 'Poppins', sans-seri; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > ul {
                padding-left: 0; }
                #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > ul > li {
                  list-style-type: none;
                  font-size: 14px;
                  font-weight: normal;
                  padding-top: 10px;
                  font-style: normal;
                  font-family: Helvetica Neue,Helvetica; }
                  #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li > ul > li > a {
                    display: block;
                    text-decoration: none;
                    color: #fff;
                    font-family: Helvetica Neue, Helvetica !important; }
              #bottom-editarea > footer .footer-inner-second .footer-second .footer-second-right .footer-second-right-cat > ul > li:first-child {
                padding-left: 0px; }
        #bottom-editarea > footer .footer-inner-second .footer-second .page-top {
          width: 20px;
          height: auto;
          position: absolute;
          right: 30px;
          bottom: 0; }
          #bottom-editarea > footer .footer-inner-second .footer-second .page-top a {
            display: block; }
            #bottom-editarea > footer .footer-inner-second .footer-second .page-top a img {
              width: 100%;
              height: auto; }
    #bottom-editarea > footer .copyright {
      width: 100%;
      height: auto;
      background: #000;
      padding-left: 24px;
      padding-right: 24px; }
      #bottom-editarea > footer .copyright .copyright-inner {
        max-width: 1040px;
        height: 100%;
        margin: 0 auto; }
        #bottom-editarea > footer .copyright .copyright-inner p {
          font-size: 10px;
          color: #444444;
          padding-top: 40px;
          padding-bottom: 10px;
          font-family: 'Poppins', sans-seri; }
  .sliders ul.center-item {
    overflow: hidden;
    padding-left: 0; }
    .sliders ul.center-item li {
      height: 560px;
      background: #000; }
      .sliders ul.center-item li a {
        display: block;
        height: 420px;
        overflow: hidden; }
        .sliders ul.center-item li a img {
          width: 100%;
          height: auto; }
      .sliders ul.center-item li p {
        font-size: 20px;
        color: #999999;
        margin: 0;
        margin-top: 10px; }
      .sliders ul.center-item li .slider-text {
        display: flex;
        margin-top: 10px; }
        .sliders ul.center-item li .slider-text span {
          background: #ee4545;
          color: #fff;
          height: 26px;
          padding: 2px 8px 2px 8px; }
        .sliders ul.center-item li .slider-text h2 {
          font-size: 20px;
          margin: 0;
          padding-left: 10px; }
          .sliders ul.center-item li .slider-text h2 a {
            display: block;
            color: #fff;
            text-decoration: none; }
  .ranking > h3 {
    font-size: 32px;
    font-weight: bold; }
  .ranking ol {
    width: 100%;
    height: auto;
    list-style-position: inside;
    list-style-type: decimal;
    counter-reset: li;
    padding-left: 0px; }
    .ranking ol li {
      width: 220px;
      height: auto;
      list-style: none;
      position: relative;
      margin-top: 40px; }
      .ranking ol li a {
        display: block; }
        .ranking ol li a img {
          width: 100%;
          height: auto; }
      .ranking ol li p {
        font-size: 14px;
        color: #999999;
        margin-top: 15px; }
      .ranking ol li h3 {
        margin-top: 10px;
        font-size: 18px; }
        .ranking ol li h3 a {
          text-decoration: none;
          color: #000; }
      .ranking ol li:before {
        counter-increment: li;
        content: counter(li);
        margin-right: 1em;
        line-height: 1.6;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px; }
  .hatena-module-entries-access-ranking {
    width: 100%;
    height: auto; }
    .hatena-module-entries-access-ranking > .hatena-module-title {
      font-size: 32px;
      font-weight: bold;
      border-bottom: 0px solid #dededf;
      padding-bottom: 0px;
      margin-bottom: 0.66em;
      font-family: 'Poppins', sans-seri;
      font-weight: bold;
      font-style: italic;
      color: #000000; }
    .hatena-module-entries-access-ranking > .hatena-module-body {
      width: 100%;
      height: auto; }
      .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking {
        width: 100%;
        height: auto;
        list-style-position: inside;
        list-style-type: decimal;
        counter-reset: li;
        padding-left: 0px; }
        .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item {
          max-width: 220px;
          height: auto;
          list-style: none;
          position: relative;
          margin-top: 0; }
          .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-image-link {
            display: block;
            overflow: hidden;
            height: 165px; }
            .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-image-link > img {
              width: 100%;
              height: auto; }
          .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-date-link {
            margin-top: 0.5rem;
            font-family: "Helvetica Neue" , Helvetica; }
          .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-date-link > a > time {
            font-size: 14px;
            color: #999999;
            margin-top: 15px; }
  .rank-1 {
    margin-top: 0px; }
  .hatena-module-entries-access-ranking > .hatena-module-body > .entries-access-ranking > .entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-title-link {
    margin-top: 0px;
    font-size: 1.8vw !important;
    text-decoration: none;
    color: #000; }
  .rank-1:before, .rank-2:before, .rank-3:before, .rank-4:before, .rank-5:before {
    background: #000 !important; }
  .entries-access-ranking .entries-access-ranking-item:before {
    counter-increment: li;
    content: counter(li);
    margin-right: 1em;
    line-height: 1.6;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    font-family: 'Poppins', sans-seri;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 0;
    border: 0px solid #fff;
    font-size: 14px;
    font-style: italic; } }

@media (max-width: 767px) {
  .fix_background {
    position: fixed; }
  .main-slider-wrap {
    margin-top: 40px; }
  .swiper-container-android .swiper-slide, .swiper-wrapper {
    width: 292px !important; }
  .category-REPORT ul {
    border-bottom: #aaa 0px solid !important; }
  .main-slider-wrap .slide-width {
    width: 100%; }
  #main-inner > p {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 3rem; }
  .foot-share ul > li {
    width: 24%; }
  .search-result, .page-about article.entry, article.no-entry {
    margin-top: 8rem; }
  .search-result {
    margin-top: 8rem;
    padding-right: 24px;
    padding-left: 24px; }
    .search-result .archive-heading {
      font-size: 24px !important;
      margin-top: 20px;
      margin: .3rem 0; }
  .entry-categories .category-INTERVIEW, .entry-categories .category-FEATURE, .entry-categories .category-PICKUP, .entry-categories .category-REPORT {
    display: none; }
  #main-inner > .archive-heading {
    font-size: 32px !important;
    color: #000000 !important;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 8rem; }
  .archive-header-category .archive-heading, .archive-heading {
    font-size: 32px !important;
    color: #000000 !important; }
  .entry-inner .entry-content {
    font-size: 1rem;
    color: #000000; }
    .entry-inner .entry-content h2, .entry-inner .entry-content h3, .entry-inner .entry-content h4, .entry-inner .entry-content h5, .entry-inner .entry-content h6 {
      margin: 3em 0 1.5em; }
    .entry-inner .entry-content h2, .entry-inner .entry-content h3 {
      font-size: 24px; }
    .entry-inner .entry-content h4 {
      font-size: 20px; }
    .entry-inner .entry-content h5 {
      font-size: 16px;
      color: #8545ee; }
    .entry-inner .entry-content blockquote {
      color: #666666;
      font-size: 16px;
      margin: 0;
      padding: 18px 0 18px 20px; }
  .block_notice_1 {
    background: #fbf9fe;
    padding: 25px; }
    .block_notice_1 .block_notice_1_left {
      width: 100%;
      height: auto; }
      .block_notice_1 .block_notice_1_left img {
        width: 100%;
        height: auto;
        margin-top: 0; }
    .block_notice_1 .block_notice_1_right {
      width: 100%;
      height: auto;
      padding-top: 30px; }
      .block_notice_1 .block_notice_1_right h6 {
        font-size: 20px;
        margin: 0; }
      .block_notice_1 .block_notice_1_right p {
        padding-top: 30px;
        margin: 0;
        font-size: 16px; }
  .block_notice_2 {
    background: #fbf9fe;
    height: auto;
    padding: 25px; }
    .block_notice_2 h6 {
      font-size: 20px;
      margin: 0 !important; }
    .block_notice_2 p {
      padding-top: 1.4rem;
      margin: 0;
      font-size: 16px; }
  .breadcrumb {
    display: none; }
  .position_relative {
    position: relative !important; }
  .breadcrumb-inner {
    padding-left: 24px;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .archive-entry-header .entry-title {
    font-size: 20px;
    margin: .3rem 0 .5rem; }
    .archive-entry-header .entry-title a {
      color: #000000;
      font-weight: bold; }
  .archive-entries, .archive-header-category {
    padding-left: 24px;
    padding-right: 24px; }
  .recent-entries-item-inner {
    width: 220px !important; }
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    padding-bottom: 30px; }
  .swiper-pagination {
    position: relative !important; }
  #box2-inner .hatena-module-entries-access-ranking {
    padding-left: 24px;
    padding-right: 24px;
    background: #f7f7f7;
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-top: 60px; }
  #content-inner {
    padding-left: 0px;
    padding-right: 0px; }
  .hatena-module-recent-entries.category-PICKUP {
    border-bottom: none !important; }
  #container {
    overflow: hidden; }
  .hatena-module-recent-entries {
    width: 100% !important; }
  .pc {
    display: none !important; }
  .search-form .search-module-button {
    background: transparent url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200129/20200129201325.png) no-repeat 100%;
    background-size: 20px 20px; }
  #top-box {
    position: absolute;
    top: 90px;
    width: 100%;
    font-size: 14px; }
    #top-box .breadcrumb-link, #top-box .breadcrumb-child-link, #top-box .breadcrumb-gt {
      font-weight: bold;
      text-decoration: none; }
      #top-box .breadcrumb-link span, #top-box .breadcrumb-child-link span, #top-box .breadcrumb-gt span {
        color: #000; }
  .main-slider-wrap {
    overflow: none !important;
    padding-top: 1rem; }
  .swiper-pagination-bullet {
    background: #e4dede !important; }
  .swiper-pagination-bullet-active {
    background: #fff !important; }
  .home-pickup .slide {
    box-shadow: none;
    padding: 0; }
  .home-pickup .slide .urllist-image-link {
    width: 100%;
    height: auto;
    padding-bottom: none;
    overflow: none; }
    .home-pickup .slide .urllist-image-link img {
      width: 292px;
      height: 195px; }
  .object-fit {
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'; }
  .home-pickup .slide .recent-entries-title-link {
    font-size: 20px !important;
    height: auto;
    margin: .3rem 0; }
  .home-pickup .slide .recent-entries-title-link:before {
    content: "NEW" !important;
    background: #ee4545;
    color: #fff;
    height: 14px;
    padding: 2px 8px 2px 8px;
    font-size: 14px;
    margin-right: 7px;
    vertical-align: middle; }
  .swiper-container {
    padding-top: 5% !important; }
  .home-pickup .slide {
    background: none !important;
    width: 292px !important;
    margin: 0 auto; }
  .category-PICKUP {
    width: 100% !important;
    border-bottom: none !important; }
  .swiper-pagination {
    bottom: -10px !important; }
  .swiper-slide {
    padding-top: 10px !important; }
    .swiper-slide .recent-entries-date-link a {
      font-size: 18px;
      color: #999999;
      font-family: "Helvetica Neue" , Helvetica; }
    .swiper-slide a.recent-entries-title-link {
      font-size: 16px;
      color: #fff; }
  .main-slider-wrap img {
    width: 100%;
    height: auto; }
  .related-entries-categories {
    display: none; }
  .entry-categories > .category-PICKUP {
    width: auto !important; }
  #top-page-header-modules .hatena-module-title {
    display: none; }
  .category-INTERVIEW .hatena-module-title, .category-REPORT .hatena-module-title, .category-FEATURE .hatena-module-title {
    display: block !important; }
  .permalink-pager {
    display: none; }
  ul.related-entries li {
    width: 49%;
    height: auto;
    display: inline-block;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
    vertical-align: top;
    padding-top: 0;
    border-bottom: #aaa 0px solid; }
  .related-posts > .related-posts-img {
    width: 100%;
    height: 120px;
    overflow: hidden; }
    .related-posts > .related-posts-img a {
      display: block; }
      .related-posts > .related-posts-img a img {
        width: 100%;
        height: auto; }
  .related-posts > .related-posts-date {
    font-size: 14px;
    color: #999999;
    padding-top: 0.5rem; }
  .related-posts > .related-posts-title h2 {
    font-size: 18px; }
    .related-posts > .related-posts-title h2 a {
      color: #000;
      text-decoration: none; }
  .hatena-module-related-entries > .hatena-module-title, .hatena-module-related-entries .hatena-module-title:after {
    border-bottom: #aaa 0px solid;
    color: #fff; }
  .hatena-module-related-entries .hatena-module-title {
    color: #000;
    font-family: 'Poppins', sans-seri;
    font-size: 32px;
    font-style: italic; }
  [class*=blogicon-] {
    display: none; }
  .entry-header > .date > time {
    color: #999999; }
  .categories {
    margin-left: -0.4rem; }
    .categories > a {
      color: #5e1bea;
      background-color: #fff;
      text-decoration: underline;
      padding: 0 0.5rem 0;
      margin: 0;
      font-weight: bold; }
  .archive-header-category, .js-entry-article {
    margin-top: 8rem; }
  .page-archive .archive-entry {
    position: relative;
    margin-bottom: 3.5rem;
    width: 100% !important;
    padding-top: calc(70%) !important; }
  .page-archive .categories {
    display: block; }
    .page-archive .categories a {
      display: inline-block;
      color: #5e1bea;
      background-color: #fff;
      text-decoration: underline;
      padding: 0 0.5rem;
      margin: 0;
      font-weight: bold;
      font-size: 20px;
      font-family: Helvetica Neue, Helvetica !important; }
    .page-archive .categories a.category-PICKUP {
      width: auto !important; }
    .page-archive .categories a.category-INTERVIEW, .page-archive .categories a.category-FEATURE, .page-archive .categories a.category-PICKUP, .page-archive .categories a.category-REPORT {
      display: none !important; }
  .archive-header-category > h2 {
    font-size: 26px !important;
    font-weight: bold !important;
    text-align: left !important;
    font-family: 'Poppins', sans-seri;
    font-style: italic; }
  article .entry-header {
    padding-left: 24px;
    padding-right: 24px; }
    article .entry-header .entry-title {
      font-size: 24px;
      margin-top: 20px;
      margin: .3rem 0; }
      article .entry-header .entry-title a {
        color: #000000; }
  .entry-footer-section {
    padding-left: 24px; }
  .entry-content {
    padding-left: 24px;
    padding-right: 24px; }
  .hatena-module-related-entries {
    padding-left: 24px;
    padding-right: 24px; }
  .related-entries-date-link a time {
    font-size: 14px;
    margin-top: 10px; }
  .related-entries-title-link {
    font-size: 16px !important;
    margin-top: 0 !important; }
  .entry-categories > a {
    font-size: 20px;
    font-family: Helvetica Neue, Helvetica !important; }
  .entry-list .entry-list-anchor-block {
    position: relative;
    height: 400px; }
  .entry-list > a .list-entry-article {
    border-top: #aaa 0px solid !important;
    border-bottom: #aaa 0px solid; }
    .entry-list > a .list-entry-article .section {
      position: relative; }
      .entry-list > a .list-entry-article .section .entry-body {
        position: absolute;
        top: 0; }
      .entry-list > a .list-entry-article .section .date {
        position: absolute;
        top: 250px;
        color: #999999; }
      .entry-list > a .list-entry-article .section .entry-title {
        position: absolute;
        top: 270px;
        font-size: 20px; }
        .entry-list > a .list-entry-article .section .entry-title a {
          color: #000000; }
  .entry-list > a .entry-content {
    display: none !important; }
  .entry-list > a .entry-body {
    width: 100%;
    height: 240px;
    overflow: hidden;
    display: block !important; }
    .entry-list > a .entry-body .thumb {
      width: 100%;
      height: 240px;
      overflow: hidden;
      display: block;
      padding-right: 0; }
      .entry-list > a .entry-body .thumb img {
        width: 100%;
        height: auto;
        border-radius: 0; }
  #main-inner > .hatena-module-recent-entries.category-INTERVIEW {
    margin-left: 24px; }
  #main-inner > .hatena-module-recent-entries.category-FEATURE {
    margin-left: 24px; }
  #main-inner > .hatena-module-recent-entries.category-REPORT {
    margin-left: 24px; }
  .archive-date, .date, .urllist-date-link {
    font-size: 18px; }
  .hatena-module-recent-entries {
    height: auto;
    position: relative;
    margin-left: auto; }
    .hatena-module-recent-entries > .hatena-module-title {
      width: 100%;
      height: auto;
      border-bottom: #aaa 0px solid; }
      .hatena-module-recent-entries > .hatena-module-title > a {
        font-size: 32px;
        font-weight: bold;
        color: #000000;
        font-family: 'Poppins', sans-seri;
        font-style: italic; }
    .hatena-module-recent-entries > .hatena-module-title:after {
      border-bottom: #aaa 0px solid; }
    .hatena-module-recent-entries > .hatena-module-body {
      width: 100%;
      height: auto; }
      .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries {
        display: flex !important;
        margin: 0 auto;
        max-width: 1080px;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        flex-wrap: nowrap !important;
        -ms-overflow-style: none;
        /* IE, Edge 対応 */
        scrollbar-width: none;
        /* Firefox 対応 */
        border-bottom: 1px solid #dededf;
        padding-bottom: 2rem; }
        .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item {
          height: auto;
          width: 100% !important;
          padding: 0;
          justify-content: flex-start;
          margin-right: 4vw; }
          .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > a.recent-entries-image-link {
            overflow: hidden; }
            .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > a.recent-entries-image-link > img {
              width: 100%;
              height: auto; }
          .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > a.recent-entries-title-link {
            margin-bottom: 0px;
            font-size: 18px !important;
            margin-top: 1px;
            color: #000; }
          .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories {
            margin-left: -0.4em;
            display: block;
            display: flex; }
            .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories .category-PICKUP {
              width: auto !important; }
            .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > a.recent-entries-category-link {
              color: #5e1bea;
              background-color: #fff;
              text-decoration: underline;
              padding: 0 0.5rem 0;
              margin: 0;
              font-weight: bold;
              font-family: Helvetica Neue, Helvetica !important;
              font-size: 18px; }
          .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > .category-INTERVIEW, .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > .category-FEATURE, .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > .category-PICKUP, .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries > li.recent-entries-item > .recent-entries-item-inner > .recent-entries-categories > .category-REPORT {
            display: none; }
        .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries li.recent-entries-item:last-child {
          padding-right: 50px; }
      .hatena-module-recent-entries > .hatena-module-body > ul.recent-entries::-webkit-scrollbar {
        display: none; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a.recent-entries-see-more-link {
        text-align: right;
        border: #aaa 0px solid;
        position: absolute;
        right: 49px;
        top: 10px;
        font-size: 0px;
        font-weight: 600;
        cursor: pointer;
        background: none;
        color: #000000; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a:after {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200206/20200206124517.png);
        font-size: 16px; }
      .hatena-module-recent-entries > .hatena-module-body > .recent-entries-see-more > a:hover {
        background: #fff;
        color: #000; }
  .sp-menu-contents {
    width: 100%;
    height: auto;
    margin-top: 1.7rem; }
    .sp-menu-contents .sp-menu-logo {
      width: 159px;
      height: auto;
      margin-left: 24px; }
      .sp-menu-contents .sp-menu-logo a {
        display: block; }
        .sp-menu-contents .sp-menu-logo a img {
          width: 100%;
          height: auto; }
    .sp-menu-contents .sp-menu-search {
      width: 100%;
      height: auto;
      margin-top: 20vw;
      padding-left: 24px;
      padding-right: 24px; }
      .sp-menu-contents .sp-menu-search .search-form {
        width: 100%;
        height: auto; }
        .sp-menu-contents .sp-menu-search .search-form input[type=text] {
          background-color: white; }
    .sp-menu-contents > .sp-menu-cat {
      padding-left: 24px;
      padding-right: 24px; }
      .sp-menu-contents > .sp-menu-cat > h3 {
        font-size: 32px;
        font-weight: bold;
        color: #fff;
        font-family: 'Poppins', sans-seri;
        font-style: italic; }
    .sp-menu-contents ul.gnav__menu {
      padding: 0;
      margin-top: 0; }
      .sp-menu-contents ul.gnav__menu > li {
        list-style-type: none;
        font-weight: bold;
        font-size: 20px;
        border-bottom: #fff 1px solid;
        padding-bottom: 40px;
        margin-top: 35px;
        font-style: italic;
        padding-left: 54px; }
        .sp-menu-contents ul.gnav__menu > li > a {
          color: #fff;
          text-decoration: none;
          font-family: 'Poppins', sans-seri; }
        .sp-menu-contents ul.gnav__menu > li > ul {
          padding-left: 0; }
          .sp-menu-contents ul.gnav__menu > li > ul > li {
            list-style-type: none;
            font-size: 20px;
            padding-top: 3.5%; }
            .sp-menu-contents ul.gnav__menu > li > ul > li > a {
              color: #fff;
              text-decoration: none;
              font-family: Helvetica Neue, Helvetica !important;
              font-style: normal;
              font-weight: normal; }
    .sp-menu-contents ul.menu-other {
      padding: 0;
      padding-left: 54px;
      margin-top: 0;
      padding-bottom: 40px; }
      .sp-menu-contents ul.menu-other li {
        list-style-type: none;
        font-weight: bold;
        font-size: 14px;
        padding-top: 1.5rem;
        font-size: 16px; }
        .sp-menu-contents ul.menu-other li a {
          color: #fff;
          text-decoration: none; }
  .sp-menu {
    height: 20px;
    position: fixed;
    right: 15px;
    top: 30px;
    width: 30px;
    z-index: 9999; }
  .menu__line {
    background: #fff;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%; }
  .menu__line--center {
    top: 9px; }
  .menu__line--bottom {
    bottom: 0; }
  .menu__line--top.active {
    top: 8px;
    transform: rotate(45deg); }
  .menu__line--center.active {
    transform: scaleX(0); }
  .menu__line--bottom.active {
    bottom: 10px;
    transform: rotate(135deg); }
  /*ナビゲーション*/
  .gnav {
    background: rgba(0, 0, 0, 0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9998; }
  .gnav__wrap {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow-y: scroll; }
    .gnav__wrap .sp-menu-cat {
      margin-top: 40px; }
  .hatena-module-entries-access-ranking > .hatena-module-title {
    font-size: 32px !important;
    font-weight: bold !important;
    text-align: left !important;
    font-family: 'Poppins', sans-seri;
    font-style: italic;
    margin-bottom: 0;
    padding-bottom: 0; }
  .hatena-module-entries-access-ranking .entries-access-ranking-item:before {
    color: #fff !important;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0 !important;
    bottom: none !important;
    height: none !important;
    background: #000 !important;
    border-radius: 0% !important;
    border: 0px solid #fff !important; }
  .hatena-module-entries-access-ranking .rank-1:before {
    content: "1"; }
  .hatena-module-entries-access-ranking .rank-2:before {
    content: "2"; }
  .hatena-module-entries-access-ranking .rank-3:before {
    content: "3"; }
  .hatena-module-entries-access-ranking .rank-4:before {
    content: "4"; }
  .hatena-module-entries-access-ranking .rank-5:before {
    content: "5"; }
  .hatena-module-entries-access-ranking .urllist-item:before {
    width: 30px;
    text-align: center;
    bottom: auto;
    width: 32px;
    text-align: center;
    bottom: auto;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    font-family: 'Poppins', sans-seri; }
  .entries-access-ranking-item-inner {
    width: 100%;
    height: auto;
    list-style: none;
    position: relative;
    display: flex;
    align-items: flex-start;
    position: relative; }
  .ranking-left {
    width: 45%;
    height: 120px;
    overflow: hidden;
    padding-right: 2.5%; }
    .ranking-left a {
      display: block; }
      .ranking-left a img {
        width: 100%;
        height: auto; }
  .ranking-right {
    width: 55%;
    height: auto;
    padding-left: 2.5%; }
    .ranking-right p {
      font-size: 14px;
      color: #999999; }
    .ranking-right h3 {
      margin-top: 10px;
      font-size: 18px;
      font-weight: bold; }
      .ranking-right h3 a {
        text-decoration: none;
        color: #000; }
  a.entries-access-ranking-image-link {
    width: 45%;
    height: 120px;
    overflow: hidden;
    padding-right: 2.5%;
    display: block; }
    a.entries-access-ranking-image-link img {
      width: 100%;
      height: auto; }
  .entries-access-ranking-date-link {
    position: absolute;
    left: 48%;
    top: 0;
    font-size: 16px !important;
    color: #999999 !important;
    font-family: "Helvetica Neue" , Helvetica;
    line-height: 1; }
  a.entries-access-ranking-title-link {
    width: 55%;
    height: auto;
    padding-left: 2.5%;
    text-decoration: none !important;
    color: #000 !important;
    margin-top: 20px !important;
    font-size: 16px !important;
    font-weight: bold !important; }
  .entries-access-ranking-item:before {
    z-index: 1; }
  .hatena-module-entries-access-ranking > .hatena-module-title:after {
    border-bottom: 0px solid #5684d7; }
  .hatena-module-entries-access-ranking > .hatena-module-title {
    font-size: 26px;
    font-weight: bold;
    color: #000;
    border-bottom: 0px solid #bdccd4;
    font-family: 'Poppins', sans-seri; }
  .hatena-module-entries-access-ranking > .hatena-module-body > ul.entries-access-ranking {
    width: 100%;
    height: auto;
    list-style-position: inside;
    list-style-type: decimal;
    counter-reset: li;
    margin-top: 35px; }
    .hatena-module-entries-access-ranking > .hatena-module-body > ul.entries-access-ranking > li.entries-access-ranking-item {
      width: 100%;
      height: auto;
      list-style: none;
      position: relative;
      display: flex;
      align-items: flex-start;
      padding-left: 0px !important;
      border-bottom: 0px solid #dfe5e7;
      top: 0 !important;
      bottom: inherit;
      padding: 0;
      margin-bottom: 20px; }
      .hatena-module-entries-access-ranking > .hatena-module-body > ul.entries-access-ranking > li.entries-access-ranking-item > .entries-access-ranking-item-inner > a.entries-access-ranking-image-link > img {
        width: 100%;
        height: auto; }
      .hatena-module-entries-access-ranking > .hatena-module-body > ul.entries-access-ranking > li.entries-access-ranking-item > .entries-access-ranking-item-inner > .entries-access-ranking-date-link > a {
        font-family: "Helvetica Neue" , Helvetica; }
    .hatena-module-entries-access-ranking > .hatena-module-body > ul.entries-access-ranking > li.hatena-module-entries-access-ranking .urllist-item:before {
      z-index: 1; }
    .hatena-module-entries-access-ranking > .hatena-module-body > ul.entries-access-ranking > li.hatena-module-entries-access-ranking .rank-1:before {
      content: "1";
      color: #fff !important;
      font-weight: 700;
      position: absolute;
      left: 0;
      top: 0 !important;
      bottom: none !important;
      height: none !important; }
  #top-page-header-modules {
    width: 100%;
    margin-top: 6rem; }
  #bottom-editarea > .section {
    width: 100%;
    margin-bottom: 0em; }
  .slider img {
    width: 100%;
    height: auto; }
  .single-item {
    max-width: 600px; }
  .slick-prev::before, .slick-next::before {
    font-size: 24px; }
  .lazy-item .slick-next, .thumb-item-nav .slick-next, .multiple-item .slick-next, .center-item .slick-next {
    right: 20px;
    z-index: 99; }
  .lazy-item .slick-prev, .thumb-item-nav .slick-prev, .multiple-item .slick-prev, .center-item .slick-prev {
    left: 15px;
    z-index: 100; }
  .single-item .slick-prev::before, .single-item .slick-next::before {
    color: #666; }
  .slick-dots {
    bottom: -25px; }
  .multiple-item li {
    margin: 0 5px; }
  .thumb-item {
    max-width: 700px;
    margin: 0 auto 5px;
    padding: 0 5px; }
  .thumb-item-nav {
    max-width: 700px;
    margin: 0 auto; }
  .thumb-item-nav li {
    margin: 5px; }
  .lazy-item {
    width: 100%; }
  ul.lazy-item {
    margin: 0;
    background: #000;
    padding: 0;
    overflow: hidden; }
    ul.lazy-item li {
      padding-left: 10px;
      padding-right: 10px; }
      ul.lazy-item li a {
        display: block;
        height: 195px;
        overflow: hidden; }
        ul.lazy-item li a img {
          width: 100%;
          height: auto; }
      ul.lazy-item li p {
        font-size: 20px;
        color: #999999;
        margin: 0;
        margin-top: 10px; }
      ul.lazy-item li .slider-text {
        display: flex;
        margin-top: 10px; }
        ul.lazy-item li .slider-text span {
          background: #ee4545;
          color: #fff;
          height: 26px;
          padding: 2px 8px 2px 8px; }
        ul.lazy-item li .slider-text h2 {
          font-size: 20px;
          margin: 0;
          padding-left: 10px; }
          ul.lazy-item li .slider-text h2 a {
            display: block;
            color: #fff;
            text-decoration: none; }
  .drawer-hamburger-icon,
  .drawer-hamburger-icon:before,
  .drawer-hamburger-icon:after {
    width: 100%;
    height: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff !important; }
  .blog-header-new {
    width: 100%;
    height: auto; }
    .blog-header-new .blog-header-new-inner {
      width: 100%;
      height: 80px;
      background: #000;
      display: flex;
      align-items: center;
      position: fixed;
      top: 0;
      z-index: 9; }
      .blog-header-new .blog-header-new-inner .blog-header-new-logo {
        width: 159px;
        height: auto;
        z-index: 9999;
        margin-left: 24px; }
        .blog-header-new .blog-header-new-inner .blog-header-new-logo a {
          display: block;
          line-height: 0; }
          .blog-header-new .blog-header-new-inner .blog-header-new-logo a img {
            width: 100%;
            height: auto; }
  .ranking > h3 {
    font-size: 32px;
    font-weight: bold; }
  .ranking ol {
    width: 100%;
    height: auto;
    list-style-position: inside;
    list-style-type: decimal;
    counter-reset: li;
    padding-left: 0px;
    margin-top: 10px; }
    .ranking ol li {
      width: 100%;
      height: auto;
      list-style: none;
      position: relative;
      margin-top: 30px;
      display: flex;
      align-items: flex-start; }
      .ranking ol li .ranking-left {
        width: 50%;
        height: auto;
        padding-right: 2.5%; }
        .ranking ol li .ranking-left a {
          display: block; }
          .ranking ol li .ranking-left a img {
            width: 100%;
            height: auto; }
      .ranking ol li .ranking-right {
        width: 50%;
        height: auto;
        padding-left: 2.5%; }
        .ranking ol li .ranking-right p {
          font-size: 16px;
          color: #999999; }
        .ranking ol li .ranking-right h3 {
          margin-top: 10px;
          font-size: 16px; }
          .ranking ol li .ranking-right h3 a {
            text-decoration: none;
            color: #000; }
    .ranking ol li:before {
      counter-increment: li;
      content: counter(li);
      margin-right: 1em;
      line-height: 1.6;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      background: #000;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 5px; }
  footer {
    width: 100%;
    height: auto;
    position: relative; }
    footer .footer-first {
      width: 100%;
      height: auto;
      background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200213/20200213111204.png");
      background-repeat: no-repeat;
      background-size: cover; }
      footer .footer-first .footer-first-top {
        display: flex;
        align-items: center;
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 15%; }
        footer .footer-first .footer-first-top .footer-first-top-left {
          width: 100%;
          height: auto;
          padding-right: 5%; }
          footer .footer-first .footer-first-top .footer-first-top-left img {
            width: 100%;
            height: auto; }
        footer .footer-first .footer-first-top .footer-first-top-right {
          width: 100%;
          height: auto;
          padding-left: 5%; }
          footer .footer-first .footer-first-top .footer-first-top-right img {
            width: 100%;
            height: auto; }
      footer .footer-first .footer-first-middle {
        width: 100%;
        height: auto;
        padding: 3%;
        padding-top: 5%;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px; }
        footer .footer-first .footer-first-middle h3 {
          color: #fff;
          font-size: 6.4vw; }
          footer .footer-first .footer-first-middle h3 img {
            width: 100%;
            height: auto; }
        footer .footer-first .footer-first-middle p {
          color: #fff;
          font-size: 4vw;
          padding-top: 3%; }
      footer .footer-first .footer-first-bottom {
        width: 100%;
        height: auto;
        display: flex;
        padding-left: 24px;
        padding-right: 24px; }
        footer .footer-first .footer-first-bottom .footer-first-bottom-left {
          padding: 3%;
          padding-left: 0%; }
          footer .footer-first .footer-first-bottom .footer-first-bottom-left img {
            width: 100%;
            height: auto; }
        footer .footer-first .footer-first-bottom .footer-first-bottom-right {
          padding: 3%;
          padding-right: 0%; }
          footer .footer-first .footer-first-bottom .footer-first-bottom-right img {
            width: 100%;
            height: auto; }
    footer .footer-second {
      width: 100%;
      height: auto;
      padding: 3%;
      padding-left: 24px;
      padding-right: 24px; }
      footer .footer-second .footer-second-logo {
        width: 155px;
        height: auto;
        padding-top: 12%; }
        footer .footer-second .footer-second-logo img {
          width: 100%;
          height: auto; }
      footer .footer-second .footer-second-text {
        width: 100%;
        height: auto;
        padding-top: 10%;
        padding-bottom: 12%; }
        footer .footer-second .footer-second-text p {
          font-size: 18px;
          font-weight: bold; }
    footer .footer-third {
      width: 100%;
      height: auto;
      padding: 3%;
      padding-left: 24px;
      padding-right: 24px;
      background: #131313;
      padding-top: 10%;
      border-bottom: #333333 1px solid; }
      footer .footer-third .footer-third-title {
        width: 100%;
        max-width: 185px;
        height: auto; }
        footer .footer-third .footer-third-title h3 {
          font-size: 32px;
          font-weight: bold;
          color: #fff;
          font-family: 'Poppins', sans-seri;
          font-style: italic; }
          footer .footer-third .footer-third-title h3 img {
            width: 100%;
            height: auto; }
      footer .footer-third .footer-third-list > ul {
        padding: 0;
        padding-left: 8%;
        padding-right: 8%; }
        footer .footer-third .footer-third-list > ul > li {
          list-style-type: none;
          padding-top: 8%;
          padding-bottom: 10%;
          border-bottom: #333333 1px solid;
          font-style: italic; }
          footer .footer-third .footer-third-list > ul > li > a {
            color: #fff;
            font-weight: bold;
            font-size: 20px;
            text-decoration: none;
            font-family: 'Poppins', sans-seri; }
          footer .footer-third .footer-third-list > ul > li > ul {
            padding: 0; }
            footer .footer-third .footer-third-list > ul > li > ul > li {
              list-style-type: none;
              font-size: 20px;
              padding-top: 8%;
              font-weight: normal;
              font-style: normal; }
              footer .footer-third .footer-third-list > ul > li > ul > li > a {
                color: #fff;
                display: block;
                text-decoration: none;
                font-family: Helvetica Neue,Helvetica; }
        footer .footer-third .footer-third-list > ul > li:last-child {
          border-bottom: #333333 0px solid;
          padding-bottom: 15%; }
    footer .footer-fourth {
      width: 100%;
      height: auto;
      background: #000;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 14%; }
      footer .footer-fourth .footer-fourth-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 3%;
        padding-left: 0%; }
        footer .footer-fourth .footer-fourth-top .footer-fourth-top-left {
          width: 196px;
          height: auto; }
          footer .footer-fourth .footer-fourth-top .footer-fourth-top-left img {
            width: 100%;
            height: auto; }
        footer .footer-fourth .footer-fourth-top .footer-fourth-top-right {
          width: 60px;
          height: 60px; }
          footer .footer-fourth .footer-fourth-top .footer-fourth-top-right img {
            width: 100%;
            height: auto; }
      footer .footer-fourth .footer-fourth-bottom {
        width: 100%;
        height: auto;
        padding: 3%;
        padding-left: 0%; }
        footer .footer-fourth .footer-fourth-bottom ul {
          display: flex;
          padding: 0; }
          footer .footer-fourth .footer-fourth-bottom ul li {
            font-size: 12px;
            list-style-type: none; }
            footer .footer-fourth .footer-fourth-bottom ul li a {
              text-decoration: none;
              color: #fff;
              display: block; }
          footer .footer-fourth .footer-fourth-bottom ul li:first-child {
            padding-right: 15px;
            border-right: #fff 1px solid; }
          footer .footer-fourth .footer-fourth-bottom ul li:last-child {
            padding-left: 15px; }
    footer .page-top {
      position: absolute;
      right: 24px;
      bottom: 5px;
      width: 30px;
      height: auto; }
      footer .page-top a {
        display: block; }
        footer .page-top a img {
          width: 70%;
          height: auto; }
    footer .copyright {
      width: 100%;
      height: auto;
      background: #000;
      padding: 3%;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 10%; }
      footer .copyright .copyright-inner {
        width: 100%;
        height: auto; }
        footer .copyright .copyright-inner p {
          font-size: 8px;
          color: #444444;
          margin: 0;
          font-family: 'Poppins', sans-seri; }
  .hatena-module-recent-entries {
    width: 100%; }
    .page-archive .pager {padding: 0 24px;}
    .page-archive .pager span {width: 45%; background-color: #000000; border-radius: 5px; padding: 0 8px;}
    .page-archive .pager span a {color: #fff; font-size: 14px;}
    .page-archive .pager .pager-prev a:before {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200225/20200225154447.png);position: absolute; left: 15px; }
    .page-archive .pager .pager-next a:after {
        content: url(https://cdn-ak.f.st-hatena.com/images/fotolife/f/fanthology/20200225/20200225154450.png);position: absolute; right: 15px; }
}