/* base
----------------------------------------------------------*/

body {
  font-size: 1.6rem;
}

.firstStore > div,
.secondStore > div,
.oldStore > div{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.form_container {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print,screen and (max-width: 768px) {
  .form_container{
    padding:0 10px;
  }
}
.form_container .formrun h2 {
  font-size: 2rem;
  font-weight: bold;
  background-color:#20992a;
  color:#fff;
  padding: 15px;
  text-align: center;
  margin-bottom:30px;
  border-radius: 5px;
  line-height:1.5;
  position:relative;
}

@media print,screen and (max-width: 768px) {
  .form_container .formrun h2 {
    font-size: 1.6rem;
  }
  .form_container .formrun h2 > br {
    display:none;
  }
}

.form_container .formrun h2:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #20992a transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.form_container div > dl > dt {
  background-color: #ededed;
  color: #fff;
  color:#222;
  padding: 15px;
  border-radius: 5px;
  line-height:1.5;
  font-weight: bold;
}
.form_container div > dl > dd {
  padding: 15px 10px 15px 10px;
}


.form_container div > dl > dd label:hover{
  cursor: pointer;
}

.form_container .click_limit li .locked {
  opacity: 0.75;
  color: #aaa;
}

.form_container ul li {
  margin-bottom:10px;
}
@media print,screen and (max-width: 568px) {

}


/* input width */

.w_min{
  max-width:180px;
}

.w_mid{
  max-width:300px;
}

.ans_pt span:first-of-type{
  margin-right:1.5em;
  font-weight: bold;
}
.ans_pt span:last-of-type{
  margin-left:1.5em;
  margin-right:0;
  font-weight: bold;
}


/* style
----------------------------------------------------------*/

.info {
  margin-bottom: 40px;
  line-height: 1.8;
}

.info>p {
  margin-bottom: 1em;
}

.info>p:last-of-type {
  margin-bottom: 0;
}


.tb_style {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.tb_style th {
  border: 1px solid #333;
  background: #fff;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  line-height: 1 !important;
}

.tb_style tr:first-of-type th {
  background: #F8EDCB;
}

@media print,screen and (max-width: 640px) {
   .tb_style tr:first-of-type th > span {
        display:inline-block;
       width:0.98em;
    }
    .tb_style tr:first-of-type th > span > br {
        display:block;
    }
}
@media print,screen and (min-width: 641px) {
    .tb_style tr:first-of-type th > span > br {
            display:none;
    }
}

.tb_style tr th:first-of-type {
  width: 260px;
  text-align: left;
  line-height: 1.3;
  background: #E4F2DF;
}

.tb_style th label {
  line-height: 1 !important;
  margin: 0 !important;
}

.tb_style th label input {
  margin: 0 !important;
}

@media print,
screen and (max-width: 568px) {
  .tb_style {
    font-size: 1.3rem;
  }

  .tb_style tr th:first-of-type {
    width: 140px;
  }
}


.tb_style tr:first-of-type th:first-of-type {
  background: #eee;
}

.tb_style th label {
  display: block;
  text-align: center;
  margin: 0 !important;
}

.tb_style th label:hover {
  cursor: pointer;
}

.tb_style td {
  border: 1px solid #fff;
}


/* Store 
----------------------------------------------------------*/

.firstStore label,
.secondStore label,
.oldStore label{
  margin-bottom:10px;
}

.SelectionStore_box label:last-of-type input:last-of-type{
  margin-top:10px;
}