@import "https://trisite.net/services/css/v4.0/basic.css";
@import "https://trisite.net/services/css/v4.0/grid.css";
@import "https://trisite.net/services/css/v4.0/button.css";
@import "https://trisite.net/services/css/v4.0/table.css";
@import "https://trisite.net/services/css/v4.0/form.css";
@import "https://trisite.net/services/css/v4.0/header.css";
@import "https://trisite.net/services/css/v4.0/nav.css";
@import "https://trisite.net/services/css/v4.0/pageing.css";

@import "main.css";
@import "header.css";
@import "nav.css";
@import "footer.css";

:root{
    --width-limit: 1400px;
	--section-space: 40px;
	--margin: 1.8em;
	--padding: 20px;
	--input-width: 260px;

	--radius: 10px;
	--radius-inner: 5px;

	--font-size: 16px;
	--step: 1.14;
	--line-height: 1.6;
	--transition: 0.4s;
	--small: 0.6em;
	--large: 1.4em;

	--brightness: 1.1;
	--outline: 1px;

	--trigger-size: 50px;
	--trigger-bar: 4px;

	--gap: calc( var(--margin) * var(--step) );
	--header-offset: 80px;

	--color-light-glass:rgba(255,255,255,0.6);
	--color-dark-glass:rgba(0,0,0,0.4);

	--color-superwhite:#fdfdfc;
    --color-white:#fbf9f6;
	--color-blue: #6591ce;
	--color-red: #e73f3f;
	--color-green: #4e9a4b;
	--color-yellow: #f0e032;
	--color-orange: #ff8000;
	--color-lightgray:#e3dfd7;
	--color-gray:#beb7ac;
	--color-black: #474746;

	--color-instagram:linear-gradient(135deg, #fdf7d8 0%, #d39bc2 100%);
	--color-facebook:#316cb4;
	--color-youtube:#ba1212;

	--font-1: 'Noto Sans JP', sans-serif;
	--font-2: 'Shippori Mincho B1', serif;
}

/*@media (prefers-color-scheme: light){*/
	:root{
		--color-body: var(--color-white);
		--color-text: var(--color-black);
		--color-border: var(--color-black);
		--color-table: var(--color-white);
		--color-table-even: var(--color-lightgray);

		--color-agree-bg: var(--color-blue);
		--color-agree-fr: var(--color-white);

		--color-disagree-bg: var(--color-red);
		--color-disagree-fr: var(--color-white);

		--color-cancel-bg: var(--color-lightgray);
		--color-cancel-fr: var(--color-black);

		--color-trigger-bg: var(--color-black);
		--color-trigger-fr: var(--color-white);

		--color-outline: var(--color-lightgray);
		--color-outline-focus: var(--color-blue);
		--color-outline-text: var(--color-black);
		--color-outline-focus-text: var(--color-superwhite);
		--color-link: var(--color-blue);
		--color-hover: var(--color-red);
		--color-form: var(--color-white);
	}
/*}

@media (prefers-color-scheme: dark){
	:root{
		--color-body: var(--color-black);
		--color-text: var(--color-white);
		--color-border: var(--color-white);
		--color-table: var(--color-black);
		--color-table-even: var(--color-gray);

		--color-agree-bg: var(--color-blue);
		--color-agree-fr: var(--color-white);

		--color-disagree-bg: var(--color-red);
		--color-disagree-fr: var(--color-white);

		--color-cancel-bg: var(--color-lightgray);
		--color-cancel-fr: var(--color-black);

		--color-trigger-bg: var(--color-black);
		--color-trigger-fr: var(--color-white);

		--color-outline: var(--color-lightgray);
		--color-outline-focus: var(--color-yellow);
		--color-outline-text: var(--color-black);
		--color-outline-focus-text: var(--color-black);
		--color-link: var(--color-yellow);
		--color-hover: var(--color-red);
		--color-form: var(--color-black);
	}
}
*/

@media (max-width : 520px) {
	:root{
		--section-space:60px;
	}
}