@charset "UTF-8";
/* ==========================================================================
   デフォルトスタイル
   ========================================================================== */

:root {
	--main-width: 115em;
}

html, body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}

body.scroll_x_off {
	overflow-x: hidden;
}

html {
	background: var(--primar-background);
	font-family: var(--primary-font-family);
	font-size: var(--primary-font-size);
	line-height: var(--primary-line-height);
	letter-spacing: var(--primary-letter-spaceing);
	color: var(--primary-color);
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: var(--link-color);
	padding: 10px 10px;
}

p {
	margin: 0px;
	padding: 10px 10px;
}

ol, ul {
	list-style: none;
	padding: 0px;
}

li {
	display: list-item;
}

input[type=text], input[type=password], textarea, select {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-style: solid;
	padding: 8px 10px;
	font-family: var(--primary-font-family);
	font-size: 1.1rem;
}

input[type=text]:focus, input[type=time]:focus, input[type=password]:focus, textarea:focus, select:focus {
	background-color: var(--current-background);
}

input[type=text]:read-only, input[type=time]:read-only, input[type=password]:read-only, textarea:read-only {
	color: #5e5e5e;
	background-color: #e3e3e3;
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	input[type=text], input[type=password], textarea {
		padding: 5px 5px;
	}
}

button {
	width: 100%;
	background-color: var(--primar-button-background);
	color: var(--primar-button-color);
}

button:disabled {
	background-color: var(--disabled-button-color);
}

.nl2br {
	white-space: pre-wrap;
}

.ui-datepicker {
	z-index: 1000 !important;
}