@charset "UTF-8";
/*
Theme Name: C-PRESS用テーマ
Theme URI:
Author:
Author URI:
Description: C-PRESS用のテーマ
Version: 0.0.1
*/
/* ライトモード色 */
:root,
[data-theme=light] {
	--cm-hamburger-color: #56585a;	/*ハンバーガーメニューの色*/
	--cm-body-main-bgcolor: #f4f1eb;	/*各ページの背景色*/
	--cm-body-color: #333;	/*基本の文字色*/
	--cm-section-title-color: #394063;	/*セクションタイトルの色*/
	--cm-ranking-nunber-color: #eb5e54;	/*ランキングの色*/
	--cm-ranking-img-border: #ccc;	/*ランキングの画像の枠色*/
	--cm-view-more-color: #394063;	/*view moreの色*/
	--cm-footer-bgcolor: #313143;	/*フッター背景色*/
	--cm-footer-color: #fff;	/*フッター文字色*/
	--cm-border-color: #000;	/*罫線の色*/
	--cm-breadcrumb-color: #666;	/*ぱんくずの色*/
	--cm-category-bkcolor: #394063;	/*カテゴリ背景色*/
	--cm-category-color: #fff;	/*カテゴリの色*/
	--cm-link-color: #394063;	/*リンクの色*/
	--cm-pagination-border-color: #ddd;	/*ページネーション枠色*/
	--cm-pagination-hover-bgcolor: #ddd;	/*ページネーションホバー時背景色*/
	--cm-pagination-active-bgcolor: #313143;	/*ページネーションアクティブ時背景色*/
	--cm-pagination-active-color: #fff;	/*ページネーションアクティブ時文字色*/
	--cm-font-family: "Lato", "Noto Sans JP", sans-serif;	/*フォント名*/
	--cm-font-size: clamp(16px, 2.08vw, 17px);	/*フォントサイズ*/
	--cm-font-bold: 700;	/*フォント太字*/
	--cm-font-normal: 400;	/*フォント通常*/
	--cm-color-white: #fff;	/*白色*/
	--cm-line-height: 1.7;	/*行ボックスの高さ*/
	--cm-side-line-height: 1.5;	/*サイドメニューの行ボックスの高さ*/
}

/*ダークモード色 */
[data-theme=dark] {
	--cm-hamburger-color: #a6a8aa;	/*ハンバーガーメニューの色*/
	--cm-body-main-bgcolor: #74716b;	/*各ページの背景色*/
	--cm-body-color: #ddd;	/*基本の文字色*/
	--cm-section-title-color: #fff;	/* セクションタイトルの色 */
	--cm-ranking-nunber-color: #5eeb54;	/* ランキングの色 */
	--cm-ranking-img-border: #333;	/* ランキングの画像の枠色 */
	--cm-view-more-color: #fff;	/* view moreの色 */
	--cm-border-color: #ddd;	/*罫線の色*/
	--cm-breadcrumb-color: #ddd;	/* ぱんくずの色 */
	--cm-category-bkcolor: #394063;	/* カテゴリ背景色 */
	--cm-category-color: #fff;	/* カテゴリの色 */
	--cm-link-color: #ddd;	/* リンクの色 */
	--cm-pagination-border-color: #ddd;	/* ページネーション枠色 */
	--cm-pagination-hover-bgcolor: #ddd;	/* ページネーションホバー時背景色 */
	--cm-pagination-active-bgcolor: #313143;	/* ページネーションアクティブ時背景色 */
	--cm-pagination-active-color: #fff;	/* ページネーションアクティブ時文字色 */
	--cm-color-white: #000;	/* 白色 */
}

html {
	font-size: var(--cm-font-size);
}

body {
	line-height: var(--cm-line-height);
}

main {
	max-width: 1780px;
	padding-top: 105px;
	padding-right: 4vw;
	padding-left: 4vw;
	margin-right: auto;
	margin-left: auto;
}

a {
	display: inline-block;
	text-decoration: none;
	color: var(--cm-link-color);
}

a.link {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: var(--cm-font-bold);
	font-feature-settings: "palt";
}