@charset "utf-8";

/* CSS Document */

/* ======================================================
	[object] form
	@import"../css/test_line.css";
	------------------------------------------------------
	min-width　→　○px以上だと??という設定にする
	max-width　→　○px以下だと??という設定にする
====================================================== */
form
{
}

form *
{
}

/*
	color: inherit;
	font-family: inherit;
*/


select,
fieldset,
input,
textarea,
button
{
	font-family: inherit;
	font-size: 16px;
	letter-spacing: inherit;
	margin: 0;
}

/*
	font-size: inherit;
*/

select,
/*
.select,
*/
input,
textarea,
button
{
	border-style: solid;
	border-width: 1px;
	margin: -1px;
	vertical-align: middle;/* <textarea>の下に出る正体不明の余白を消す */
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
/*
	border-radius: 0.2em;
	margin: -1px;
	background-color: #3a7dda;
	color: #fff;
	border-color: #dcdddd;
	background-color: #fff;
*/

form,
button
{
	padding: 0;
}

input,
textarea,
button
{
}

select,
input,
textarea
{
	padding: 0.25em 0.5em;
}

textarea,
button
{
}

select,
input[type="text"],
textarea
{
}

select,
button
{
	text-transform: none;
}

select
{
	background: rgba(255,255,255,1.0);
	white-space: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

select+select
{
}

/*
	margin-top: 0.5em;
*/

option
{
	padding: 1px;
	background: inherit;
}

input
{
	color: inherit;
}

input+input
{
}
/*
	margin-top: 0.25em;
*/

input:is([type="submit"], [type="button"], [type="reset"]):not(.ColorBtn)
/*
input[type="submit"],
input[type="button"],
input[type="reset"]
/input[type="date"],/
/input[type="time"]/
*/
{
	-webkit-appearance: none;
	background: transparent;
	cursor: pointer;
}

input[type="submit"]
{
}

input[type="button"]
{
}

input[type="file"]
{
	border-width: 0;
	padding: 0;
	background: none;
}

input[type="date"]
{
}

input:is([type="radio"], [type="checkbox"])
/*
input[type="radio"],
input[type="checkbox"]
*/
{
	margin-top: 0;
	margin-bottom: 0;
}

/*
input.search,
input.reset
{
	border-width: 0;
	padding: calc(0.5em - 1px) 0em;
	line-height: 1;
	width: 6em;
	color: rgba(255,255,255,1.0);
}

input.search
{
	background-color: rgba(80,170,100,1.0);
}

input.reset
{
	background-color: rgba(100,100,100,1.0);
}
*/


button
{
	overflow: visible;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

/*
	width: 100%;
	min-height: 5em;
	border-width: 1px;
*/

button.DF
{
	padding: 0.5em 1em;
	height: initial;
	border-radius: 100em;
}

textarea
{
	font-size: 0.95em;
}

label
{
	display: inline-block;
}

label:not(:last-child)
{
	margin-right: 1em;
}

/*
	margin-left: 1em;
	display: block;
*/

th label,
th label:not(:last-child)
{
	margin-right: 0em;
}

/*,
br+label,
br+label:not(:last-child)
*//*
label:first-child,
br>label:first-child
{
	margin-left: 0em;
}
label:last-child
{
	margin-right: 0em;
}
*/

/* Google */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*
	input,
	select
		{
		padding:2px;
	}
	textarea
		{
		font-size: 1em;
		padding: 5px;
	}
*/
}

/* ------------------------------------------------------
	button */
.BtnBg,
:is(th, td).BtnBg,
.BtnBg :is(th, td)
/*
th.BtnBg,
td.BtnBg,
.BtnBg th,
.BtnBg td
*/
{
	background: none;
	text-align: center;
	border-width: 0;
	margin-top: 3em;
	margin-bottom: 3em;
}
/*
	padding: 1.5em 1em;
*/

.BtnBg
{
}

.BtnBg button
{
	width: auto;
}

.BtnBg button:not(:first-child),
.BtnBg input:is([type="button"], [type="reset"],[type="submit"]):not(:first-child)
/*
.BtnBg input[type="button"]:not(:first-child),
.BtnBg input[type="reset"]:not(:first-child),
.BtnBg input[type="submit"]:not(:first-child)
*/
{
	margin-left: 1em;
}

.BtnBg button:not(:last-child),
.BtnBg input:is([type="button"], [type="reset"],[type="submit"]):not(:last-child)
/*
.BtnBg input[type="button"]:not(:last-child),
.BtnBg input[type="reset"]:not(:last-child),
.BtnBg input[type="submit"]:not(:last-child)
*/
{
	margin-right: 1em;
}

.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload
{
	padding: 1em 1.5em;
	line-height: 1;
}

/*
	border-width: 0;
*/

/* ボタン・リセット、確認画面へ */
.BtnSubmit
{
	text-align: center;
	margin-top: 1em;
}

/* ボタン・管理ページへ戻る、設定する、送信する */
.BtnSubmit,
.BtnSubmit input,
.BtnBack,
.BtnOk,
.ColorBtn
{
	min-width: 15em;
}

/* ボタン・削除 */
.BtnDel
{
	width: auto;
	padding: 0.5em;
	height: auto;
	border-width: 0;
}

/* ボタン・アップロード */
.BtnUpload
{
	vertical-align: middle;
	margin-right: 0.5em;
}

/* ラジオボタン */
input[type="radio"]:not([class]),
.BtnRadio
{
	margin-right: 0.5em;
	vertical-align: middle;
}

td.c input[type="radio"]:not([class])
{
	margin-right: 0em;
}

/* チェックボタン*/
input[type="checkbox"]:not([class]),
.BtnCheck
{
	margin-right: 0.5em;
	vertical-align: middle;
}

td.c input[type="checkbox"]:not([class])
{
	margin-right: 0em;
}


/* 幅が、80文字以上 */
@media screen and (min-width: calc(16px * 80)) {
}

/* 幅が、指定以上 */
@media print, screen and (min-width: 750px) {

select
{
	max-width: 100%;
}

td select
{
	width: 100%;
}
}

/* 幅が、指定未満 */
@media screen and (max-width: 750px) {

/*@media screen and (max-width: 480px) {*/
select,
textarea,
input:is([type="text"], [type="tel"], [type="email"], [type="date"])
/*
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"]
*/
{
	font-size: 16px;
}

/*
		font-size: 16px;
		transform: scale(0.8);
		margin-left: calc(0em - (10% - 2px));
		padding: 0;
*/
	
input:is([type="text"], [type="tel"], [type="email"])
/*
input[type="text"],
input[type="tel"],
input[type="email"]
*/
{
	padding: 0 0.25em;
}

input[type="date"]
{
	padding: 0em;
}

select,
textarea,
input[type="date"]
{
}

select
{
 max-width: calc(100vw - (4vw * 2));
}

td select
{
	width: 100%;
}

option
{
	font-size: 0.8em;
	white-space: inherit;
}
}

/* ------------------------------------------------------
	<select>装飾 */
.select
{
	display: inline-block;
	background-color: rgba(255,255,255,1.0);
}

.select:after
{
	content: "";
	display: inline;
	position: absolute;
	top: calc((100% - 1em) / 2);
 left: calc(100% - (3em / 2));
	padding: 0;
}

.select select
{
	width: 100%;
	padding-right: 3em;
	background: transparent;
	background-image: none;
	border-width: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	text-overflow: ellipsis;
	outline: none;
	cursor: pointer;
}
/*
	position: relative;
*/

/* ------------------------------------------------------
	<input>装飾 */
::placeholder {
}

.hidden
{
	display: none;
}

/*
*/

label.input_btn
{
}

label.input_btn>b
{
	display: inline-block;
	vertical-align: middle;
	border-width: 1px;
	background-color: rgba(255,255,255,1.0);
	padding: 0.2em;
	margin-right: 0.5em;
	text-align: center;
	letter-spacing: normal;
	line-height: 1em;
}

label.input_btn>b:before
{
	content: "　";
	display: inline-block;
}

.hidden:checked+label.input_btn
{
}

/* <input>装飾　radio */
label.input_btn.radio>b
{
	border-radius: 100em;
}

.hidden:checked+label.input_btn.radio>b:before
{
	content: "●";
}

/* <input>装飾　checkbox */
label.input_btn.checkbox>b:before
{
}

.hidden:checked+label.input_btn.checkbox>b:before
{
	content: "■";
}

label.input_btn>span
{
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}