@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');
/* ヘッダー、フッター崩れ防止 */
.site-header,
.global-nav,
.site-footer {
  font-size: clamp(12px, 1.25vw, 18px);
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
}
.global-nav{
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
}
@media (max-width: 768px) {
  .site-header,
  .global-nav,
  .site-footer{
    font-size: clamp(12px, 1.34vw + 5.7px, 16px);
  }
}

/* メリコミ予防 */
.body_in {
  padding-top: clamp(58.5px, 5.5625vw, 87.75px);
}
@media (max-width: 768px) {
	/* メリコミ予防 */
	.body_in {
    padding-top: clamp(45px, 3.8vw + 29.47px, 59.96px);
  }
}

/* 各種 */
/* .btn{
	color: #fff !important;
} */

/* ガルド（商品詳細） */
.sp_head #grd_head >div ul li a{
	display: flex;
}
#grd_head .header-nav-search, #grd_head .header-nav-twitter{
	width: auto !important;
}

.global-nav a{
  font-weight: 500 !important;
}
.global-nav .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1em 1.25em !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  font-size: 0.9em !important;
  line-height: 1 !important;
  min-width: 16em !important;
  text-align: center !important;
  transition: opacity 0.2s ease !important;
  flex-shrink: 0 !important;
  background: var(--yellow) !important;
  border: none !important;
}

  /* クリエページ */
  .qurie-page .body_in{
    padding-top: 0 !important;
  }
  /* .qurie-page a{
    color: #fff !important;
  } */
  /* リキューレページ */
  .liQulle-page a,
  .liQulle-page .pages .pager ul li.off a{
    color: #fff !important;
  }
  .liQulle-page .comics a,
  .liQulle-page .news_wrap .news a,
  .liQulle-page .title li h4 a,
  .liQulle-page .dramacd .product a,
  .liQulle-page .z-products .product a {
    color: #000 !important;
  }
  .liQulle-page .page_magazine section ul li .main_product .txt p.link a{
    color: #e72c61 !important;
  }
  .liQulle-page .page_comics tr td.details .dtls .btn,
  .liQulle-page .page_comics .all .btn{
    background: none !important;
    font-weight: bold !important;
  }

  .outer img{
    display: inline;
  }


@media screen and (max-width: 768px) {
  /* ガルド関連 */
  .sp_head #grd_head {display: none;}
  /* クリエページ */
  .qurie-page .body_in{
    padding-top: 0 !important;
  }
    .narou_head{
      padding: 0;
  }
  .inquery #dvUserBox .inner{
    padding-top: 0 !important;
  }
  }

/* リキューレ(767px設定されているため) */
@media screen and (max-width: 767px) {
  .liQulle-page #content header{
    position: static !important;
  }
  .liQulle-page .page_default{
    padding: 0 !important;
  }
  #content .liQulle-header{
    position: static;
  }
  .liQulle-header .inner{
    position: relative;
    margin-top: 0.5em;
  }
  .liQulle-header .drawer-hamburger{
    padding: 0 !important;
    position: absolute !important;
    top: 20% !important;
    right: 5% !important;
  }
  .liQulle-page nav.drawer-nav ul.drawer-menu li a{
    color: #e72c61 !important;
  }
  .liQulle-page nav.drawer-nav ul.btn,
  .lqdetail nav.drawer-nav ul.btn{
    background: none !important;
    justify-content: flex-start !important;
  }
  .liQulle-page,
  .lqdetail{
    padding-top: 0 !important;
  }
}

  .global-nav__list a {
  color: var(--black) !important;
}
footer.site-footer .btn-wrap{
  background: var(--yellow) !;
}