header
  
<h1 id="archive-title" class="archive-title">デザイン部</h1>

<div id="list" class="list ect-entry-card front-page-type-index">

<a href="https://taftstaff.com/profile/%e4%ba%95%e8%97%a4-%e3%82%86%e3%81%8b/" class="entry-card-wrap a-wrap border-element cf" title="John">
  <article id="post-390" class="post-390 entry-card e-card cf profile type-profile status-publish format-standard hentry profile_cate-design">
    <figure class="entry-card-thumb card-thumb e-card-thumb">
              <img src="https://taftstaff.com/wp-content/themes/cocoon-master/images/no-image-320.png" alt="" class="no-image entry-card-thumb-image list-no-image" width="320" height="180" />                </figure><!-- /.entry-card-thumb -->

    <div class="entry-card-content card-content e-card-content">
      <h2 class="entry-card-title card-title e-card-title" itemprop="headline">John</h2>
            <div class="entry-card-snippet card-snippet e-card-snippet">
              </div>
                  <div class="entry-card-meta card-meta e-card-meta">
        <div class="entry-card-info e-card-info">
                      <span class="post-date"><span class="fa fa-clock-o" aria-hidden="true"></span> 2022.12.02</span>
                                                </div>
        <div class="entry-card-categorys"></div>
      </div>
    </div><!-- /.entry-card-content -->
  </article>
</a>
</div><!-- .list -->



<div class="pagination">
  </div><!-- /.pagination -->

          </main>

        
      </div>

    </div>

    
    
    
    <footer id="footer" class="footer footer-container nwa" itemscope itemtype="https://schema.org/WPFooter">

      <div id="footer-in" class="footer-in wrap cf">

        
        
        
<div class="footer-bottom fdt-up-and-down cf">
  <div class="footer-bottom-logo">
    <div class="logo logo-footer logo-text"><a href="https://taftstaff.com/" class="site-name site-name-text-link" itemprop="url"><span class="site-name-text" itemprop="name about">タフトではたらく人々</span></a></div>  </div>

  <div class="footer-bottom-content">
     <nav id="navi-footer" class="navi-footer">
  <div id="navi-footer-in" class="navi-footer-in">
      </div>
</nav>

    <div class="source-org copyright"></div>
  </div>

</div>

      </div>

    </footer>

    
    

    

  <ul id="menu-%e3%83%a1%e3%82%a4%e3%83%b3" class="mobile-footer-menu-buttons mobile-menu-buttons"><li class="navi-menu-button menu-button"><a href="https://taft.co.jp/" class="menu-button-in"><span class="custom-menu-icon menu-icon"><span class="fa fa-star"></span></span><span class="custom-menu-caption menu-caption">taft webサイトへ戻る</span></a></li>
</ul>


    <div id="go-to-top" class="go-to-top">
      <a class="go-to-top-button go-to-top-common go-to-top-hide go-to-top-button-icon-font"><span class="fa fa-angle-double-up"></span></a>
  </div>

    <link rel='stylesheet' id='rt-team-css-css' href='https://taftstaff.com/wp-content/plugins/tlp-team/assets/css/tlpteam.css?ver=4.0.3&#038;fver=20220424013431' type='text/css' media='all' />
<link rel='stylesheet' id='rt-team-sc-css' href='https://taftstaff.com/wp-content/uploads/tlp-team/team-sc.css?ver=1650809631&#038;fver=20220424021351' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack_css-css' href='https://taftstaff.com/wp-content/plugins/jetpack/css/jetpack.css?ver=12.5.2&#038;fver=20260902013135' type='text/css' media='all' />

    


  

  

  

  

  

  

    <script>
  (function($){
    /*固定ヘッダー化*/
    function stickyHeader(){
      if (!$("#header-container").hasClass("fixed-header")) {
                $("#header-container").addClass("fixed-header");
        $("#header-container").css({
          'position': 'fixed',
          'top': '-100px',
          'left': '0',
          'width': '100%',
        });
        $("#header-container").animate({'top': '0'}, 500);
      }
    }

    /*固定ヘッダーの解除*/
    function staticHeader(){
      if ($("#header-container").hasClass("fixed-header")) {
                $("#header-container").removeClass("fixed-header");
        $("#header-container").css({
          'position': 'static',
          'top': 'auto',
          'left': 'auto',
          'width': 'auto',
        });
      }
    }

    var prevScrollTop = -1;
    var $window = $(window);
    var mobileWidth = 1023;
    $window.scroll(function(){
      var scrollTop = $window.scrollTop();
      var threashold = 600;
      var s1 = (prevScrollTop > threashold);
      var s2 = (scrollTop > threashold);
      var w = $window.width();
      // console.log(scrollTop);

      /*スクロールエリアの位置調整*/
      function adjustScrollArea(selector) {

        if ($(selector) && $(selector).offset()) {
          offset = $(selector).offset().top;
          // console.log(offset);
          h = $("#header-container").height();
          // console.log(h);
          pt = $(selector).css('padding-top');
          // console.log(pt);

          if (pt) {
            pt = pt.replace('px', '');
          } else {
            pt = 0;
          }

          if ((scrollTop >= offset - h) && (w >  mobileWidth)) {
            if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) {
              $(selector).css({
                'padding-top': h + 'px',
              });
            }
          } else {
            if (pt > 0) {
              $(selector).css({
                'padding-top': 0,
              });
            }
          }
        }

      }

      /*スクロール追従エリアの調整*/
      function adjustScrollAreas() {
        adjustScrollArea('#sidebar-scroll');
        adjustScrollArea('#main-scroll');
      }

      /*固定ヘッダーのスタイル決め*/
      function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) {
        if (s1 ^ s2) {
          if (s2 && (w > mobileWidth)) {
            stickyHeader();
          }
        }
        if (scrollTop <= 50 || w <=  mobileWidth) {
          staticHeader();
        }
      }

      adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth);
      adjustScrollAreas();

      prevScrollTop = scrollTop;
    });

    /*ウインドウがリサイズされたら発動*/
    $window.resize(function() {
      /*ウインドウの幅を変数に格納*/
      var w = $window.width();
      if (w <=  mobileWidth) {/*モバイル端末の場合*/
        staticHeader();
      } else {/*パソコン端末の場合*/
        var scrollTop = $window.scrollTop();
        console.log(scrollTop);
        if (scrollTop >= 50) {
          stickyHeader();
        }

      }
    });

  })(jQuery);
  </script>
  
  





  </div><!-- #container -->

    
</body>

</html>