@charset "Shift_JIS";

@import "normalize4.css";

@import "common4.css";

@import "base4.css";

@import "add4.css";

@import "menu4.css";

#m_button{
  text-align: right;
  margin-top: 10px;
  margin-right: 8px;
  margin-bottom: 3px;
}
#m_button a {
  display: inline-block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  vertical-align: bottom;
}



/* form dt dd
----------------------------------------------------*/
#honbun form dt{
  font-weight: bold;
}
#honbun form dd{
  margin: 0.5em 0 1em;
}

#honbun  form input:not([type="radio"]):not([type="button"]):not([type="image"]),
#honbun  form input:not([type="number"]):not([type="url"]):not([type="tel"]),
#honbun  textarea{
/*    width: 20em; */
  max-width: 16em;
  padding: 5px;
}
#honbun  form input[type="number"]{
   width: 10em;
}

#honbun  form .submit{
   font-size: 12pt;
   font-weight: bold;
   padding: 0.7em 3em !important;
}





/************** maga ****************/

.maga_list{
/* font-family: monospace; */
font-size: 90%;
line-height: 130%;
margin: 30px 0px;
padding: 5px;
border-width: 1pt;
border-color: #339900;
border-style: solid;
background-color: #FFFFF4;
border-radius: 5px;
}

.maga_list p{ line-height: 300%; }

.maga_list a{ text-decoration: none; }

.maga_list .btnss{  line-height: 180%; }

.maga_in_box,
.maga_in_box_s{
font-size: 90%;
line-height: 1.2;
/* font-family: monospace; */
margin-right: 0px;
margin-left: 0px;
padding: 5px;
border: 2px solid #999999;
background-color: #FFFFF4;
overflow: scroll;
}

.maga_in_box{
height: 400px;
}

.maga_in_box_s{
height: 100px;
}








/*media Queries 670px
----------------------------------------------------*/
@media only screen and (min-width: 670px) {


  #honbun  form dt{
    clear: left;
    float: left;
    width: 9em;
  }
  #honbun  form dd{
    margin-left: 9em;
  }
  #honbun  form input:not([type="radio"]):not([type="button"]):not([type="image"]),
  #honbun  form input:not([type="number"]):not([type="url"]):not([type="tel"]),
  #honbun  textarea{
/*    width: 20em; */
    max-width: 25em;
    padding: 5px;
  }
  #honbun  form .submit{
    margin-left: 9em;
    text-align: left;
  }



.maga_list{
margin: 20px 30px;
padding: 15px;
}


.maga_in_box,
.maga_in_box_s{
margin-right: 30px;
margin-left: 30px;
padding: 10px;
}







 
}