@charset "UTF-8";

/*!
Theme Name: james50
Description: James Fifty COMPANY reproduction child theme for Cocoon.
Theme URI: https://jamesfifty.com/
Author: Codex
Template:   cocoon-master
Version:    1.0.20
Text Domain: james50
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body.jfc-body {
	background: #222;
	color: #bbb;
	margin: 0;
}

body.jfc-body .jfc-shell {
	font-family: fot-tsukuaoldmin-pr6n, sans-serif;
}

body.jfc-body .pure-pusher h1 {
	color: #8f7d64;
	font-family: corporate-e, serif;
	font-size: calc(1.02854rem + 2.1429vw);
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	padding: 10px 3px 10px 10px;
	text-align: left;
}

body.jfc-body .pure-pusher h1 a,
body.jfc-body .pure-pusher h1 a:visited,
body.jfc-body .pure-pusher h1 a:hover,
body.jfc-body .pure-pusher h1 a:active {
	color: inherit;
	text-decoration: none;
}

body.jfc-body .topMess h1,
body.jfc-body .topMess h2 {
	font-family: corporate-e, serif;
	font-style: normal;
	line-height: 1.3;
	margin: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}

body.jfc-body .topMess h1 {
	color: #8f7d64;
	font-weight: 700;
	transform: scaleY(1.5);
}

body.jfc-body .topMess h2 {
	color: #fff;
	font-weight: 400;
	margin-top: 18px;
}

body.jfc-body .pure-toggle-label {
	z-index: 101;
}

body.jfc-body .pure-drawer {
	z-index: 100;
}

body.jfc-body .pure-overlay {
	z-index: 99;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1025px) {
	body.jfc-body .pure-pusher h1,
	body.jfc-body .topMess h1 {
		font-size: 3.6rem;
	}

	body.jfc-body .topMess h2 {
		font-size: 2.4rem;
		margin-top: 18px;
	}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	body.jfc-body .pure-pusher h1,
	body.jfc-body .topMess h1 {
		font-size: calc(1.02854rem + 2.1429vw);
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
	body.jfc-body .pure-pusher h1,
	body.jfc-body .topMess h1 {
		font-size: 2.4rem;
	}

	body.jfc-body .topMess h2 {
		font-size: 2rem;
		margin-top: 10px;
	}
}

/************************************
** ドロワーメニューを旧サイトに合わせる（2026-10-02）
** Cocoon の box-sizing:border-box・リンク色・ul の既定余白が効いて、
** 広い画面で項目が折り返し右にはみ出し、文字が青くなっていたのを戻す
************************************/
body.jfc-body .pure-drawer {
	box-sizing: content-box;
	font-size: 16px;
}

body.jfc-body .pure-drawer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.jfc-body .pure-drawer a,
body.jfc-body .pure-drawer a:visited {
	color: #bbb;
	text-decoration: none;
}

body.jfc-body .pure-drawer a:hover {
	color: #fff;
}

/************************************
** 本文まわりのリンク色・ブログ一覧カード（2026-10-02 点検で追加）
** Cocoon の青（#1967d2）が暗い背景で沈むのを、テーマの色に合わせる
************************************/
/* 在庫カード：カード全体がリンクなので、中の文字は周りと同じ色にする */
body.jfc-body .stockView a,
body.jfc-body .stockView a:visited {
	color: inherit;
	text-decoration: none;
}

/* ブログ一覧カード：カード全体がリンク。カテゴリと Read more は文字（リンクではない） */
body.jfc-body .jfc-report-card > a,
body.jfc-body .jfc-report-card > a:visited {
	color: inherit;
	text-decoration: none;
}

body.jfc-body .jfc-report-card-cats,
body.jfc-body .jfc-read-more {
	color: #c4a978;
}

/* 記事ページのカテゴリ・本文中のリンク */
body.jfc-body .jfc-report-single-cats a,
body.jfc-body .jfc-main .entry-content a,
body.jfc-body .jfc-main article a:not([class]) {
	color: #c4a978;
}

body.jfc-body .jfc-report-single-cats a:hover,
body.jfc-body .jfc-main .entry-content a:hover,
body.jfc-body .jfc-main article a:not([class]):hover {
	color: #e3c9a0;
}

/* 2026-10-02 存在しない車両ページの案内文 */
body.jfc-body .jfc-notfound-note {
	text-align: center;
	margin: 1em 0;
}

body.jfc-body .jfc-notfound-note a {
	color: #c4a978;
}

/* 2026-10-02 SHOP欄の問い合わせリンク */
body.jfc-body .jfc-shop-contact a {
	color: #c4a978;
	text-decoration: underline;
}