#parkingyoyaku-step2
,#parkingyoyaku-step3
,#parkingyoyaku-step4
,#parkingyoyaku-step5 {
	display:none;
}

.parkingyoyaku-d-none {
	display:none;
}

.parkingyoyaku-h2 {
	margin-top: 2rem;
	margin-bottom:1em;
	font-size:1rem;
	padding:0.2em 0.1em;
	/* border-bottom:2px dotted #aaa; */
}

.parkingyoyaku-text-center {
	text-align:center;
}

.parkingyoyaku-font-bold {
	font-weight:bold;
}

.parkingyoyaku-div {
	margin:1em auto;
	max-width:900px;
	padding:0.8em 0.5em;
	line-height:1.4em;
	text-align:left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.parkingyoyaku-input {
	border:none;
	border-bottom:1px solid #ccc;
	padding:0.2em 0.8em;
	font-size:1em;
	width:100%;
	background-color:#f8f8f8;
	outline:0;
}

.parkingyoyaku-input:focus {
	background-color:#f2f2f2;
}

input[type="time"].parkingyoyaku-input {
	position:relative;
	text-align:center;
}

input[type="time"].parkingyoyaku-input::-webkit-calendar-picker-indicator {
	position:absolute;
	width:100%;
	opacity:0;
}

.parkingyoyaku-textarea {
	border:1px solid #ccc;
	padding:0.2em 0.4em;
	font-size:1em;
	width:100%;
	height:80px;
	background-color:#f8f8f8;
	border-radius:0.4em;
	resize:none;
	outline:0;
	box-sizing: border-box;
}

.parkingyoyaku-textarea:focus {
	background-color:#f2f2f2;
}


.parkingyoyaku-select {
	border:none;
	border-bottom:1px solid #ccc;
	padding:0.2em 0.8em;
	font-size:1rem;
	width:100%;
	background-color:#f8f8f8;
	outline:0;
}

.parkingyoyaku-select:focus {
	background-color:#f2f2f2;
}


.parkingyoyaku-btn {
	width:auto;
	border:none;
	color:#fff;
	font-weight:bold;
	padding:0.4em 0.9em;
	background: rgb(195,69,34);
	background: linear-gradient(45deg, rgba(195,69,34,1) 0%, rgba(189,141,38,1) 100%);
	border-radius:0.5em;
	white-space:nowrap;
	opacity:1;
	transition: 0.3s;
}

.parkingyoyaku-btn:hover {
	opacity:0.7;
	outline:none;
}

.parking-table {
	border-collapse:collapse;
	
}

.parking-table th {
	background-color:#eee;
	white-space:nowrap;
}

.parking-table td {
	background-color:#fff;
}

.parkingyoyaku-hidukewaku {
	border:1px solid #aaa;
	margin:1px;
	padding:1px;
	width:90px;
	background: var(--color-fff);
}


.parkingyoyaku-form-title {
	font-size:1rem;
	margin-top: 30px;
}

.parkingyoyaku-ml-1 {
	margin-left:0.25em;
}

.parkingyoyaku-ml-2 {
	margin-left:0.5em;
}

.parkingyoyaku-ml-3 {
	/* margin-left:1em; */
}

.parkingyoyaku-ml-4 {
	margin-left:1.5em;
}

.parkingyoyaku-ml-5 {
	margin-left:2em;
}

.parkingyoyaku-mt-1 {
	margin-top:0.25em;
}

.parkingyoyaku-mt-2 {
	margin-top:0.5em;
}

.parkingyoyaku-mt-3 {
	margin-top:1em;
}

.parkingyoyaku-mt-4 {
	margin-top:1.5em;
}

.parkingyoyaku-mt-5 {
	margin-top:2em;
}

.parkingyoyaku-mb-1 {
	margin-bottom:0.25em;
}

.parkingyoyaku-mb-2 {
	margin-bottom:0.5em;
}

.parkingyoyaku-mb-3 {
	margin-bottom:1em;
}

.parkingyoyaku-mb-4 {
	margin-bottom:1.5em;
}

.parkingyoyaku-mb-5 {
	margin-bottom:2em;
}

.parkingyoyaku-d-flex {
	display:flex;
	align-items:center;
}

.parkingyoyaku-flex-wrap {
	flex-wrap:wrap;
}


/* �� */
.parkingyoyaku-btn01 {
	padding:3px;
	text-wrap:nowrap;
}

/* ���Ԋԋ� */
.parkingyoyaku-btn02 {
	color:#090;
	background-color:#dfd;
	padding:3px;
	text-wrap:nowrap;
}

/* ���� */
.parkingyoyaku-btn03 {
	color:#f00;
	background-color:#fdd;
	padding:3px;
	text-wrap:nowrap;
}

/* ���̑� */
.parkingyoyaku-btn04 {
	color:#555;
	background-color:#ddd;
	padding:3px;
	text-wrap:nowrap;
}

.parkingyoyaku-symddata{
	font-size: 20px;
	letter-spacing: -1px;
}

#parkingyoyaku-cmt{
	margin-top: 30px;
}

