@charset "utf-8";

/* 会場詳細を強調 */
.tblDecoB .details {
    display: inline-block;
    font-size: 123%;
    font-weight: bold;
    background-color: #a7d9fe;
    padding: 3px .5em 2px .5em;
    margin-right: 1em;
}

.tblDecoB div.details{
	font-size: 123%;
    font-weight: bold;
	display: inline-block;
}
.details span:not(:last-child){
	display: inline-block;
	margin-right: 1em;
}


#main form input[type="text"],
#main form input[type="tel"],
#main form input[type="email"],
#main form textarea {
    padding: .25em .5em;
}

/* 来場者名枠2名以降に余白を追加 */
.user_area:not(:first-child){
	margin-top: 20px;
}

/* 入力エラーメッセージ */
.alert ul.typeN{
	margin-left: 20px;
}
.alert div{
	text-align: center;
}
.alert input[type="button"] {
	background-color: #d00;
	border: 0;
	color: #fff;
	font-weight: bold;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
}
.alert input[type="button"]:hover{
	opacity: .7;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
}
/* 改行をpcでは消す */
br.brsp{
	display: none;
}
/* 注意書き見出し */
.bder,
.bder_sp{
    position: relative;
}
span.box_title {
    position: absolute;
    display: inline-block;
    top: -6px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    background: #FFF;
    /* color: #846DCE; */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* iPadの縦横両方の記述 */
	table.tbl_cal td.cities {
		writing-mode:initial;
		-webkit-writing-mode:initial;
		-ms-writing-mode:initial;
	}
	}
/* @media only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width:1024px){
	デバイスが横向きの場合のみの記述
	table.tbl_cal td.cities {
		writing-mode:initial;
		-webkit-writing-mode:initial;
		-ms-writing-mode:initial;
	}
} */

@media only screen and (max-width:767px){
	table.bookfair th,
	table.bookfair td {
		display: block;
	}
	table.bookfair thead {
		display: none;
	}
	table.bookfair td {
		text-align: right;
	}
	table.bookfair .btnBlue {
		margin-bottom:20px;
	}
	table.typeFM th {
		display: block;
		width: 100%;
	}
	/* 1行テキストエリア文字サイズ調整 */
	form .typeFM input {
		font-size: 123%;
	}
	input#trcstaff {
		margin: 1em .75em 0 0;
	}
	/* 来場者名 */
	.typeA thead{
		display: none;
	}
	.typeA td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
	/* 送信ボタン */
	/* .button_area {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	} */
	/* agree ～ confirm_content.php
	-------------------------------------*/
	/* 「戻る」「進む」ボタン並び順 */
	/* 1番目 */
	.btn-group > .btn-primary{
		order: 1;
	}
	/* 2番目 */
	.btn-group > .btn-secondary{
		order: 2;
	}
	/* confirm_content.php
	-------------------------------------*/
	/* 入力エラーメッセージ */
	.alert ul.typeN{
		margin-left: 20px;
	}
}