.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}


.explain-area{
  font-size: 14px;
}

.option-area{
  font-size: 14px;
}


/*----------------------------------------------------
    .table_01
----------------------------------------------------*/
.table_01 th  { width: 20%; text-align: center; }
 
@media only screen and (max-width:480px){
    .table_01 { margin: 0 -10px; }
    .table_01 th,
    .table_01 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .table_01 tr:first-child th   { border-top: 1px solid #ddd; border-bottom:solid 1px #ccc;  }
}





section table   { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
    .demo01
----------------------------------------------------*/
.demo01 th  { width: 20%; text-align: center; }
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #ddd; }
}



/*----------------------------------------------------
    .demo02
----------------------------------------------------*/
.demo02 th  { width: 13%; }
.demo02 td  { text-align: center; }
.demo02 td:first-child  { text-align: left; }
@media only screen and (max-width: 800px) { 
    .demo02 { 
        display: block; 
        width: 100%; 
        margin: 0 -10px;
    }
    .demo02 thead{ 
        display: block; 
        float: left;
        overflow-x:scroll;
    }
    .demo02 tbody{ 
        display: block; 
        width: auto; 
        overflow-x: auto; 
        white-space: nowrap;
    }
    .demo02 th{ 
        display: block;
        width:auto;
    }
    .demo02 tbody tr{ 
        display: inline-block; 
        margin: 0 -3px;
    }
    .demo02 td{ 
        display: block;
    }

  
/*-------------- レイアウトを変更する --------------*/
#size01 table { width: 100%; border:none; padding: 10px;}
#size01 thead { display: none;}
#size01 tr {
	display: block;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
}
#size01 td {
	display: block;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: none;
	padding: 0;
}

/* tdのデザイン */
#size01 td:nth-of-type(1) { background-color: #61c5bb; text-align: center; color: #fff;}
#size01 td:last-child { border-bottom: 1px solid #ccc;}
#size01 td:before {
	color: #4f4d47;
	display: block;
	background-color: #ecece3;
}

/* ************************************************
*  group page
* ************************************************ */
.free__h5 {
	position: relative;
  width: auto;
  margin: 50px 0px 50px 0px;
  font-size: 13px;
  color:#5d5d5d;
  font-weight: normal;

	text-align: left;
  right: 0;
  left: 0;
	padding: .5em .75em;
	background-color: #fafaf7;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}