@charset "utf-8";
/****************
responsive
****************/
@media screen and (max-width: 1350px) {

}

@media screen and (max-width: 1200px) {
  .header__right {
    display: none;
  }
  .hamburger {
    display: block;
    z-index: 100;
  }
  body.-active header {
    background: none!important;
    min-height: 70px;
    z-index: 100;
  }
  .img_content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;
    width: 100%;
  }
  .img_content__txt {
    background: none;
    order: 2;
    flex: auto;
  }
  .img_content__img {
    order: 1;
    width: 100%;
  }
  .news__img {
    width: 90%;
    margin-inline: auto;
  }
  .txt__wrap {
    flex: auto;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --ttl  : 0.8rem;
    --fs-l : 1rem;
    --fs-mm: 0.75rem;
    --s-l  : clamp(40px, 10vw, 80px);
    --s-mm : clamp(28px,  6vw, 64px);
    --s-m  : clamp(16px,  4vw, 32px);
    --s-ms : clamp(12px,  3vw, 24px);
  }

  /* --- ベーステキスト（11px固定） --- */
  body, p {
    font-size: 0.6875rem;
    line-height: 1.9;
    letter-spacing: 0.1em;
  }
  /* 改行コントロール */
  .sp_br   {display: revert;}
  .sp_none {display: none;}
  /* スライダー */
  .theme {
    font-size: 1.1rem;
    line-height: 1.5;
  }

  /* nav */
  .js-nav-area {
    width: 100%;
  }
  .global_nav__list {
    font-size: 0.75rem;
  }
  .breadcrumb__list {
    font-size: 0.6875rem;
  }
  .sp_nav__wrap a {
    font-size: clamp(1.2rem, 5vw, 1.8rem);
  }

  /* ヘッダー */
  .is_top .header_item__wrap {
    padding-block: 4vw;
  }
  .header__logo {
    width: 50%;
  }

  /* ハンバーガー */
  .hamburger__line {
    width: 28px;
    height: 1px;
  }
  .hamburger__line:before {
    top: -8px;
  }
  .hamburger__line:after {
    top: 8px;
  }

  /* TOPコンテンツ */
  .arrow::after {
    background-size: 35px;
    bottom: -.6em;
    right: -4px;
  }
  .scroll_arrow img {
  display: none;
}
  .philosophy {
    font-size: 0.8rem;
  }
  .top_content__ttl {
    font-size: 1.4rem;
  }
  .top_content hgroup p {
    font-size: 0.75rem;
  }
  /* グリッドリスト */
  .collection__list,
  .news__list,
  .product__list,
  .item_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .item_list {
    column-gap: 3vw;
  }
  .item_list li {
    background: revert;
    padding-inline: revert;
  }
  .news__list h3 {
    font-size: 0.8rem;
  }

  /* TOPリンク */
  .ttl_link__wrap {
    display: block;
  }
  .top_detail_btn {
    margin-top: 8px;
  }

  /* フッター */
  .footer__sns_list img {
    width: 30px;
  }
  .footer__inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .copyright {
    font-size: 0.625rem;
  }


  /* SOHコンテンツ */
  .soh_content {
    grid-template-columns: 1fr;
  }
  .soh_content article + article {
    border-left: revert;
    border-top: 1px solid;
  }
  .soh_content article {
    padding-block: 16px;
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding-inline: 5vw;
  }
  .soh_content h3 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  .soh_info br {
    display: none;
  }
  .soh_info .br {
    display: revert;
  }
  /* アイテム */
  .item_ttl,
  .price {
    font-size: 0.75rem;
  }

  /* 商品ページ */
  .product_header__img {
    height: auto;
    min-height: 200px;
  }
  .product-cate__intro {
    font-size: 0.8rem;
  }
  .category_ttl {
    font-size: 1.3rem;
  }

  /* ストックリスト */
  .stock_list > li {
    grid-template-columns: 1fr;
    row-gap: 8px;
    margin-block: revert;
  }
  .shop_location {
    font-size: 0.9rem;
  }
  .shop_name {
    font-size: 0.8rem;
  }

  /* コンテンツ見出し */
  h2.content__ttl {
    font-size: 1.5rem;
  }

  /* btn */
  .btn01.detail_page__btn a, .btn01 a, .slide_btn a {
    font-size: 0.75rem;
    padding: 8px 24px;
    word-break: keep-all;
  }
  .slide_btn a {
    line-height: 1;
    align-items: baseline;
    padding-block: 11px;
  }
  .slide_btn {
    --arrow: 35px;
  }
  .page_content h1, .news_cate_ttl, .page_ttl {
    margin-top: -10px;
  }

  /* テキスト左寄せに変換 */
  h2.content__ttl, .content__philosophy,
  .content__txt p, .soh_info {
    text-align: left;
  }
  .center {
    text-align: left!important;
  }
  .img_content__txt {
    width: var(--w-inner);
    margin-inline: auto;
    flex: revert;
  }
  .collection .content__inner {
    padding-bottom: 0;
  }
  
  .txt_content {
    padding-inline: revert;
  }
  .s_arrow:after {
    width: 30px;
  }
  .shop_info__link, .shop_info-left li a {
    font-size: 1.2rem;
  }
}

/* =====================
   500px以下
   ===================== */
@media screen and (max-width: 500px) {
  #page_top a {
    width: 50px;
    height: 50px;
  }
}

/* =====================
   タッチデバイス — hoverエフェクト無効化
   ===================== */
@media (hover: none) {
  a:hover {
    opacity: inherit !important;
    color: inherit !important;
    background: inherit !important;
    transform: none !important;
    transition: none !important;
  }
  .btn01 a:hover::before,
  .btn01 a:hover .arrow {
    transform: none !important;
    transition: none !important;
  }
}