@charset "UTF-8";

.articleWrap {
  padding: 0 15px;
  margin-bottom: 40px;
}
.articleTitle {
  color: #4C4847;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.3;
  border-bottom: 1px solid #E8536A;
  margin-bottom: 10px;
  padding: 0 5px 2px 5px;
}
.articleInfo {
  color: #4C4847;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.articlePhoto {
  max-width: 500px;
  margin: 0 auto 10px;
}
.articlePhoto a {
  display: block;
}
.articlePhoto img {
  display: block;
  margin: 0 auto;
}
.fa-camera {
  color: #436ade;
}
.fa-file-pdf-o {
  color: #DA251C;
}
.fa-file-word-o {
  color: #295496;
}
.fa-file-excel-o {
  color: #207347;
}
.fileBox {
  margin: 20px 0;
  border-top: dotted 1px #969696;
}
.files {
  margin: 8px 0;
}
.files .fa {
  padding-right: 4px;
}
.files li {
  font-size: 1.3rem;
  line-height: 1.3;
  margin: 0 0 8px 0;
}
.files a {
  text-decoration: none;
  color: #666666;
  margin-top: 15px;
}
.files a:hover {
  border-bottom: 1px solid #999;
}

.newArrivalNews {
  text-align: center;
  font-size: 2rem;
  color: #6A3906;
  font-weight: normal;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 960px) {
  .articleWrap {
    padding: 0;
    max-width: 960px;
    width: 100%;
    margin: 0 auto 60px;
  }
  .articleBody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .articleText {
    margin-bottom: 20px;
    -webkit-box-flex:1;
    -webkit-flex: 1 0 60%;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
  }
  .articlePhotoWrap {
    margin-left: 30px;
    width: 34%;
  }
  .fileBox {
    margin: 0;
  }
}