html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* basic latest */
.latest-webzine-wrap {
  position: relative;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
.latest-webzine-wrap .latest-header {
  display: block;
  background-color: #efefef; }
.latest-webzine-wrap .latest-header .latest-title {
  font-size: 1.1em;
  margin: 0;
  padding: .5em .8em;
  border-bottom: 3px solid #efefef;
  border-top: 3px solid #999; }
.latest-webzine-wrap .latest-body:before, .latest-webzine-wrap .latest-body:after {
  display: table;
  content: " "; }
.latest-webzine-wrap .latest-body {
  padding: .5em .8em;
  border-top: 1px solid #efefef; }
.latest-webzine-wrap .latest-body .latest-list:before, .latest-webzine-wrap .latest-body .latest-list:after {
  display: table;
  content: " "; }
.latest-webzine-wrap .latest-body .latest-list {
  margin: 0;
  padding: 0;
  display: block;
  position: relative; }
.latest-webzine-wrap .latest-body .latest-list li {
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 1em;
  position: relative; }
.latest-webzine-wrap .latest-body .latest-list li:after, .latest-webzine-wrap .latest-body .latest-list li:before {
  display: table;
  content: " "; }
.latest-webzine-wrap .latest-body .latest-list li .latest-link {
  display: block;
  overflow: hidden; }
.latest-webzine-wrap .latest-body .latest-list li .latest-link .notice-subject {
  color: #666;
  font-weight: 600;
  white-space: nowrap; }
.latest-webzine-wrap .latest-body .latest-list li .latest-link .subject {
  color: #333;
  font-weight: 600;
  white-space: nowrap; }
.latest-webzine-wrap .latest-body .latest-list li .latest-link .contents-box {
  margin: .5em 0 0 .5em;
  color: #666;
  line-height: 1.5em;
  max-height: 53px;
  overflow: hidden; }
.latest-webzine-wrap .latest-body .latest-list li .latest-link img {
  vertical-align: middle; }
.latest-webzine-wrap .latest-footer {
  position: relative;
  padding: .5em;
  text-align: right; }
.latest-webzine-wrap .latest-footer .latest-more {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: .3em .5em;
  background-color: #efefef;
  font-size: .9em; }
.latest-webzine-wrap .webzine-photo {
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: .5em;
  border: 1px solid #efefef; }
.latest-webzine-wrap .webzine-photo img {
  width: 100px;
  height: 75px; }
.latest-webzine-wrap .img-link {
  display: block;
  font-size: 0;
  position: relative; }
.latest-webzine-wrap .img-link .webzine-icons {
  z-index: 100;
  position: absolute;
  bottom: 1px;
  right: 1px; }
.latest-webzine-wrap .img-link .webzine-icons .textcon {
  margin-right: 1px; }
.latest-webzine-wrap .img-link:before, .latest-webzine-wrap .img-link:after {
  content: " ";
  display: table; }
.latest-webzine-wrap .img-link:after {
  clear: both; }
.latest-webzine-wrap .img-link img {
  -webkit-transition: all .5s ease;
  /* Safari and Chrome */
  -moz-transition: all .5s ease;
  /* Firefox */
  -ms-transition: all .5s ease;
  /* IE 9 */
  -o-transition: all .5s ease;
  /* Opera */
  transition: all .5s ease; }
.latest-webzine-wrap .img-link img:hover {
  -webkit-transform: scale(1.4);
  /* Safari and Chrome */
  -moz-transform: scale(1.4);
  /* Firefox */
  -ms-transform: scale(1.4);
  /* IE 9 */
  -o-transform: scale(1.4);
  /* Opera */
  transform: scale(1.4); }

.latest-webzine-wrap:before, .latest-webzine-wrap:after {
  display: table;
  content: " "; }
