/* common form parts */
.contentspage .liquorform label {
	cursor			: pointer;
}
.contentspage .liquorform label:hover {
	opacity			: 0.6;
}
.auth-error {
	margin-top		: 4rem;
	text-align		: center;
	color			: red;
}

/* privacy */
.contentspage .liquorform .privacy-check label {
	display			: block;
	margin-top		: 2em;
	padding			: 1em;
	text-align		: center;
	border			: solid 1px #eee;
	border-radius	: 5px;
	background		: #2aa5d8;
	color			: #fff;
	transition		: all 0.2s linear;
	font-weight		: bold;
}
.contentspage .liquorform .privacy-check p {
	font-size		: 1.2em;
	padding-left	: 1.0em;
}
.contentspage .liquorform .privacy-check p span {
	color			: red;
}

/* common button */
.contentspage .liquorform input[type="submit"],
.contentspage .liquorform input[type="button"],
.contentspage .liquorform button {
	margin			: 0;
	padding			: 1.5rem 3rem;
	background-color: rgba(42, 165, 216, 1);
	border			: 1px solid rgba(42, 165, 216, 1);
	border-radius	: 0.3rem;
	color			: #fff;
	cursor			: pointer;
	transition		: all 0.2s linear;
}

.contentspage .liquorform input[type="submit"]:hover,
.contentspage .liquorform input[type="button"]:hover,
.contentspage .liquorform button:hover {
	background		: transparent;
	color			: #227aab;
}
.contentspage .liquorform .button-done {
	background-color: orange;
	border			: 1px solid orange;
}
.contentspage .liquorform .button-done:hover {
	background		: transparent;
	color			: orange;
}
.contentspage .liquorform .button-secondary {
	background-color: #aaa;
	border			: 1px solid #aaa;
}
.contentspage .liquorform .button-secondary:hover {
	background		: transparent;
	color			: #aaa;
}

/* table input */
.contentspage .liquorform table input[type=text],
.contentspage .liquorform table input[type=button],
.contentspage .liquorform table select,
.contentspage .liquorform table button {
	border			: solid 1px #bbc;
	border-radius	: 0.3rem;
	margin			: 0 3px 0 0 !important;
	padding			: 0.7rem !important;
	transition		: all 0.2s linear;
}
.contentspage .liquorform table input[type=button] {
	padding			: 0.4rem !important;
}
.contentspage .liquorform table select {
	padding			: 0.6rem !important;
	vertical-align	: middle;
}
.contentspage .liquorform table button {
	border			: solid 1px rgba(42, 165, 216, 1);
	/*padding			: 0.4rem !important;*/
	padding			: 0.4rem 1rem 0.4rem 1rem !important;
	float			: right;
}
.contentspage .liquorform table #destination-check label {
	margin-right	: 1.0em;
	vertical-align	: middle;
}
.contentspage .liquorform table #destination-check label input[type=radio] {
	margin-bottom	: 0.5rem;
}
.contentspage .liquorform table select[name=CHAINMEI] {
	margin			: 0.4em 3em 0 0 !important;
}



/* send field */
.contentspage .liquorform div.send_btn {
	margin-top		: 2em;
}
.contentspage .liquorform div.send_btn input,
.contentspage .liquorform div.send_btn button {
	min-width		: 20rem;
	/*padding-right	: 5rem;*/
	margin			: 0 0.5rem;
}
.contentspage .liquorform div.send_btn button i {
	margin			: 0 0 0.3rem 0;
	font-size		: 1.2em;
	vertical-align	: middle;
}

/* table */
form .noborder {
	width			: 100% !important;
}
form .noborder td,
form .noborder th {
	padding			: 0 0 3px 0 !important;
	vertical-align	: middle !important;
}
form .noborder th {
	width			: 200px !important;
	background		: #fff;
	border			: 0;
}
form .noborder tr td:first-of-type {
	width			: 320px !important;
}


form .example,
form .example2 {
	font-size		: 0.9em;
	color			: #028ac3;
}
form p.example {
	margin			: 0.5em 0 0 0.5em;
}
form p.example2 {
	margin			: 0 0 0.5em 0.5em !important;
}
form .size60 {
	max-width		: 30em;
}
form .w100p {
	width			: 100%;
}

form .destination-form {
	margin-top		: 1em;
}

/* schedule table */
table.schedule th,
table.schedule td {
	padding			: 0.5em;
}
table.schedule th {
	text-align		: center;
}
table.schedule .col1 {
	width			: 5em;
	text-align		: center;
}
table.schedule .col2 {
	width			: 14em;
	text-align		: center;
}
table.schedule .col3 {
	width			: 9em;
	text-align		: center;
}
table.schedule .col4 {
	width			: auto;
	padding-left	: 2em;
}

.input-table td {
    position: relative;
}
.error-message {
    position: absolute;
    left: 16px;
    display: inline-block;
    top: 50px;
    z-index: 10;
    /* position: relative;  */
    display: inline-block;
    background-color: red; /* エラーの色 */
    color: white; /* 文字の色 */
    border: 1px solid red; /* ボーダー */
    padding: 3px 10px;
    border-radius: 5px; /* 角を丸くする */
    margin-top: 5px;
    font-size: 0.8em;
    font-wait: 500;
}

/* 吹き出しの矢印部分を作成 */
.error-message::before {
    content: '';
    position: absolute;
    bottom: 100%; /* 上部（吹き出しの上）に配置 */
    left: 15px;   /* 吹き出しの中央付近に配置 */
    width: 0;
    height: 0;
    border-left: 10px solid transparent; /* 透過させる */
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5c6cb; /* ボーダー色に合わせる */
}

.error-message::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 16px; /* 少しずらして境界線を表現 */
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #f8d7da; /* 背景色に合わせる */
}