@charset "utf-8";
.clfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clfix {
  display: inline-block;
}
/* Hides from IE Mac */

* html .clearfix {
  height: 1%;
}
.clfix {
  display: block;
}

/*------------------------------------------------------------
  記事詳細
------------------------------------------------------------*/
.article-name-box {
  text-align: center;
  margin-bottom: 2%;
}
.article-name-b{
  font-size: 200%;
  font-weight: bold;
  margin-top: 5px;
  line-height: 1.5;
}
.article-contents {
  margin: 0 auto;
  margin-top: 30px !important;
}

@media (min-width: 751px) {
  .contents-element-main {
    width: 100%;
  }
  .contents-element.article {
    position: relative;
    z-index: 1;
    padding: 5px 10px 10px 10px;
    zoom: 1;
    background-image: none;
  }
  .article-contents {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    background-color: #ffffff;
  }
  .article-main-photo {
    width: 100%;
    text-align: center;
  }
  .article-contents {
    font-size: 14px;
    width: 100%;
    zoom: 1;
    padding-bottom: 30px;
  }
  .article-img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .recommended-contents {
    padding: 0px 0 0;
  }
  .contents-feature-list {
    margin-top: 5px;
  }
  .article-feature .feature-outer-un
  {
    width: 32.7%;
  }
  .article-feature .feature-outer-un img
  {
    max-height: 182px;
  }
}

@media (max-width: 750px) {
  .contents-element.article {
    padding: 10px;
    margin-bottom: 0;
  }
  .article-name-b{
    font-size: 128.6%
  }
  .article-contents {
    margin-bottom: 10px;
    background-color: #ffffff;
  }
  .article-contents a {
    display: block;
  }
  .article-main-photo img {
    width: 100%;
  }
  .article-contents {
    font-size: 13px;
    padding: 0 10%;
    padding: 0 4% 30px 4%;
    zoom: 1;
  }
  .article-img {
    max-width: 100%;
  }
  .recommended-contents {
    padding: 0px 0 0;
  }
  .contents-recommend, .contents-feature {
    padding: 5px 0px;
  }
  .contents-feature-list {
    margin-top: 5px;
  }
  .article-feature .feature-outer-un
  {
    margin-top: 7px;
  }
  .article-feature .feature-outer-un img
  {
    max-width: 100% !important;
    width: inherit !important;
    max-height: 100%;
    box-shadow: none;
    border: none!important;
    box-shadow: none!important;
  }
}