@charset "UTF-8";
/*=============================================================================
  上書き
=============================================================================*/

/*=============================================================================
  共通
=============================================================================*/
#lv img {
  width: 100%;
  height: auto;
}
.content {
  border-bottom: 1px solid #eee;
}
.content > .ttl {
  padding: 25px 0;
  font-size: 2rem;
  font-weight: bold;
  background-color: rgba(255,255,255,.5);
  border-bottom: 1px solid #eee;
}

  /*single*/
  #runner_reportSingle .content #post {
    box-sizing: border-box;
    text-align: left;
    max-width: 664px;
    margin: 0 auto;
    padding: 40px 2%;
    color: #4d4d4d;
  }
  #runner_reportSingle .content #post .postTitle {
    padding-bottom: 10px;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: bold;
  }
  #runner_reportSingle .content #post time,
  #runner_reportSingle .content #post .category {
    margin-right: 2rem;
    font-size: 1.3rem;
  }
  #runner_reportSingle .content #post .postContent {
    margin-top: 30px;
    font-size: 1.3rem;
    line-height: 2;
  }
  #runner_reportSingle .content #post .postContent img {
    width: 100%;
    height: auto;
  }
    #runner_reportSingle .content #post .postContent img.w10p {
      width: 10%;
    }
    #runner_reportSingle .content #post .postContent img.w20p {
      width: 20%;
    }
    #runner_reportSingle .content #post .postContent img.w30p {
      width: 30%;
    }
    #runner_reportSingle .content #post .postContent img.w40p {
      width: 40%;
    }
    #runner_reportSingle .content #post .postContent img.w50p {
      width: 50%;
    }
    #runner_reportSingle .content #post .postContent img.w60p {
      width: 60%;
    }
    #runner_reportSingle .content #post .postContent img.w70p {
      width: 70%;
    }
    #runner_reportSingle .content #post .postContent img.w80p {
      width: 80%;
    }
    #runner_reportSingle .content #post .postContent img.w90p {
      width: 90%;
    }
  #runner_reportSingle .content #post .figure {
    display: block;
    margin-top: 20px;
    width: 100%;
    height: auto;
  }
  #runner_reportSingle #singlePagination {
    box-sizing: border-box;
    text-align: left;
    max-width: 664px;
    margin: 0 auto;
    padding: 40px 2%;
    color: #4d4d4d;
    font-size: 1.3rem
  }
  #runner_reportSingle #singlePagination .prev{
    width: 50%;
    float: left;
    text-align: left;
  }
  #runner_reportSingle #singlePagination .next{
    width: 50%;
    float: right;
    text-align: right;
  }

/*=============================================================================
	responsive
=============================================================================*/
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 980px) {
          #c04 .item.first-child figure {
            display: table-cell;
            width: 50%;
          }
          #c04 .item.first-child .description {
            display: table-cell;
            width: 50%;
            padding: 60px 20px 20px;
          }
          #c04 .item figure {
            display: block;
            width: 100%;
          }
          #c04 .item .description {
            display: block;
            width: 100%;
            padding: 20px;
          }
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 768px) {
        .content > .ttl  {
          font-size: 2.6rem;
        }

        /*#c01*/
        #c01 .right,
        #c01 .left {
            float: none !important;
            width: 100% !important;
        }
        #c01 .left {
          line-height: 2;
          padding: 30px 4%;
          font-size: 2rem;
        }
        #c01 .right .pc {
          display: none;
        }
        #c01 .right .sp {
          display: block;
        }

        /*#c02*/
        #c02 .right {
          display: block;
          vertical-align: top;
          box-sizing: border-box;
          text-align: left;
          width: 100%;
          padding: 30px 4%;
          background-color: rgba(0,0,0,.5);
          color: #fff;
        }
        #c02 .left {
          display: block;
          vertical-align: top;
          box-sizing: border-box;
          text-align: left;
          padding: 30px 4%;
          font-size: 2rem;
          line-height: 2;
          background-color: rgba(255,255,255,.9);
        }
        #c02 .left li time {
          display: block;
        }
        #c02 .right > .header > h1.th {
          text-align: left;
          font-size: 2.8rem;
          font-weight: bold;
        }
        #c02 .right > .header > time.th {
          text-align: center;
          font-size: 2rem;
        }
        #c02 .right > .header > span.th {
          text-align: right;
        }
          #c02 .right > .header > span.th a {
            background: #fff;
            color: #000;
            padding: 5px 10px;
            font-size: 1.6rem;
          }
        #c02 .right .figure {
          float: left;
          margin-right: 25px;
          width: 30%;
        }
          #c02 .right img {
            width: 100%;
            height: auto;
          }
        #c02 .right .context {
          margin-top: 30px;
        }
          #c02 .right h2 {
            font-size: 2.4rem;
            line-height: 1.5;
            font-weight: bold;
          }
          #c02 .right .description {
            margin-top: 30px;
            font-size: 2rem;
            line-height: 2;
          }

        /*#03*/
        #c03.content .clm-2 .item {
          float: none;
          width: 100%;
        }
        #c03.content .clm .item h1 {
          text-align: left;
          padding: 10px;
          font-size: 1.8rem;
          font-weight: bold;
          line-height: 1.6;
        }

        /*#04*/
        #c04 .item.first-child {
          float: none;
          width: 100%;
        }
          #c04 .item.first-child > a {
            display: block;
            width: 100%;
          }
          #c04 .item.first-child figure {
            display: block;
            width: 100%;
          }
          #c04 .item.first-child .description {
            display: block;
            width: 100%;
            padding: 20px !important;
          }
            #c04 .item .description h1 {
              font-size: 1.6rem !important;
              line-height: 1.5 !important;
            }
            #c04 .item .description h1 > .en {
              margin-left: 20px !important;
            }
            #c04 .item .description p {
              margin-top: 10px !important;
              font-size: 1.4rem !important;
              line-height: 1.5 !important;
            }
          #c04 .box .left,
          #c04 .box .right {
            float: none;
            width: 100%;
          }
          #c04 .box .right {
            margin-top: 45px;
          }
          #c04 .box .subTtl {
            padding: 5px 15px;
            background-color: #fff;
            color: #000;
            font-size: 2.4rem;
            font-weight: bold;
          }
          #c04 .box .left {
            float: left;
            padding: 0 4%;
          }
          #c04 .box .right {
            float: right;
            padding: 0 4%;
          }
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 580px) {
    #c02 .right > .header > time.th {
      text-align: right;
    }
    #c02 .right > .header > span.th {
      display: none;
    }
}
@media screen and (max-width: 480px) {
        #c04 .item {
          float: none;
          width: 100%;
        }
}
@media screen and (max-width: 375px) {
    #c04 .item figure,
    #c04 .item .description {
      display: block;
      width: 100%;
    }
    #c04 .item figure {
      position: relative;
    }
    #c04 .item figure:after {
      position: absolute;
      top: auto;
      right: auto;
      bottom: -2px !important;
      left: 15% !important;
      z-index: 1;
      content: url('../img/common/img-arrow-up.png');
      width: 27px;
      height: 15px;
    transform: rotate(0deg);
    }
    #c04 .item .description {
      padding: 20px !important;
    }
}