@charset "utf-8";
/*
※PC,タブレット用

ページごとに異なる要素を記述
SP版のスタイルをmediaqueryで上書く。
*/

@media screen and (min-width: 781px) {
  .top_news {
    width: 80%;
    margin: 0 auto 1rem;
  }

  /* バナー */
  .wp-block-image .aligncenter {
    display: flex;
    justify-content: space-between;
  }

  /* top最新情報、 イベント一覧 */
  .drd_posts {
    display: flex;
    flex-wrap: wrap;
  }

  .drd_posts li {
    width: calc(49.9% - 1rem);
  }

  /* TOPのゼロポイントの図 */
  figure.wp-block-image.pc {
    transform: scale(1.31);
    margin: 6rem 0;
  }


  /* 書籍一覧 */
  .drd_books li {
    width: calc(33.3% - 1rem);
  }

  /* 書籍詳細 */
  .drd_book_meta ._img {
    width: 40%;
  }

  .drd_book_meta ._info {
    width: 60%;
  }

  /* 商品詳細 */
  .woocommerce ul.products {
    margin: 2rem -1.5rem 2rem 0;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .woocommerce div.product div.images .flex-viewport {
    width: calc(100% - 108px);
  }

  .woocommerce div.product div.images .flex-control-thumbs {
    width: 100px;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    float: none;
    margin-left: 0;
    width: 100px;
    height: 72px;
  }

  .shop_table td:last-child {
    width: 10em;
  }

  /* blog 一覧 */
  .blog #content article,
  .archive #content article,
  .search-results #content article {
    margin: 0 24px 32px;
    padding: 5px 10px;
  }

  .blog #content article .entry-summary,
  .archive #content article .entry-summary,
  .search-results #content article .entry-summary {
    display: flex;
    justify-content: space-around;
  }

  .blog #content article .entry-summary>a,
  .archive #content article .entry-summary>a,
  .search-results #content article .entry-summary>a {
    width: 33%;
  }

  .blog #content article .entry-summary>a img,
  .archive #content article .entry-summary>a img,
  .search-results #content article .entry-summary>a img {
    width: 100%;
  }

  .blog #content article .entry-summary>a+div,
  .archive #content article .entry-summary>a+div,
  .search-results #content article .entry-summary>a+div {
    width: 62%;
  }

  .blog #content article .entry-summary p,
  .archive #content article .entry-summary p,
  .search-results #content article .entry-summary p {
    margin-bottom: 1rem;
  }
}




@media screen and (min-width: 1100px) {
  .drd_books li {
    width: calc(25% - 1rem);
  }

  /* blog layout */
  .blog #content,
  .single #content,
  .category #content,
  .archive #content,
  .search-results #content {
    float: left;
    width: calc(100% - 280px);
  }

  .woocommerce #content {
    width: 100%;
    float: none;
  }

  #sidebar {
    width: 260px;
    border-left: #eee 1px solid;
    border-top: none;
    padding: 20px;
    margin-top: 0;
    float: right;
  }

  #sidebar .widget_archive ul,
  #sidebar .widget_categories ul {
    display: block
  }

  #sidebar .widget_archive li,
  #sidebar .widget_categories li {
    width: auto;
    margin: 0 0 12px;
  }

  #footer {
    clear: both;
  }
}