@charset "UTF-8";

.border-line01{
border-top: 1px solid #555;
padding: 1em 0 0 0;
margin: 0 0 2% 0;
font-size:90%;
}
.red{
color:#ec0000;
}
strong.caution{
font-size:130%;
display: block;
margin-bottom: 2%;
}
.red-line{
display: inline-block;
border-bottom: 2px solid #ec0000;
}

.entryform dl{
display: table;
border-bottom:1px solid #555;
margin-bottom: 1.5%;
padding-bottom: 1.5%;
line-height: 1.2;
width: 100%;
} 
.entryform dt{
display: table-cell;
width: 18%;
vertical-align: middle;
position: relative;
}
.entryform dt.top{
vertical-align: top;
}
.entryform dt em{
line-height: 1;
margin-left: 1em;
}
.entryform dd{
display: table-cell;
width: 85%;
padding-left: 2%;
vertical-align: middle;
}
.entryform input[type='text'],.entryform input[type='number'],.entryform textarea{
width: 94%;
padding: 2%;
background:#efefef;
border: 0;
border-radius: 5px;
}
.entryform textarea{
padding: 2%;
width: 94%;
height: 7em;
border-radius: 5px;
}
.entryform input.inline-block01{
display: inline-block;
vertical-align: middle;
width: 77%;
margin-left: 2%;
}
.entryform dl.number{
font-size:100%;
border-bottom: none;
width: 100%;
}
.entryform dl.number dt,.entryform dl.number dd{
vertical-align: middle;
}
.entryform dl.number dt{
white-space: nowrap;
width: 27%;
}
.entryform input.inline-block02{
width: 20%;
margin-right: 2%;
text-align: center;
}
.entryform input#datepicker{
width: 25%;
text-align: center;
}
dl.notice{
margin: 3% auto;
padding: 3%;
border:2px solid orange;
color:red;
display: block;
box-sizing: border-box;
}
dl.notice dt{
margin-bottom: 2%;
display: block;
width: 100%;
}
dl.notice dt label.all-select{
display: inline-block;
margin-left: 2%;
color:black;
font-size:85%;
}
dl.notice dd{
font-size:85%;
text-indent: -1em;
padding-left: 1em;
margin-bottom: 2%;
display: block;
}
dl.notice dd:last-child{
margin-bottom: 0;
}
input#all-select,input.checklist{
margin-right: 5px;
}
.send-box{
text-align: center;
color:red;
margin-bottom: 5%;
}

input[name=btn_confirm]{
margin-top: 5em;
padding: 1em 5em;
font-size: 130%;
color: #fff;
cursor: pointer;
border: none;
background: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background-color,0.3s;
}
input[name=btn_confirm]:hover{
background:#333;
}
input[name=btn_confirm][disabled]{
background:gray;
cursor:auto;
box-shadow: 0 3px 0 gray;
}

input[name=btn_submit]{
display: block;
margin: 5em auto 3em;
padding: 1em 5em;
font-size: 130%;
color: #fff;
cursor: pointer;
border: none;
background: #000;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background-color,0.3s;
}
input[name=btn_submit]:hover{
background:#333;
}
input[name=btn_back]{
display: block;
margin: 0 auto 3em;
padding: 1em 5em;
color: #000;
cursor: pointer;
border: none;
background: #EEE;
vertical-align: middle;
transition: background-color,0.3s;
}
input[name=btn_back]:hover{
background: #CCC;
}
br.pc_br{
display: block;
}
br.sp_br{
display: none;
}

/*エラー関連*/
ul.error_list{
border-radius: 5px;
border:1px solid red;
padding: 2%;
margin: 3% auto;
color:red;
}
ul.error_list li{
list-style: disc;
margin-left: 2%;
}
/*送信完了*/
p.completion{
text-align: center;
font-size:130%;
font-weight: bold;
margin: 5% auto;
}
/*2019.5追加*/


dl.reservation{
	margin:0 0 3% 0;
}
dl.reservation dt{
	margin:0 0 0.5% 0;
	padding-left: 0.5em;
	text-indent: -0.5em;
	word-wrap:break-word;
	font-size:130%;
}
dl.reservation dd{
	margin:0 0 2.5% 1%;
	word-wrap:break-word;
}
dl.reservation span{
	font-size:90%;
	display:block;
	margin:0 0 0.5% 0;
	padding-left: 0.5em;
	text-indent: -0.5em;
}


@media (max-width: 414px){

strong.caution{
font-size:100%;
margin-bottom: 5%;
}
.red-line{
display:inline;
}

.entryform dl{
display: block;
margin-bottom: 2em;
padding-bottom: 1em;
line-height: 1.2;
width: 100%;
font-size:100%;
} 
.entryform dt{
display: block;
width: 100%;
margin-bottom: 1em;
}
.entryform dt em{
font-size:100%;
position: relative;
}
.entryform dd{
display: block;
width: 100%;
padding-left: 0;
}

.entryform textarea{
padding: 3%;
width: 92%;
height: 7em;
}
.entryform input.inline-block01{
display: inline-block;
vertical-align: middle;
width: 94%;
margin-left: 0%;
margin-top: 1.5%;
}
.entryform dl.number{
font-size:100%;
border-bottom: none;
width: 100%;
}
.entryform dl.number{
display: table;
}
.entryform dl.number dt,.entryform dl.number dd{
display: table-cell;
}
.entryform dl.number dt{
width: 55%;
}

.entryform input.inline-block02{
width: 30%;
margin-right: 5%;
}
.entryform input#datepicker{
width: 50%;
}
dl.notice{
margin: 3% auto;
padding: 5%;
}
dl.notice dt{
margin-bottom: 2%;
display: block;
width: 100%;
}
dl.notice dt label.all-select{
display: inline-block;
margin-left: 2%;
color:black;
font-size:85%;
}
dl.notice dd{
font-size:85%;
text-indent: -1.2em;
padding-left: 1em;
margin-bottom: 2%;
display: block;
}

input#all-select,input.checklist{
margin-right: 5px;
}
.send-box{
text-align: center;
color:red;
margin-bottom: 5%;
}

input[name=btn_confirm]{
margin-left:0%;
margin-top: 3%;
padding: 10px 20px;
font-size: 100%;
}

input[name=btn_confirm][disabled]{
background:gray;
cursor:auto;
box-shadow: 0 3px 0 gray;
}

input[name=btn_submit]{
display: block;
margin: 3em auto;
width:100%;
}

input[name=btn_back]{
margin: 0 auto 3em;
display: block;
}
br.pc_br{
display: none;
}
br.sp_br{
display: block;
}
input[type=submit],input[type=button]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:1em 5em;
}

/*確認画面*/
.entryform.confirm dd{
display: block;
width: 100%;
padding:1em 0;
}
.entryform.confirm dd.number{
border-radius: 5px;
}
/*エラー関連*/
ul.error_list{
padding: 3% 8%;
margin: 5% auto;
}
ul.error_list li{
list-style: disc;
margin-left: 2%;
}
/*2019.5追加*/
}