/* ==== 予約システム ==== */

#kjumboyoyakuform{
    padding: var(--space-20);
}

.parkingyoyaku-ml-2{
    text-align: center;
    width: 45%;
    margin: 0 auto;
}

.parkingyoyaku-form-title::before{
        content: "⚫︎";
        color:var(--color-blue);
      }

.parkingyoyaku-d-flex {
    align-items: center;
    /* justify-content: space-between; */
}

.parkingyoyaku-ml-2 div, .parkingyoyaku-ml-4 div{
    background: var(--color-fff);
    padding:5px;
    border: 1px solid var(--color-blue);
}

.parkingyoyaku-mb-4 {
    margin-bottom: 1em;
    border-bottom: 1px dotted var(--color-blue);
    padding-bottom: 1rem;
}

.parkingyoyaku-input {
    border: none;
    border: 1px solid var(--color-blue);
    padding: 0.5em 1em;
    font-size: 1em;
    width: 100%;
    background-color: #f8f8f8;
    outline: 0;
}
.parkingyoyaku-div {
    font-weight: bold;
    line-height: 1.5;
}
.parkingyoyaku-btn {
    padding: 1em 0.9em;
    background: rgb(195,69,34);
    background: linear-gradient(45deg, rgb(13 163 97) 0%, rgb(44 46 213) 100%);
}

.parkingyoyaku-checkinfo .parkingyoyaku-d-flex{
	display: flex;
	justify-content: start;
}
#parkingyoyaku-step1 .parkingyoyaku-next2{
	display: flex;
	justify-content: space-around;
}
#parkingyoyaku-step2 .parkingyoyaku-d-flex .parkingyoyaku-ml-2,
#parkingyoyaku-step2 .parkingyoyaku-d-flex .parkingyoyaku-ml-4,
#parkingyoyaku-step2 .parkingyoyaku-mb-4 .parkingyoyaku-ml-2{
	text-align: left;
	width: 100%!important;
	margin: inherit;
	max-width: 600px!important;
	font-weight: normal;
}
#parkingyoyaku-step2 .parkingyoyaku-mb-3 .parkingyoyaku-ml-2 div{
	background: inherit;
    border: none;
}

#parkingyoyaku-step2 .parkingyoyaku-mb-3 .parkingyoyaku-flex-wrap {
    flex-wrap: nowrap;
}
#parkingyoyaku-step2 .parkingyoyaku-mb-4 .parkingyoyaku-d-flex {
	background: inherit;
    border: none;
}
#parkingyoyaku-step2 .parkingyoyaku-mb-4 .parkingyoyaku-d-flex .parkingyoyaku-select{
	background: inherit;
    border: none;
}

#parkingyoyaku-step2 .parkingyoyaku-mb-4 .parkingyoyaku-d-flex div{
	width: 100%;
	font-size: 14px;
}
#parkingyoyaku-step2 .parkingyoyaku-mb-4 .parkingyoyaku-d-flex .parkingyoyaku-ml-1{
	width: 100%;
	font-size: 14px;
}

#parkingyoyaku-step2 .parkingyoyaku-mb-3 .parkingyoyaku-ml-4 div{
	background: inherit;
    border: none;
}


.parkingyoyaku-input {
	width: 100%!important;
	max-width: 600px!important;
}

.parkingyoyaku-ml-2 .parkingyoyaku-d-flex .parkingyoyaku-ml-1{
	background: inherit;
    border: none;
}

#parkingyoyaku-step3 .parkingyoyaku-ml-2{
	display: flex;
	justify-content: space-between;
}
#parkingyoyaku-step4 .parkingyoyaku-ml-2{
	width: 100%;
}

#parkingyoyaku-step4 .parkingyoyaku-kanryomailmsg{
	background: inherit;
    border: none;
}
#parkingyoyaku-step4 .parkingyoyaku-text-center div{
	background: inherit;
    border: none;
}

   /* ========================================================== */
   /* ==============  2023スマホ     1024px   ==================== */
   /* ========================================================== */
   @media screen and (max-width:1024px){

   }
    /* ========================================================== */
    /* ==============  2023スマホ     600px   ==================== */
    /* ========================================================== */
    @media screen and (max-width:600px){

		#kjumboyoyakuform{
			padding: 20px 5px;
		}
		.parkingyoyaku-ml-2 {
			width: 100%;
		}
		.parkingyoyaku-form-title {
			font-size:1.0em;
		}#parkingyoyaku-step1 .parkingyoyaku-next2{
			flex-direction: column;
		}
		.parkingyoyaku-hidukewaku {
			font-size: 14px;
		}
		
    }