/* ===================================================================
CSS information
 file name  : event_layout
 author     : honyaclub.com
 date       : 201504
 update     : 20160303
 about      : event_layout
=================================================================== */

@charset "shift_jis";

/* ------------------------------------------------------
min-width 1200px
---------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
#contents .collayout-3 {margin-bottom: 25px;}
#contents .collayout-3 .col {
  display: inline;
  float: left;
  width: 30%;
  margin-right: 3%;
}
#contents .item-block02 .item-img {
  margin-bottom: 5px;
  margin-right: 3%;
  float: left;

}
#contents .item-block02 .item-txt {
  float: left;
  line-height: 1.4;
  width: -webkit-calc(97% - 80px);/*Chrome19~25*/
  width: -moz-calc(97% - 80px);/*Firefox4~15*/
  width: calc(97% - 80px);
}
}

/* ------------------------------------------------------
max-width 1199px
---------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
#contents .collayout-3 {margin-bottom: 25px;}
#contents .collayout-3 .col {
  display: inline;
  float: left;
  width: 30%;
  margin-right: 3%;
}
#contents .item-block02 .item-img {
  margin-bottom: 5px;
  margin-right: 3%;
  float: left;
}
#contents .item-block02 .item-txt {
  float: left;
  line-height: 1.4;
  width: 100%;
}
}