/* Document for css in OFCA
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/*! Flexible Grid System 5.5.3 | Settings | Scss | MIT License | flexible.gs */
/*! Flexible Grid System 5.5.3 | Scss | MIT License | flexible.gs */
/*! Flexible Grid System 5.5.3 | Scss Plus | MIT License | flexible.gs */
.ofca-wrap {
  display: block;
  width: 100%;
  font-size: 0;
  letter-spacing: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.ofca-wrap > * {
    display: inline-block;
    vertical-align: top; }

.ofca-col {
  min-height: 1px;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
 
/* Container for flexboxes */
.row {
  display: flex;
  flex-wrap: wrap;
}

.ofca-row {
  display: flex;
  flex-wrap: wrap;
  width: 99.5%;
}

div.ofca-row:nth-of-type(even) {background: #f6f8f8;}

div.ofca-row:nth-of-type(odd) {background: #eeeeee;}
 
  /* Create four equal columns that floats next to each other */
.ofca-column {
  float: left;
  width: 16%;
  text-align: center;
  border-right: 4px solid white;
  border-left: 4px solid white;
}

.ofca-column-less {
  float: left;
  width: 15.6%;
  text-align: center;
  border-right: 4px solid white;
  border-left: 4px solid white;
}

.pc-verion {
  background: #ffffff;
}

.ofca-data-end-column {
  float: left;
  width: 16.7%;
  text-align: center;
  border-left: 4px solid white;
}

.ofca-data-head-column {
  float: left;
  width: 16%;
  text-align: center;
  border-left: 4px solid white;
  border-right: 4px solid white;
}

.ofca-head-column {
  float: left;
  width: 16%;
  text-align: center;
  border-right: 4px solid white;
}

.ofca-end-column {
  float: left;
  width: 15%;
  text-align: center;
  border-left: 4px solid white;
}

.ofca-head-column-merge {
  float: left;
  width: 32%;
  text-align: center;
  border-right: 4px solid white;
  border-left: 4px solid white;
}

.ofca-data-column-merge {
  float: left;
  width: 32%;
  text-align: center;
  border-right: 4px solid white;
  border-left: 4px solid white;
}

.ofca-head-column-submerge {
  float: left;
  width: 50%;
}

.mobile-verion { display: none; }

/* On screens that are 1200px wide or less, make the columns stack on top of each other instead of next to each other 
@media screen and (max-width: 1175px) {  .row {    flex-direction: column;  } }
*/
/* On screens that are 1200px wide or less, go from four columns to one columns
@media screen and (max-width: 1200px) {  .ofca-column { width: 100%; } }
@media screen and (max-width: 1200px) {  .ofca-column-merge1 { width: 100%; } } 
 */

@media screen and (max-width: 1170px) {  .mobile-verion { display: inline-block; vertical-align: top; padding-right: 5px; } }

@media screen and (max-width: 1170px) {  .pc-verion { display: none; } }
@media screen and (max-width: 1170px) {  .ofca-head-column { display: none; } }
@media screen and (max-width: 1170px) {  .ofca-end-column { display: none; } }
@media screen and (max-width: 1170px) {  .ofca-data-head-column { display: none; } }
@media screen and (max-width: 1170px) {  .ofca-data-end-column { display: none; } }