/*
Theme Name: asano-sakeinshoku
Theme URL:
Description:
Author:
Version: 1
Tags: 
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* この下に通常のcssを書いていく */

.ttl-bk{
    background-image: url('/common/img/blog_img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    width:100%;
    padding:150px 0 100px 0;
    margin-bottom:2em;
}

.news.news-info{
    padding-top:0;
    margin-top:-100px;
}

.post_image{
    text-align:center;
}


.pagination {
    display: flex;
    justify-content: center;
    text-align: center;
    line-height:1em;
  }
  .pagination a {
    display: inline-block;
    padding: 0.7rem 0.7rem;
    background-color: #eee;
    text-decoration: none;
    color: black;
    border:1px solid #aaa;
  }
  .pagination a:hover, .pagination a:focus {
    background-color: #ddd;
  }
  
  .pagination__prev::before {
    content: "<";
  }
  
  .pagination__next::before {
    content: ">";
  }
  .pagination span {
    display: inline-block;
    padding: 0.7rem 0.7rem;
    background-color: #fff;
    text-decoration: none;
    border:1px solid #aaa;
    color: black;
  }

  .pagination__items {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    counter-reset: pagination;
    margin: 0 1px;
  }
  .pagination__items li {
    position: absolute;
    top: -100vh;
    counter-increment: pagination;
    margin: 0 1px;
  }
  .pagination__items li:first-child, .pagination__items li:last-child {
    position: static;
  }
  .pagination__items li.is-active {
    position: static;
  }
  .pagination__items li.is-active:not(:nth-child(1)):not(:nth-child(2))::before {
    content: "...";
    display: inline-block;
    padding: 0.5rem 0.7rem;
    background-color: #eee;
    margin-right: 2px;
  }
  .pagination__items li.is-active + li, .pagination__items li.is-active + li + li {
    position: static;
  }
  .pagination__items li.is-active + li + li:not(:last-child):not(:nth-last-child(2))::after {
    content: "...";
    display: inline-block;
    padding: 0.5rem 0.7rem;
    background-color: #eee;
    margin-left: 2px;
  }
  .pagination__items a::before {
    content: counter(pagination);
  }
  .pagination__items .is-active a {
    background-color: black;
    color: white;
  }

  .news_box div.news_article::after{
    border:none !important;
  }
  .news-archive{
    padding-top:2em;

  }
  .news-category ul,
  .news-monthly ul
  {

    list-style-type: none;
    position:relative;
  }

  .archive-category, .archive-monthly{
    position:relative;
    padding:1em 0;
  }
  .news-category-ttl{
    color: rgb(180, 155,148);
  }

  .h3-border{
    position: absolute;
    height:2em;
    background-color:white;
    text-indent:6em;
    overflow:hidden;
    width:100%;
  }
  .h3-border hr{
    margin-left:8em;
    border-color: rgb(180, 155,148);
  }
  .news-inner.news-archive ul li {
    width:auto;
    font-size:1.1em;
  }
@media screen and (max-width: 640px)
{
    .ttl-bk{
        padding:75px 0 50px 0;
        background-size: 180%;
    }

    .d-sm-none{
      display:none;
    }

    .h3-border hr{
      margin-left:6em;
    }
}