@charset "utf-8";
/* CSS Document */

/* ********************************************************************************************************** 
 *	
 *	【オリジナルCSS設定】リンクカラーや背景色などはこちらに記入
 *	
 * ********************************************************************************************************** */
/* --------------------------------------------------------------------------- */
/* = フォント指定
/* --------------------------------------------------------------------------- */
body{
	color: #815413;
}
body,
select,
input,
textarea,
button{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight:500;
}
.tel_number,
.eng{
	
	font-family: "Noto Serif JP", serif;
	font-style: italic;
	letter-spacing:0.05em;
	text-transform:lowercase;
}
/* --------------------------------------------------------------------------- */
/* = 色を選択
/* --------------------------------------------------------------------------- */
:root {

	/* 基本色 */
	--primary-color: #de0265;

	/* 基本色（目立つボタン） */
	--point-color: #E6307C;
	--point-hover-color: #CF236B;

	/* ボタンの背景カラー */
	--button-color: radial-gradient(circle,rgba(184, 150, 0, 1) 45%, rgba(92, 75, 0, 1) 100%);
	--button-hover-color: radial-gradient(circle,rgba(133, 109, 3, 1) 45%, rgba(92, 75, 0, 1) 100%);

	/* Footerコンテンツリストの背景 */
	--contents_list-color: radial-gradient(circle,rgba(255, 255, 255, 1) 49%, rgba(242, 238, 177, 1) 100%);

	/* ベース角丸 */
	--kadomaru: 5px;

	/* ナビゲーション、ページトップボタン等 */
	--nav_kadomaru: 2px;

	/* 角丸 */
	--kadomaru_button: 7px;

	/* 太字 */
	--font-semi-bold: 700;
	--font-bold: 700;
}

/* --------------------------------------------------------------------------- */
/* = ロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = headerロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = footerロゴサイズ指定
/* --------------------------------------------------------------------------- */
#footer .logo img{
	width:200px;
}
@media only screen and ( max-width : 1200px ) {
	#footer .logo img{
		width:200px;
	}
}

/* ------------------------------------------- */
/* = カバー（白）
/* ------------------------------------------- */
/* ------------------------------------------- */
/* = カバー（黒）
/* ------------------------------------------- */