@charset "UTF-8";
/*----------------------------------------------------
   ex
-----------------------------------------------------*/
.flex-ex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width:100%;
}
.ex-cap p {
    margin:0;
  display: -ms-flexbox;
  display: flex;
  flex-direction:column;
/*border:solid 1px #f00;*/
}
.ex-cap p span{
  font-weight: bold;
text-decoration: underline;
}
.ex-img{
    margin:0;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}
.ex-img a {
margin-left:5px;
  margin-bottom:5px;
}

.ex-box .flex-img p{
  text-align:center;
  /*display: -ms-flexbox;
  display: flex;
  justify-content: center;*/
    margin:0!important;
}
.ex-box .flex-img p span{
display:inline-block;
color:#e47911;
}

@media screen and (max-width: 640px) {
    .ex-img img {
    min-width:90px;
  }
}
@media screen and (max-width: 480px) {
  .ex-img{
    flex-direction:column;
  }
  .ex-img img {
    width:100%;
  }
.ex-box .flex-img p{
  font-size:0.65em;
}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .flex-ex li{
    width:630px;
        min-width:1px;
  }
}
/*ex-box2 ul.cap {
    width:100%;
    text-align: left;
}
.ex-box2 ul.cap li{
}
.ex-box2 ul.cap li p {
    float:left;
    margin:0 0 2% 2%;
    width:auto;
    max-width:52%;
    overflow: visible;
}
.ex-box2 ul.cap li p span {
    text-decoration: underline;
    display:block;
    margin:2% 0;
}
.ex-box2 ul.cap li img {
    float:right;
    margin:1% 2% 2% 0px;
    padding:0;
    min-width:100px;
    width:20%;
    height:auto;
}

.nflex img.left{
    float:left;
    margin:5px 2.5% 10px 0.5%!important;
}
.nflex img.right{
    float:right;
    margin:5px 0.5% 10px 2.5%!important;
}

.row-text {
    margin:0;
    margin-bottom:1%;
}
.row-img {
  min-width:180px;
    margin:5px 1%;
}
.row-img img {
  width: 100%;
  height:auto;
}
  #l-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #main {
    -webkit-flex:1;
    flex:1;
    -webkit-order:2;
    order:2;
  }
  #aside {
    width: 210px;
    -webkit-order:1;
    order:1;
  }

@media screen and (max-width: 768px) {
  .f-img2 li{
      width: 49%;
  }
  .ex-box2 ul.cap li p  {
      max-width: 59%;
  }
}*/