@charset "UTF-8";
@media only screen and (min-width: 480.1px) and (max-width: 839.9px) {


body,input,select,textarea {
     font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         }

body { background : darkgreen ; }   /*---緑色系---*/

#wrapper{
         width: 99% ;
         margin : 3px ;
         border: 1px solid #cccccc;
         border-radius: 15px;
         background-color: #ffffff;
         justify-content: center ;
         display: flex ;
         } 

h2#title { padding: 30px 0px 0px 0px ; }

p2#title-2 { padding: 10px 0px 20px 0px ; }

.pan {
    font-size:90%;
    padding: 5px 10px 5px 10px ;
    margin : 10px auto 10px auto ;
    display: flex ;
    justify-content: center ;
    }

#formWrap{
	width: 90% ;
	margin:0 auto;
       }

table.formTable{
	width: 100% ;
	margin: 5px ;
	border-collapse:collapse;
       table-layout: fixed;
       word-break: break-all;
          }

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
       }

table.formTable th{
       width:30%;
       font-size:95%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
       }

p.error_messe{
	margin:5px 0;
	color:red;
       }

#submit {
        font-size : 1.2em ;
        color: white ;
        font-weight : normal ;
        padding: 8px 10px ;
        margin-right: 10px ;
        border: 1px solid #000000;
        border-radius: 8px;
        display: inline-block ; 
        background : green ;
                }

#reset {
       font-size : 1em ;
       color: white ;
       margin-left: 10px ;
       padding: 10px 15px ;
       border: 1px solid #000000;
       border-radius: 8px;
       display: inline-block ; 
       background : red ;
                }

.font_color-1 {
          color: #0000ff ; 
          font-size: 16px ;
          padding: 0px 5px 0px 5px ;
          margin: 10px 5px 0px 5px ;
             }

.font_color-2 {
          color: #0000ff ; 
          font-size: 16px ;
          padding: 0px 0px 0px 5px ;
          margin: 0px 5px 5px 5px ;
             }
/*-------------------------------------------------*/


#cols_style{
            width:600px;
            height:400px;
            }

textarea {
     max-width: 100% ;
     min-width: 100% ;
     font-size : 1em ;
     padding: 10px ;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     white-space: nowrap ;
     overflow-x: auto;
     display: flex ;
     justify-content: center ;
        }


input[type="text"] {
     width: 60%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     }

input[type="address, text"]{
     width: 80%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     }

input[type="email, text"]{
     width: 80%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     }

input[type="select"]:focus, [type="number, text"]:focus, [type="email, text"]:focus, 
     [type="text"]:focus, [type="tel, text"]:focus, textarea:focus, 
     [type="address, text"]:focus{
     background-color: #eeeeee;
     }

.yuubin_1{
     line-height:120%;
     width : 16%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8% ;
                }

.yuubin_2{
     line-height:120%;
     width : 18%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8% ;
             }


input[type="tel, text"]{
     color:#555;
     line-height:120%;
     width: 18%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     }

select[id="year"], [id="model"], [id="grade"], [id="steering"], [id="pay"], 
      [id="week"], [id="time"], [id="receive"], [id="call"]{
	position:relative;
	top:0px;
      font-size : 17px;
      width: 60%;
      height: 45px;
      line-height: 30px;
      padding: 6px 10px;
      margin: 0px 0px 0px 10px;
      box-sizing: border-box;
      border: 1px solid #dddddd;
      border-radius: 8px;
      }

select[id="shipping"]{
      position:relative;
      top:0px;
      font-size : 17px;
      width: 90%;
      height: 45px;
      line-height: 30px;
      padding: 6px 10px;
      margin: 0px 0px 0px 10px;
      box-sizing: border-box;
      border: 1px solid #dddddd;
      border-radius: 8px;
      }

           }