@charset "UTF-8";
/* CSS Document */

/*--- 問い合わせCSS ---*/

table.contact {
	border-collapse: collapse;
  margin: 20px auto 30px;
  width: 100%;
}
table.contact td, table.contact th {
	border-collapse: collapse;
	border-bottom: 1px solid #808080;
	padding: 9px 14px ;
	background-color: #fff;
	text-align: left;
	font-size: 16px;
}
table.contact th {
	background-color: #1d2086;
	color: #FFF;
	font-weight: normal;
	width: 25%;
}
table.contact th.blue {
	background-color: #cdedf9;
}
table.contact th.gray,
table.contact td.gray {
	background-color: #efefef;
}

.i_must {
	float:right;
	line-height: 20px;
	text-align: center;
	width: 75px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
  margin: 0 auto;
  color: #FF0000;;
	background-color: #fff;
	border: 1px solid #FF0000;
}

.c-list {
  list-style-type: disc;
  margin-top: 24px;
  padding-left: 24px;
}
.c-list li {
  line-height: 1.4;
  margin-top: 0.5em;
  padding-bottom: 1px;
}

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"]
, textarea , select{
vertical-align:middle;
max-width:100%;
line-height:30px;
height:30px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

.input_button{
text-align: center;
}

input[type="submit"],input[type="reset"],input[type="button"], button[type="reset"]{
	display : inline-block;
	background: linear-gradient(to top, #CCC, #EFEFEF);
    padding: 10px 80px;
    border-radius: 50px;
	border: 1px solid #CCC;
	cursor : pointer;
	transition    : .3s;
	margin: 0 auto;
	text-align: center;
	outline: none;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	opacity: 0.7 ;
}

*:first-child+html input[type="submit"]{padding:3px;}

input[type="text"],
input[type="email"],
input[type="textarea"],
textarea {
    width: 99%;
}

@media screen and (max-width:560px) {
	
table.contact td, table.contact th,
table#booking-option-table td, table#booking-option-table th{
	display: block;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}

.i_must {
margin-top: -5px;
}


}