/* line 23, ../_sass/contact.scss */
#text-box {
  padding: 10px 20px 40px 20px; }

#text-box p{
	font-size:14px;
	margin-bottom:10px;
}

.scroll_div{
	width:680px;
}

#calender{
height: 530px;
}

#calender tr{
	margin:0px 2px 2px 0px;

}

#calender th{
	margin:0px 2px 2px 0px;
	background-color: #a0aae7;
	font-size:12px;
	color: #fff;
	text-align: center;
	padding:3px;
}

#calender td{
	margin:0px 2px 2px 0px;
	font-size:12px;
	padding:6px 15px;
}

#calender tr td:nth-of-type(1) {
  color: #fff;
  position: sticky;
  left: 0;
  width: 60px;
}
#calender tr td:nth-of-type(1):not([class])  {
  background-color: #fff;
}

#calender a{
	color:#2644db;
    text-decoration: none;
}

.holiday{
	background-color: #cc1d1d;
	color: #fff;
}

.sunday{
	background-color: #cc1d1d;
	color: #fff;
}

.satday{
	background-color: #2644db;
	color: #fff;

}

.everyday{
	background-color: #b9c0ec;
	color: #fff;
}

.time1{
	background-color: #a0aae7;
	color: #fff;
	width:60px;
}

.time0{
	background-color: #b9c0ec;
	color: #fff;
	width:60px;
}

.td1{
	background-color: #d6d6d6;
	color: #7f7f7f;
}

.td0{
	background-color: #e2e2e2;
	color: #7f7f7f;
}

#arrow{
	margin: 80px auto 40px;
  background: url('../image/yoyaku/arrow.gif?1413875291');
  width: 176px;
  height: 60px;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#detail{
	width:625px;
	background-color: #e2e2e2;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      padding:20px 20px 0;
}

#detail table{
	width:585px;
}
#detail th{
	font-size:14px;
	padding-bottom:40px;
	width:150px;
	text-align: left;
	vertical-align: top;
}

#detail td{
	font-size:14px;
	padding-bottom:40px;
}

#detail .caution{
	color: #f00;
	font-size:11px;
}

#detail .small{
	font-size:11px;
	line-height: 12px;

}

#detail input{
	width:250px;
}

#detail input[type=radio]{
	width:20px;
}

#detail textarea{
	width:400px;
	height:200px;
}

.submit-btn{
	text-align: center;
	padding:40px;
}

.submit-btn input{
  background: url('../image/yoyaku/btn-submit.gif?1413875291');
  width: 150px;
  height: 25px;
  background-repeat: no-repeat;
  overflow: hidden;
  border:none;
  font-size:12px;
	color: #000;
	cursor: pointer;
}
.submit-btn input:nth-of-type(n+2){
	margin-left: 30px;
}

#end{
	line-height: 200%;
}

#datetime{
	font-size: 21px;
	font-weight:bold;
	color:#2644db;
}

#floorselect{
	text-align: center;
	font-size: 21px !important;
	padding: 20px 0;
	border: 2px solid #b9c0ec;
	margin: 40px 0 0 0;
}

/*20190702追加*/
.aboutmailerror{
  padding: 20px;
}
.aboutmailerror>p:nth-of-type(1){
  font-size: 14px;
  line-height: 1.5;
}

#yoyakudiv{
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  padding: 40px;
  background-color: #FFF;
}




@media screen and (max-width: 479px) {
  #yoyakudiv{
    padding: 20px;
    margin: 0 auto;
  }
  .scroll_div{
    width:100%;
  }


}

#detail table td label {
	margin-right: 20px;
}
@media screen and (max-width: 879px) {
  #yoyakudiv {
    width: 100%;
    max-width: auto;
    padding: 40px 0;
  }

  .scroll_div {
    width: 100%;
  }

  #detail {
    width: 94%;
    margin: 0 auto;
  }

	#detail table {
		width: 94%;
		margin: 0 auto;
	}
	#detail table th {
		padding-bottom: 30px;
		width: 25%;
	}
	#detail table td {
		padding-bottom: 30px;
		input {
			width: 65%;
		}
	}

	#detail table td textarea {
		width: 100%;
	}
	#detail table td input {
		width: 100%;
	}
	#detail table td label {
		display: block;
		margin-right: 0;
	}


	#detail .small{
		display: block;
	}
	.submit-btn input:nth-of-type(n+2){
		margin-left: 0;
		margin-top: 10px;
	}

}