@charset "utf-8";
/* motorcycle.css（SP）― レスポンス「モーターサイクル」カテゴリ専用。a.css の後に読み込む。
   担当はヘッダー（ロゴ／ハンバーガー／ドロワー／検索）と見出しのみ。
   適用範囲は body の 2 クラス :is(.page-cate--motorcycle, .page-giga--3352)
     .page-cate--motorcycle … モーターサイクルカテゴリ配下の全ページ
     .page-giga--3352       … ギガインデックス「モーターサイクル 試乗記」 */

/* 0. デザイントークン */
:is(.page-cate--motorcycle,.page-giga--3352) {
 --mc-ink: #111;
 --mc-ink-sub: #4d4d4d;
 --mc-ink-meta: #949494;
 --mc-line: #e6e6e6;
 --mc-line-mid: #d4d4d4;
 --mc-line-ink: #111;
 --mc-bg: #fff;
 --mc-bg-soft: #fafafa;
 --mc-ph: #f2f2f2;
 --mc-dark: #111;
 --mc-dark-line: #2e2e2e;
 --mc-ls-ja: .02em;
 --mc-ls-label: .12em;
 --mc-header-h: 75px;
}

/* 1. ベース（既存装飾の打ち消し） */
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header {
 background-color: var(--mc-bg);
 color: var(--mc-ink);
}

:is(.page-cate--motorcycle,.page-giga--3352) .thm-header .mc-header__logo .link {
 color: inherit;
}

/* 2. ヘッダー */
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header {
 position: relative;
 border-bottom: 1px solid var(--mc-line);
 background: var(--mc-bg);
}

/* 共有レイアウトに残る標準ロゴを隠す（カテゴリトップには存在しないので無害） */
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header > .header-logo {
 display: none;
}

/* ロゴ */
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header .mc-header__logo {
 box-sizing: border-box;
 position: static;
 z-index: auto;
 display: flex;
 align-items: center;
 width: auto;
 max-width: none;
 height: 72px;
 margin: 0;
 padding: 0 0 0 14px;
 line-height: 1;
 text-align: left;
}
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header .mc-header__logo .link {
 display: block;
}
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header .mc-header__logo .mc-logo {
 display: block;
 width: auto;
 height: clamp(17px, 5.6vw, 21px);
}

/* ハンバーガー／ドロワー／検索。標準ヘッダーとの id・兄弟セレクタ衝突を避けるため、すべて mc- 接頭辞のクラス／id を使い .mc-nav で包む */
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header > .check,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header > .menu-btn,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header > .close-menu,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header > .drawer-menu,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-header > .header-sub-area {
 display: none;
}

:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav {
 position: static;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check,
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__check {
 display: none;
}

/* ハンバーガー */
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__btn {
 display: block;
 position: absolute;
 top: 21px;
 right: 12px;
 width: 32px;
 height: 30px;
 cursor: pointer;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__bar {
 display: block;
 position: absolute;
 left: 3px;
 width: 26px;
 height: 1.5px;
 background: var(--mc-ink);
 transition: all .2s;
 transform-origin: left top;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__bar--top { top: 0; }
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__bar--mid { top: 8px; }
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__bar--bot {
 top: 16px;
 transform-origin: left bottom;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__label {
 display: block;
 position: absolute;
 bottom: -8px;
 left: 0;
 right: 0;
 margin: auto;
 color: var(--mc-ink);
 font-family: Helvetica, Arial, sans-serif;
 font-size: 9px;
 font-weight: 400;
 line-height: 1;
 letter-spacing: var(--mc-ls-label);
 text-align: center;
 transition: all .2s;
}

:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn {
 position: fixed;
 top: 18px;
 right: 14px;
 z-index: 1000000003;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn .mc-nav__label {
 opacity: 0;
 visibility: hidden;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn .mc-nav__bar--top,
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn .mc-nav__bar--bot {
 width: 30px;
 background: var(--mc-bg);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn .mc-nav__bar--top {
 transform: rotate(45deg);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn .mc-nav__bar--mid {
 opacity: 0;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__btn .mc-nav__bar--bot {
 top: 22px;
 transform: rotate(-45deg);
}

/* ドロワー */
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer {
 box-sizing: border-box;
 position: fixed;
 top: 0;
 right: 0;
 width: 272px;
 height: 100%;
 padding: 72px 0 40px;
 background-color: var(--mc-dark);
 transform: translateX(100%);
 transition: transform .2s ease;
 overflow-y: auto;
 z-index: 1000000002;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-drawer {
 transform: none;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__overlay {
 display: block;
 position: fixed;
 top: 0;
 right: 272px;
 bottom: 0;
 left: 0;
 background: rgba(0, 0, 0, .7);
 opacity: 0;
 visibility: hidden;
 transition: opacity .2s ease, visibility .2s ease;
 cursor: pointer;
 z-index: 1000000001;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-nav__check:checked ~ .mc-nav__overlay {
 opacity: 1;
 visibility: visible;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__list {
 margin: 0;
 padding: 0;
 list-style: none;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__item {
 margin: 0;
 padding: 0;
 text-align: left;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__link {
 display: block;
 padding: 15px 22px;
 border-bottom: 1px solid var(--mc-dark-line);
 color: var(--mc-bg);
 font-size: 14px;
 font-weight: 700;
 line-height: 1.5;
 letter-spacing: var(--mc-ls-ja);
 text-decoration: none;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__link:hover {
 background: #1d1d1d;
 color: var(--mc-bg);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__item--head .mc-drawer__link {
 border-top: 1px solid var(--mc-dark-line);
 letter-spacing: var(--mc-ls-label);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__item--foot .mc-drawer__link {
 margin-top: 22px;
 border: none;
 color: var(--mc-ink-meta);
 font-size: 12px;
 font-weight: 400;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-drawer__item:nth-last-child(2) .mc-drawer__link {
 border-bottom: none;
}

/* 検索 */
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__btn {
 display: block;
 position: absolute;
 top: 21px;
 right: 54px;
 width: 32px;
 height: 30px;
 cursor: pointer;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__icon {
 display: block;
 position: absolute;
 top: -4px;
 left: 0;
 right: 0;
 width: 26px;
 height: 26px;
 margin: 0 auto;
 background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.2' y1='16.2' x2='21' y2='21'/%3E%3C/svg%3E") no-repeat center center;
 background-size: 25px 25px;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__panel {
 box-sizing: border-box;
 height: 0;
 padding: 0 14px;
 overflow: hidden;
 transition: height .2s ease;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__check:checked ~ .mc-search__panel {
 height: 46px;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__form {
 box-sizing: border-box;
 position: relative;
 height: 46px;
 margin: 0;
 padding: 0 44px 0 0;
 border-top: 1px solid var(--mc-line);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__input {
 box-sizing: border-box;
 width: 100%;
 height: 45px;
 padding: 0;
 border: 0;
 background: none;
 color: var(--mc-ink);
 font-size: 15px;
 letter-spacing: var(--mc-ls-ja);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__input::placeholder {
 color: var(--mc-ink-meta);
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-search__submit {
 position: absolute;
 top: 0;
 right: 0;
 width: 44px;
 height: 46px;
 padding: 0;
 border: 0;
 background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.2' y1='16.2' x2='21' y2='21'/%3E%3C/svg%3E") no-repeat center top 10px;
 background-size: 25px 25px;
 cursor: pointer;
}

/* 3. 見出し／ヘッダー広告 */
:is(.page-cate--motorcycle,.page-giga--3352).thm-page-cate .thm-main h1.main-title,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-page-cate .thm-main .main-title,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-main .main-title {
 box-sizing: border-box;
 width: 100%;
 margin: 0;
 padding: 20px 14px 12px;
 border: none;
 border-bottom: 1px solid var(--mc-line-ink);
 background: none;
 background-color: transparent;
 color: var(--mc-ink);
 line-height: 1.4;
 letter-spacing: var(--mc-ls-label);
 text-align: center;
 overflow: visible;
}
/* カテゴリトップのみ h1「モーターサイクル」を隠す（一覧ページの同クラスは表示見出しなので残す） */
:is(.page-cate--motorcycle,.page-giga--3352).thm-page-cate .thm-main .main-title-display {
 display: none;
}

/* main-news の h1「最新ニュース」は表示。padding-top は他セクション見出しと同じ 34px */
:is(.page-cate--motorcycle,.page-giga--3352).thm-page-cate .thm-main .main-news .main-title {
 display: block;
 padding-top: 34px;
}
:is(.page-cate--motorcycle,.page-giga--3352) .header-ad {
 margin: 16px auto 0;
}

/* セクション見出し */
:is(.page-cate--motorcycle,.page-giga--3352) .section-title,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-main .section-title,
:is(.page-cate--motorcycle,.page-giga--3352) .topics-title {
 box-sizing: border-box;
 margin: 0;
 padding: 34px 14px 12px;
 border: none;
 border-bottom: 1px solid var(--mc-line-ink);
 background: none;
 color: var(--mc-ink);
 line-height: 1.4;
 letter-spacing: var(--mc-ls-label);
 text-align: center;
}
:is(.page-cate--motorcycle,.page-giga--3352) .section-title .inner {
 display: inline;
}

/* ギガ誘導枠（ギガID 2126）の見出しを「トピックス」に差し替え */
:is(.page-cate--motorcycle,.page-giga--3352) .mc-topics .topics-title {
 font-size: 0;
}
:is(.page-cate--motorcycle,.page-giga--3352) .mc-topics .topics-title::before {
 content: "トピックス";
 font-size: 17px;
 letter-spacing: var(--mc-ls-label);
}

/* 4. 「もっと見る」ボタン */
:is(.page-cate--motorcycle,.page-giga--3352) .thm-aside .aside-box .more,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-main .main-news .more,
:is(.page-cate--motorcycle,.page-giga--3352) .more {
 border: 1px solid var(--mc-line-ink);
 background: var(--mc-bg);
 color: var(--mc-ink);
}
:is(.page-cate--motorcycle,.page-giga--3352) .thm-aside .aside-box .more.arrow:after,
:is(.page-cate--motorcycle,.page-giga--3352) .thm-main .main-news .more.arrow:after,
:is(.page-cate--motorcycle,.page-giga--3352) .more.arrow:after {
 border-color: var(--mc-ink);
 border-width: 1.5px 1.5px 0 0;
}