@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@font-face
{
	font-family: 'Lucida';
	src: url('../fonts/lucida_bright_regular.ttf')  format('truetype');
}
@font-face
{
	font-family: 'Lucida';
	src: url('../fonts/lucida_bright_demi.ttf')  format('truetype');
	font-weight: 700;
}
@font-face
{
	font-family: 'Beyond';
	src: url('../fonts/beyond_the_mountains.otf')  format('opentype'),
		 url('../fonts/beyond_the_mountains.ttf')  format('truetype');
}
@font-face
{
	font-family: 'kokugl';
	src: url('/fonts/font_1_kokugl_1.15_rls.ttf')  format('truetype');
	font-weight: 700;
}
@font-face
{
	font-family: 'MPLUS1-Light';
	src: url('/fonts/MPLUS1-Light.ttf')  format('truetype');
	font-weight: 700;
}
@font-face
{
	font-family: 'MPLUS1-Regular';
	src: url('/fonts/MPLUS1-Regular.ttf')  format('truetype');
	font-weight: 700;
}
@font-face
{
	font-family: '07yasashii';
	src: url('/fonts/07yasashii.ttf')  format('truetype');
	font-weight: 700;
}
@font-face
{
	font-family: 'fmeiryo';
	src: url('/fonts/meiryo.ttc')  format('truetype');
	font-weight: 700;
}

*
{
	font-family: 'fmeiryo', serif;
	font-size: 96%;
}

label.cbox
{
	display: flex;
	align-items: center;
	gap: 0 .5em;
	position: relative;
	max-width: 320px;
	margin-bottom: .4em;
	padding: .5em .7em;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	background-color: #f8f8f8;
	cursor: pointer;
	/*font-size: 120%;*/
}

label.cbox:has(:checked)::before
{
	background-color: #33f;
}

label.cbox:has(:checked)
{
	/*background-color: #b1d3ec;*/
	/*color: #fff;*/
}

label.cbox::before
{
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background-color: #eee;
	content: '';
}

label.cbox::after
{
	/*background-color: #00f;*/
}

label.cbox:has(:checked)::after
{
	position: absolute;
	top: 12px;
	left: 16px;
	transform: rotate(45deg);
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	content: '';
	/*background-color: #00f;*/
}

.cbox input
{
	display: none;
}

input.noshowfile
{
	display: none;
}


h6.title_mark
{
	margin-top: 64px;
}

h6.title_mark i
{
	padding: 0 6px;
}

div.title_mark
{
	margin-top: 64px;
}

div.title_mark > div > div:first-child
{
	padding-left: 8px;
}

div.title_mark > div > div:last-child
{
	padding-right: 8px;
}

button.btn_do
{
	padding-left: 32px;
	padding-right: 32px;
}

.myalert
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*z-index: 1999;*/
}

i.svgicon
{
	font-size: 110%;
	padding: 0px 4px;
}

button#btn_notification
{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.2em;
	/*display: none;*/
}
button#btn_notification > span
{
	font-size: 10px;
}

.fontsize96
{
	font-size: 96%;
}

table.new_reserve
{
	width: 100%;
}
table.new_reserve thead th
{
	text-align: center;
	background-color: #eee;
	font-size: 95%;
	color: #333;
}
table.new_reserve tbody tr
{
	border-top: 1px solid #ddd;
}
table.new_reserve tbody td
{
	font-size: 120%;
}
table.new_reserve tbody td:nth-last-child(-n+3)
{
	text-align: center;
}

span.disabled
{
	background-color: #e9ecef;
	cursor: auto;
}

span.enabled
{
	/*background-color: #e9ecef;*/
	cursor: pointer;
}

table.not_border_bottom > tbody > tr:last-child th,
table.not_border_bottom > tbody > tr:last-child td
{
	border-bottom: none;
}

div.treatment_image > div:last-child
{
	margin-bottom: 12px;
}

img.history_matsuge_direction_image
{
	width: 100%;
	max-width: 100px;
}

span.bgf
{
	background: #eee;
	color: #999;
	border-radius: 5px;
	padding: 0px 5px;
	cursor: pointer;
	font-weight: normal;
	text-shadow: none;
}

span.bgt
{
	background: #faa;
	color: #000;
	border-radius: 5px;
	padding: 0px 5px;
	cursor: pointer;
	font-weight: normal;
	text-shadow: none;
}

span.bgb
{
	background: #aaf;
	color: #000;
	border-radius: 5px;
	padding: 0px 5px;
	cursor: pointer;
	font-weight: normal;
	text-shadow: none;
}
span.bgx
{
	background: #ffa;
	color: #000;
	border-radius: 5px;
	padding: 0px 5px;
	font-weight: normal;
	text-shadow: none;
}

div.col_th
{
	font-size: 10px;
	color: #999;
}
div.col_td
{
	font-size: 14px;
	margin-left: 12px;
}
div.border_bottom div.row
{
	border-top: 1px solid #eee;
	margin: 0 8px;
	padding: 12px 0 10px 0;
}

tbody.tlists tr
{
	cursor: pointer;
}
tbody.tlists tr.notused td
{
	background-color: #bcc;
}
tbody.tlists tr td.num
{
	text-align: left;
}

.cursor-hand
{
	cursor: pointer;
}

div.menu_opt > div
{
	font-size: 125%;
	padding: 3px 3px 0 8px;
	margin-bottom: 6px;
	margin-right: 5px;
	border: 1px solid #888;
	display: inline-block;
	border-radius: 5px;
}
div.menu_opt > div > span
{
	cursor: pointer;
}