@charset "UTF-8";
/* CSS Document */

ul#case {
  padding: 0 !important;
  margin: 0 !important;
}

ul#case li {
  list-style:none;
}

.column .Img a {
  display: block;
  width: 100%;
  height: 300px;
  background-position: center !important;
  background-color: #eee !important;
  background-repeat: no-repeat !important;
  background-size :contain !important;
}

ul#case li .Img a img {
  display: none !important;
}

@media (max-width: 1180px) {
  .column .Img a {
  height: 200px;
  }
}

@media (max-width: 640px) {
  .column .Img a {
  height: 250px;
  }
}










ul.eventList {
  margin: 0 !important;
  padding: 0 !important;
}

ul.eventList li {
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  list-style-type: none;
}

ul.eventList li .item {
  /*background: #f9f9f9;*/
}

ul.eventList li .Img {
  width: 100%;
  overflow: hidden;
  transition: all .5s;
}

ul.eventList li .Img:hover {
  /*background: #000;*/
}

ul.eventList li .Img:hover img {
  opacity: .9;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

ul.eventList li .Img img {
  display: block;
  width: 100%;
  transition: all .5s;
}

ul.eventList li .Txt {
  padding: 0 20px;
  color: #333;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: .05em;
  box-sizing: border-box;
  text-align: center;
}

ul.eventList li .title a {
  font-size: 20px;
  color: #333;
}

ul.eventList li .title:after {
  content: '';
  display: block;
  width: 45px;
  height: 2px;
  margin: 5px auto;
  background: #f0c600;
}

ul.eventList li .date:before, ul.eventList li .location:before, ul.eventList li .people:before {
  font-family: FontAwesome;
  display: inline-block;
  width: 30px;
  text-align: center;
}

ul.eventList li .date:before {
  content: '\f017';
}

ul.eventList li .location:before {
  content: '\f041';
}

ul.eventList li .people:before {
  content: '\f183';
}

@media (max-width: 767px) {
  ul.eventList li {
    width: 50%;
  }
}

@media (max-width: 480px) {
  ul.eventList li {
    width: 100%;
  }
}




/*

.mainArea .contentBox .leftBox {
  float: left;
  width: 275px;
}

.mainArea .contentBox .leftBox.ins {
  width: 845px;
}

.mainArea .contentBox .rightBox {
  float: right;
  width: 845px;
}

.mainArea .contentBox .rightBox.ins {
  width: 275px;
}

@media (max-width: 1180px) {
  .mainArea .contentBox .leftBox {
    float: left;
    width: 240px;
  }
  .mainArea .contentBox .leftBox.ins {
    width: calc(100% - 240px);
    padding-right: 50px;
    box-sizing: border-box;
  }
  .mainArea .contentBox .rightBox {
    float: right;
    width: calc(100% - 240px);
    padding-left: 50px;
    box-sizing: border-box;
  }
  .mainArea .contentBox .rightBox.ins {
    width: 240px;
  }
}


@media (max-width: 767px) {
  .mainArea .contentBox .leftBox {
    float: left;
    width: 100%;
  }
  .mainArea .contentBox .leftBox.ins {
    width: calc(100% - 240px);
    padding-right: 50px;
    box-sizing: border-box;
  }
  .mainArea .contentBox .rightBox {
    width: 100%;
    padding-left: 0;
  }
  .mainArea .contentBox .rightBox.ins {
    width: 240px;
  }
}

*/