@charset "UTF-8";

/* ==========================================================================
   body
========================================================================== */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 40px;
/*	background-color: #f5f5f5;*/
}

body>.container {
	padding: 60px 15px 0;
}
body {
  min-height: 100vh;
  background-color: var(--color-background);
  font-family: "Kiwi Maru", serif;
}

select[readonly],
input[type="radio"][readonly],
input[type="checkbox"][readonly]{
	pointer-events:none;
}


body>form {
  width: 100%;
  display: contents;
}

body.login {
  min-height: 100vh;
}

body.grid-layout {
/*  display: grid;*/
  grid-template-rows: 40px 45px auto;
  grid-template-areas:
    "header"
    "nav"
    "main"
  ;
}
/* ==========================================================================
   header
========================================================================== */

header.header {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 0 10px;
}

a {
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

a:hover{
    color: #333;
}
nav  ul,li{
	margin:0;
	padding:0;
	list-style: none;
}

div,table,label {
/*	cursor: none;*/
}

:root {

	/* body部分背景色 */
	--color-background: #FCF9F6;

	/* 背景色 */
	--color-main-content-bg: #fff;

	/* 大区分タイトル部分背景色 */
	--color-section-title-bg: #EEEBEB;
	/* 中区分タイトル部分背景色 */
	--color-contents-title-bg: #F2F2F2;


	/* 入力系背景色(必須時) */
	--color-input-must-bg: #fff0e3;
	/* 入力系背景色(任意時) */
	--color-input-any-bg: #F2F2F2;
	/* 入力系背景色(フォーカス時) */
	--color-input-focus-bg: #fff;
	/* 入力系背景色(入力エラー時) */
	--color-input-error-bg: #fac7c7;
	/* 入力系背景色(正常) */
	--color-input-success-bg: #fff;
	/* 枠線色 */
	--color-input-border: #cccccc;
	/* 枠線色 */
	--color-input-error-border: #ff9494;


	--color-font-default: #000;

	--color-font-buton-disabled: #808080;
	--color-font-error: #ff4c4c;
	/* プレースホルダー色 */
    --input-placeholder-color: #999999;


	/* ==========================================================================
	共通フォントサイズ
	========================================================================== */
	/*フォントサイズ(xs)*/
	--font-size-xs: 10px;
	/*フォントサイズ(小)*/
	--font-size-small: 12px;
	/*フォントサイズ(中)*/
	--font-size-middle: 14px;
	/* 検索結果の表中のフォントサイズ */
	--font-size-l: 20px;
	/* 検索結果の表中のフォントサイズ */
	--font-size-xxl: 30px;


	/* ==========================================================================
	個別設定(input, label以外)
	========================================================================== */
	/*フォントサイズ(画面タイトル)*/
	--font-size-section-title: 16px;
	/*フォントサイズ(画面説明)*/
	--font-size-contents-title: 14px;


	/* ==========================================================================
	各種コントロールのサイズ
	========================================================================== */
	/* ラベル */
	--font-size-label: 13px;
	/* テキストエリア */
	--font-size-input: 13px;
	/* 角丸 */
    --border-input-radius: 5px;

	/* プログレスバー */
	--progress-circle-width: 80px;
	--progress-circle-height: 80px;
	--progress-circle-inner-width: 65px;
	--progress-circle-inner-height: 65px;
	--progress-circle-inner-font-size: 18px;


	--padding-vertical-btn: 10px;

}