@charset "UTF-8";
/* ===================================== */
/* MT
/* ===================================== */

/* PCエリアサイズ */
.mt-main-index, .mt-entry-archive, .mt-category-archive, .mt-archive-index, .mt-archive-listing {
  margin: 6rem auto 0;
  max-width: 1100px;
}

/* 最新情報タイトル */
.news_title {
  margin: 0 0 2.5rem;
  font-size: 1.8rem;
}

/* 非表示 */
.shop_news .news_title {
  display: none;
}
.asset-footer,
.content-nav {
  display: none;
}



/* alpha ----------------------------------------------------------------- */
#alpha {
  float: left;
  width: 67%;
  padding-bottom: 2rem;
}
#alpha a, #alpha a:visited {
  text-decoration: underline;
}
/* asset */
#alpha .entry-asset .entry-title {
  padding: .5rem 1rem .7rem;
  color: #000;
  font-weight: bold;
  line-height: 1.2rem !important;
  background-color: #EEE9C4;
}
#alpha #page-title.entry-title {
  padding: 1rem;
  font-size: 1.3rem;
  line-height: 1.8rem !important;
}
#alpha .entry-asset .entry-title a, #alpha .entry-asset .entry-title a:visited {
  color: #000;
  font-size: .52em;
  font-weight: bold;
  text-decoration: none;
}
#alpha .entry-asset .entry-title a:hover {
  text-decoration: underline;
}
#alpha .entry-asset .asset-body {
  padding: 1rem 0;
  color: #000;
  line-height: 1.35rem;
  zoom: 100%;
}
#alpha .entry-asset .asset-body:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#alpha .entry-asset .asset-body ul li {
  list-style: inside disc;
}
#alpha .entry-asset .asset-body ol li {
  list-style: inside decimal;
}
#alpha .entry-asset .asset-meta {
  color: #999;
  text-align: right;
}
#alpha .asset-meta .byline {
  color: #fff;
}
#alpha .asset-meta .published {
  color: #999;
  border: none;
}
#alpha .asset-meta .byline, #alpha .asset-meta .separator {
  font-size: .75rem;
  letter-spacing: 0;
}
/* content-nav */
.mt-main-index #alpha .content-nav, .shop_news #alpha .content-nav {
  display: block;
  margin: 0 0 2rem;
  text-align: center;
}
.mt-main-index #alpha .content-nav a, .shop_news #alpha .content-nav a {
  padding: 1rem 5rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: #e0c070;
}
.mt-main-index #alpha .content-nav a:hover, .shop_news #alpha .content-nav a:hover {
  background: #a7862b;
}
/* asset-footer */
.asset-footer {
  margin-top: 2.5rem;
}
.asset-footer h4 {
  clear: both;
  color: #666;
}
.asset-footer h4, .asset-footer li {
  float: left;
  margin: 5px 10px 0 0;
}
/* archive */
@media(min-width:768px){
    .archive-month-wrap {
        display: flex;
        justify-content: space-between;
    }  

    .archive-month-wrap .archive h2 {
        margin-top: 0;
    }

    .archive-month-wrap > * {
        width: 40%;
    }
}

.archive-title {
  margin-bottom: 3rem;
  font-size: 1.45rem;
}

.archive h2 {
  margin: 3rem 0 .7rem;
  font-size: 1.3rem;
  font-weight: bold;
}
.archive-content li {
  margin-bottom: .3rem;
  padding-left: 1.5rem;
}
#alpha  .asset-body h2 {
    font-size: 1.5rem;
}

#alpha .asset-body h3 {
    font-size: 1.17rem;
}


#alpha .asset-body h4 {
    font-size: 1rem;
}

#alpha .asset-body h5 {
    font-size: .83rem;
}

#alpha .asset-body h6 {
    font-size: .67rem;
} 

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wp-block-heading {
    margin-top: 1.5rem;
}

.wp-block-heading mark {
    font-weight: bold;
}

.wp-block-gallery {
    margin-top: 2rem;
}

.wp-block-image {
    margin-top: 2rem;
}

.wp-block-columns {
    margin: 2rem 0;
}
.wp-block-column .wp-block-heading:first-child {
    margin-top: 0;
}

.wp-block-column .w-block-image:first-child {
    margin-top: 0;
}
.wp-block-column p+.wp-block-image {
    margin-top: 1rem;
}

