@charset "utf-8";

.noshi-option{
	display:block;
}

.option-box{
	display : flex;
    flex-direction: column;
    flex-basis: 40%;
    width: 100%;
}


.item-noshi {
	margin: 0 15px 10px 0;
	text-align: left;
	font-size: 16px;
}

.option-select {
    position: relative;
    flex-basis: 40%;
    width: 100%;
    margin-top:10px;
}
.name-box {
    display : flex;
    flex-direction: row;
    flex-basis: 40%;
    width: 100%;
    margin-top:10px
}

.name-label {
    position: relative;
    flex-basis: 35%;
    width: 100%;
}

.name-input {
    position: relative;
    flex-basis: 65%;
    width: 100%;
}

.noshi-option {
  display: block;
	text-align: left;
	font-size: 14px;
}

.noshi-option input,
.noshi-option select {
	padding: 5px;
}

.insider  table {
  width: 100%;
   border-collapse: collapse;
   border: solid 2px #C0C0C0;
   margin: 10px 0px;
}

.insider table  th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #dedede;
  color: black;
  text-align: center;
  padding: 5px 0;
  border: solid 2px #C0C0C0;
}


.insider table td{
  text-align: left;
  width: 70%;
  text-align: center;
  padding: 5px 0;
  border: solid 2px #C0C0C0;
}

@media only screen and (max-width: 760px){

	
	 .option-box{
    flex-direction:column;
    }
	
  .option-select,
  .name-box{
    margin :10px 0 10px 0;
	justify-content: flex-start;
  }
	

	.name-input input{
		display:inline;
		
	}
}