@charset "utf-8";
menu {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 30px;
  padding: 20px 10px;
  background: #EEEEEE;
}
.message{
  display: none;
}
.hissu {
	color: #ED1316 !important;
}
.hissu::before {
	content:"必須";
	color: #ED1316 !important;
}
.field {
  width: 100%;
  margin-bottom: 30px;
}
.field label{
  padding-left: 15px;
  font-size: 120%;
  font-weight: bold;
  position: relative;
  line-height:1.8;
}
.field label::before{
  content: "";
  position: absolute;
  top:0;
  left: 0;
  width: 5px;
  height: 1.8em;
  background: linear-gradient(#079FE2 75%, #A9A9A9 75%);
}
.field .control{
  margin-top: 5px;
	padding-top: 10px;
}
.field select{
  width: 100%;
  font-size: 120%;
}
.field textarea{
  width: 100%;
  min-height: 50px;
  border: 1px solid #CCC;
	font-size: 120%;
	padding: 10px;
}
.field ul {
  width: 100%;
  padding-top: 10px;
  border: 1px dotted #CCC;
  background: #FFFFFF;
}
.field ul li {
  display: inline-block;
  font-size: 130%;
  margin: 0 20px 10px 20px;
}
.shrink-menu-icon {
  display: none;
}

.modal {
  display: none;
}
.block-ui {
  display: none;
}
.button_unit {
  text-align: center;
	display: flex;
	justify-content: center;
}
.button {
  cursor: pointer;
}
.button_submit {
  width: 50%;
  font-size: 160%;
  padding: 10px 0;
  margin: 0 2%;
  background: linear-gradient(rgba(252,145,2,0.6), rgba(252,145,2,1.00));
  border: none;
  color: #ffffff;
  border-radius: 10px;
}
.button_submit:hover {
  background: rgba(252,145,2,0.7);
}

.button_clear {
  width: 20%;
  font-size: 110%;
  padding: 8px 0;
  margin: 0 2%;
  color: #9A9A9A;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background: #FFFFFF;
}
.button_clear:hover {
  background: #999999;
  color: #FFFFFF;
}
@media (max-width:767px){
	.button_submit {
		font-size: 120%;
	}
	.button_clear {
		width: 30%;
		font-size: 90%;
	}
}
.result_content {
  min-height: 200px;
  padding: 20px 0;
  background: rgba(120,120,120,0.1);
}
#result p {
	margin: 10px 0;
	text-align: center;
	font-size: 120%;
	width: 100%;
}
/*チェックボックス*/
input[type="checkbox"] {
    border: 1px solid #CCCCCC;
    vertical-align: -6px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 22px;
    height: 22px;
    /*Other Browser*/
    background: #e2e2e2;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #ffffff),
        color-stop(1.00, #e2e2e2)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #e2e2e2 100%
    );
}

input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #99cc00;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #C8F4FF),
        color-stop(1.00, #92B6DA)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #C8F4FF 0%,
        #92B6DA 100%
    );
    border: 1px solid #CCCCCC;
}

input[type="checkbox"]:checked:before {
    position: absolute;
    left: 0px;
    top: 13px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 3px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 8px;
    top: 13px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 13px;
    height: 3px;
    background: #ffffff;
    -webkit-transform: rotate(-51deg);
    -webkit-transform-origin: left center;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%; 
padding: 10px 15px; 
border:1px solid #CCCCCC; 
border-radius: 5px;
/*background:transparent;*/
background:#FFFFFF;
  position: relative;
}
::-ms-expand { 
display: none;
}
.select{
  position: relative;
}
.select::before {
  position: absolute;
	top: 45%;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
select#info_destination {
  
}
.menu-items {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  
}
@media (min-width:768px){
	.field.half {
		display: flex;
	}
	.field.half:first-child {
		width: 37%;
	}
	.field.half:nth-child(2) {
		width: 60%;
	}
	.field.half label{
		white-space: nowrap;
		margin-right: 10px;
		margin-top: 18px;
	}
	.field.half .control{
		flex-grow: 1;
	}
}