@charset "UTF-8";
/*******************************************
 * reportページcss
 *
 * menu
 * 1. report layout
 * 2. 見出しのメッセージ
 * 3. 概要情報
 * 4. 注意書き
 ******************************************/
/***** 1. report layout **********************/
#layout-main {
  width: 94%;
  margin: 0 auto;
  min-height: 550px;
  position: relative;
    background: url(../../common/img/bg.jpg) no-repeat bottom;
  background-size: contain;
  padding: 3%;
  z-index: 1;
}
/***** 2. 見出しのメッセージ ************/
#topMsg {
    width: 97%;
    padding: 0 0 3% 1%;
    overflow: hidden;
}
#topMsg img {
  display: inline-block;
}
#topMsg img.head {
  width: 85%;
}
#topMsg a {
  display: inline-block;
}
#topMsg a img {
  width: 80%;
}
#topMsg .float_r {
  float: right;
  text-align: right;
  padding-top: 1%;
}
/***** 3. 概要情報 ************/
#reportInfo {
  clear: both;
  width: 94%;
  padding: 3%;
  background: #FFF;
}
#reportInfo .event_year {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 3% 0;
}
#reportInfo .sp-slide img {
  width: 100%;
  height: 100%;
}
#reportInfo .sp-horizontal .sp-previous-arrow {
    background: url(../../pc/report/img/prev.png) no-repeat;
  left: 0%;
}
#reportInfo .sp-horizontal .sp-next-arrow {
    background: url(../../pc/report/img/next.png) no-repeat;
  right: 0%;
}
#reportInfo .sp-arrow {
  width: 50px;
  height: 50px;
  zoom: 0.9;
  cursor: pointer;
  position: absolute;
  top: 40%;
}
/***** 4. 注意書き ************/
#caution {
    background-color: rgba(255,0,0,0.1);
    border: 1px dashed #d71718;
    clear: both;
    padding: 10px 20px;
    margin-top: 30px;
}
#caution p {
    line-height: 20px;
    color: #fff;
    font-size: 14px;
}
#caution p a {
    color: #fff;
    text-decoration: underline;
}