.btn-nav {
  display: flex;
  justify-content: center;
}
.pagination {
    position: relative;
    margin-top: 0;
    text-align: center;
    clear: both;
}

.pagination a,
.pagination span,
.pagination button {
    display: inline-block;
    margin: 0.1rem 0.3rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    background-color: transparent;
    text-decoration: none;
    color: var(--color-primary);
    font-weight: bold;
    transition: background-color 0.3s;
    appearance: none; 
    -webkit-appearance:none;
    outline: none;
    text-decoration: none !important;
}

.pagination .current,
.pagination a:hover {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: #fff;
}

@media only screen and (min-width: 768px) {

    /*--------------------------------------------------------------
       pagination
     --------------------------------------------------------------*/
    .pagination a.btn-prev,
    .pagination a.btn-next {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
    }

    .pagination.pg-lg a,
    .pagination.pg-lg span {
        padding: 0.8rem 1.2rem;
    }

    .pagination.pg-lg a.btn-prev,
    .pagination.pg-lg a.btn-next {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
    }
}

@media (max-width:767px) {

    /*--------------------------------------------------------------
      ### pagination
    --------------------------------------------------------------*/
    .pagination.pg-lg span,
    .pagination.pg-lg a,
    .pagination span,
    .pagination a {
        margin: 0.2rem;
        padding: 0.3rem 0.7rem;
    }

    .pagination {
        margin: 4rem 0;
    }

    .wp-block-group .pagination {
        margin-bottom: 0;
    }
}
/* beta ----------------------------------------------------------------- */
#beta {
  float: left;
  width: 25%;
  margin-left: 8%;
}
#beta:not(.n-hide){
  display: none;
}
#beta a, #beta a:visited {
  color: #666;
  font-size: .75rem;
  text-decoration: none;
}
#beta a:hover {
  color: #666;
  text-decoration: underline;
}
#beta h3 {
  margin-bottom: .6rem;
  padding: 0 0 .3rem;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  border-bottom: solid #ccc 1px;
}
#beta h3 a, #beta h3 a:visited, #beta h3 a:hover {
  color: #333;
  font-size: .95rem;
  text-decoration: none;
}
#beta h3 a:hover {
  text-decoration: underline;
}
/* widget */
.widget {
  margin: 0 0 3rem;
}
.widget-content li {
  margin-bottom: .3rem;
  line-height: 1rem;
}
/* widget-search */
.widget-search .ti {
  margin: 0 0 .3rem;
  color: #999;
}
/* widget-archive-category */
.widget-archive-category ul ul {
  margin: .6rem 0 6rem 6rem !important;
}
.widget-recent-entries li {
  margin: .4rem 0;
}

/* ===================================== */
/* screen
/* ===================================== */
@media (max-width: 1200px) {
  /* PCエリアサイズ */
  .mt-main-index, .mt-entry-archive, .mt-category-archive, .mt-archive-index, .mt-archive-listing {
    max-width: 900px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* PCエリアサイズ */
  .mt-main-index, .mt-entry-archive, .mt-category-archive, .mt-archive-index, .mt-archive-listing {
    margin-top: 7rem;
    max-width: 680px;
  }
}
@media (max-width: 991px) {
  #main {
    padding-bottom: 0;
  }
  #alpha {
    width: 100%;
  }
  #alpha img {
    width: 100% !important;
    height: auto;
  }
  #alpha .entry-asset .asset-body {
    font-size: .97rem;
    line-height: 1.5rem;
  }
  #beta {
    margin: 3rem 0 0;
    padding: 3rem 0 0;
    width: 100%;
    border-top: 1px #999 solid;
  }
  #beta h3 {
    font-size: 1.3rem;
  }
  #beta h3 a, #beta h3 a:visited, #beta h3 a:hover {
    font-size: 1.2rem;
  }
  #beta a, #beta a:visited {
    font-size: .9rem;
    line-height: 1.3rem;
  }
}
@media (max-width: 767px) {
  /* SPサイド余白 */
  #content {
    padding: 0 1rem;
  }
  .shop_news #content {
    padding: 0;
  }
  /* 最新情報タイトル */
  .news_title {
    margin: -1.5rem 0 1.5rem 1rem;
    font-size: 1.5rem;
  }
  /* ハンバーガーメニュー位置調整 */
  .toggle-bar {
    margin: 12px 0 17px;
  }
  .shop_news .toggle-bar {
    margin: 12px 0 10px;
  }
}