@charset "UTF-8";
/* ---------------------------------
 mixin
--------------------------------- */
/*notLink*/
/*clearfix*/
/*baseWidth*/
/*alt*/
/*flex*/
#history h3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  height: 30px;
  margin-top: 30px;
  margin-bottom: 25px;
  background: url(../images/history/h3.png) no-repeat 1% 0; }
#history .history_inner {
  padding: 3.5%; }
  #history .history_inner h4 {
    padding: 0 0 3%;
    font-size: 1.6rem;
    line-height: 1.8; }
    #history .history_inner h4 span {
      width: 100%;
      padding: 1% 0;
      display: inline-block; }
  #history .history_inner .champions {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    #history .history_inner .champions_list {
      width: 32%;
      margin-bottom: 2%;
      border: #ccc 1px solid;
      box-sizing: border-box; }
      #history .history_inner .champions_list:nth-of-type(2), #history .history_inner .champions_list:nth-of-type(5), #history .history_inner .champions_list:nth-of-type(8), #history .history_inner .champions_list:nth-of-type(11),#history .history_inner .champions_list:nth-of-type(14) {
        margin: 0 2% 2%; }
      #history .history_inner .champions_list h5 {
        padding: 2%;
        background: #000;
        font-size: 1.6rem;
        color: #fff;
        text-align: center; }
      #history .history_inner .champions_list ul li {
        padding: 3% 4%;
        border-top: #ccc 1px solid; }
        #history .history_inner .champions_list ul li img {
          width: 100%;
          height: auto;
          pointer-events: none;
         }
        #history .history_inner .champions_list ul li:nth-of-type(1) span {
          font-weight: bold; }
        #history .history_inner .champions_list ul li:nth-of-type(2) span {
          font-weight: bold; }
        #history .history_inner .champions_list ul li:nth-of-type(3) {
          font-weight: bold; }
          #history .history_inner .champions_list ul li:nth-of-type(3) span {
            font-weight: normal;
            color: #e4548d; }
          #history .history_inner .champions_list ul li:nth-of-type(3) small {
            font-size: 1.2rem;
            font-weight: normal; }
        #history .history_inner .champions_list ul li:nth-of-type(4) {
          padding: 5% 4%; }
          #history .history_inner .champions_list ul li:nth-of-type(4) a {
            width: 80%;
            margin: 0 auto;
            padding: 4%;
            background: #d0a71b;
            display: block;
            color: #fff;
            text-align: center; }

            .name2008,.name2009{
              height: 6.4em;
            }

/* ---------------------------------
 SP用
--------------------------------- */
@media screen and (max-width: 992px) {
  #history h3 {
    height: 0;
    margin-top: 1.5%;
    margin-bottom: 4%;
    padding-top: 4.61538%;
    background-position: 2% 0;
    background-size: contain; }
  #history .history_inner h4 {
    padding: 0 0 5%;
    font-size: 3vw; }
  #history .history_inner .champions {
    width: 100%; }
    #history .history_inner .champions_list {
      width: 49%;
      font-size: 2.8vw;
      letter-spacing: 0; }
      #history .history_inner .champions_list h5 {
        font-size: 3vw; }
      #history .history_inner .champions_list:nth-of-type(9) ul li:nth-of-type(3),#history .history_inner .champions_list:nth-of-type(10) ul li:nth-of-type(3) {
        padding-bottom: 3%; }

      #history .history_inner .champions_list:nth-of-type(2), #history .history_inner .champions_list:nth-of-type(5), #history .history_inner .champions_list:nth-of-type(8), #history .history_inner .champions_list:nth-of-type(11) {
        margin: 0 0 4%; }
      #history .history_inner .champions_list:nth-of-type(even) {
        margin: 0 0 4% 2%; }
      #history .history_inner .champions_list:nth-of-type(odd) {
        margin: 0 0 4% 0; }
      #history .history_inner .champions_list ul li:nth-of-type(3) {
        line-height: 1.5; }
        #history .history_inner .champions_list ul li:nth-of-type(3) small {
          font-size: 2vw; } 

          .name2008{
            height: auto;
          }

          .name2009{
            height: 5.5em;
          }          
        
        }
/* ---------------------------------
 tablet用(SP設定を上書き）
--------------------------------- */
/* ---------------------------------
 PC用
--------------------------------- */