@charset "UTF-8";

/*

 * reserve.css

 *

 *  version --- 3.5

 *  updated --- 2012/12/7

 */

.dl_form01 dd.type01 {

	height: 200px;

}

	.dl_form01 .privacy {
	display: block;
	width: 100%;
	border: 0;
	background-color: #fff0df;
	color: #777;
	resize: none;
	padding: 10px 10px 10px 20px;
	outline: 0;
}

 .inner  {
	overflow-y: scroll;
	margin: 0px;
	padding-right: 10px;
	height: 200px;
	line-height: 180%;
}

.dl_form01 dd.type01 .privacy .inner ol li {
	margin-bottom: 20px;	
}

.privacy .inner .bold {
	font-size: 120%;
	padding-bottom: 20px;
	font-weight: bold;
}

.privacy .inner ol {
	padding-top:20px
}

#privacyMadoguchi dl dt {
	margin-top: 20px;
	margin-bottom: 0px;
}

#privacyMadoguchi #pmark #pmarkImg {
	float: left;
}

#privacyMadoguchi #pmark #pmarkText {
	float: left;
	padding-left: 10px;
}
/*.button01 .submit01 img,
.button01 .conf01 img {
	color: #FFF;
}*/

/* 共通 フォーム送信ステップ */
.step01 {
	border: none;
}
.step01 ul {
	display: flex;
	justify-content: space-between;
}
.pre-step {
	background-color: #D5F2EA;
	color: #797979;
}

/* 共通　お問い合わせ先会場　チェックボックス */
.dl_form01 .kaijo-check-wrapper {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 768px) {
	.dl_form01 .kaijo-check-wrapper {
		display: flex;
		flex-direction: column;
	}
}

/* 共通　プライバシーポリシー */
.privacy-policy-title {
	display: flex;
	align-items: center;
}
.privacy-policy-title span {
	margin-right: 15px;
	vertical-align: top;
}
.checkbox {
	background-color: #fff0df;
}
.acms-admin-form-checkbox a {
	border-bottom: dashed 1px #ccc;
}

/* reserve-raikanフォームレイアウト
------------------------------------*/

/* 会場リスト */
#reserve-raikan .heading01 p {
	font-weight: 400;
}
#reserve-raikan .kaijo-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#reserve-raikan .kaijo-item {
	display: flex;
	flex-direction: column;
	padding: 0 14px 14px;
}
#reserve-raikan .name01 {
	width: 100%;
	margin-bottom: .5em;
}
#reserve-raikan .text01 {
	color: #3f1f03;
	font-size: 113%;
	display: grid;
	grid-template-columns: 30% 70%;
}
#reserve-raikan .text01 a {
	color: #3f1f03;
	text-decoration: none;
}
#reserve-raikan .text01 .fa-square-phone {
	font-size: 120%;
	margin-right: 6px;
}
/*#reserve-raikan .attention-text {
	margin-top: 20px;
}*/
#reserve-raikan .date-time-choice {
	display: grid;
	grid-template-columns: 130px 350px;
	align-items: flex-start;
	gap: 10px;
	/*margin-top: 30px;*/
	padding: 16px 0;
	border-bottom: dashed #ccc 1px;
}
#reserve-raikan .date-time-choice:first-child {
	padding-top: 0;
}
#reserve-raikan .first-choice span {
	margin-right: 15px;
}
/*#reserve-raikan .date-time-choice div .textbox01 {
	margin-top: 10px;
}
#reserve-raikan .date-time-choice div .textbox01:first-child {
	margin-top: 0;
}*/
#reserve-raikan .date-time-choice .textbox01 {
	width: 100%;
}
#reserve-raikan .date-time-choice .choice-time {
	width: 100%;
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	#reserve-raikan .kaijo-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#reserve-raikan .kaijo-item {
		/*width: 80%;*/
		padding: 14px;
	}
	#reserve-raikan .name01 {
		/*font-size: 95%;*/
		font-size: .9rem;
	}
	#reserve-raikan .text01 {
		/*font-size: 1em;*/
		font-size: .9rem;
	}
	#reserve-raikan .step01 {
		padding: 10px 0 8px;
	}
	#reserve-raikan .date-time-choice {
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 5px;
	}
	#reserve-raikan .date-time-choice div {
		width: 100%;
	}
}

/* confirm.html */
#reserve-raikan .dl_form01 .txt_conf01 {
	background-color: transparent;
}
#reserve-raikan .date-time-choice-conf {
	display: grid;
	grid-template-columns: 120px 200px 160px;
	border-bottom: dashed #ccc 1px;
}
#reserve-raikan .date-time-choice-conf:last-child {
	border-bottom: none;
}
@media screen and (max-width: 768px) {
	#reserve-raikan .date-time-choice-conf {
		grid-template-columns: 75px 145px 60px;
	}
}

/* 2024.05.29追加： */
/* エラーメッセージを赤色にします。 */
label.error {
  color: red;
}

/* 2024.06.20追加： */
/* 日曜日のタイトルと日付の文字色を赤色にします。 */
.flatpickr-calendar .flatpickr-weekday:nth-child(1),
.flatpickr-calendar .flatpickr-day:nth-child(7n+1):not(.disabled):not(.prevMonthDay):not(.nextMonthDay) {
  color: red;
}

/* 2024.06.20追加： */
/* 土曜日のタイトルと日付の文字色を青色にします。 */
.flatpickr-calendar .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-day:nth-child(7n):not(.disabled):not(.prevMonthDay):not(.nextMonthDay) {
  color: #25bdcf;
}

/* 2024.06.20追加： */
/* 祝祭日の背景色を赤色にします。 */
.flatpickr-calendar .flatpickr-day.holiday {
  background-color: #fcc!important;
}

/* 2024 展示会予約フォーム用 追記 髙原 */
.application01.ex-reserve-kaijo {
	background-color: transparent;
	margin-top: 20px;
}
.ex-reserve-kaijo {
	display: flex;
}
.ex-reserve-kaijo-img {
	width: 500px;
}
.ex-reserve-kaijo-info {
	font-size: 125%;
	margin-left: 60px;
}
.ex-reserve-kaijo-info p {
	margin-bottom: 12px;
}
.ex-reserve-kaijo-info p a {
	color: #000;
	text-decoration: none;
}
.ex-reserve-kaijo-info i {
	margin-right: 6px;
}

.kaijo-label {
	display: inline-block;
	color: #fff;
	padding: 2px 13px;
}
.dl_form01 .txt_conf01 {
	background-color: transparent;
}

/* 会場ごとの色 */
.kaijo-label.himeji-color {	
	background-color: #FF6F7F;	
}
.kaijo-label.kakogawa-color {	
	background-color: #E55A9C;	
}
.kaijo-label.miki-color {	
	background-color: #41C39E;	
}
.kaijo-label.aioi-color {	
	background-color: #FC923A;	
}
.kaijo-label.wakayama-color {	
	background-color: #3AC1DB;	
}
.kaijo-label.izumisano-color {	
	background-color: #6CB0E6;	
}

@media screen and (max-width: 768px) {
	.ex-reserve-kaijo {
		flex-direction: column;
	}
	.ex-reserve-kaijo-img {
		width: 100%;
	}
	.ex-reserve-kaijo-info {
		/*font-size: 110%;*/
		font-size: .9rem;
		line-height: 1.8;
		margin-top: 20px;
		margin-left: 0;
	}
	.ex-reserve-kaijo-info p:first-child {
		margin-bottom: 8px;
	}
	.kaijo-label {
		padding: 2px 10px;
	}
}