@charset "UTF-8";
/* 親子サッカー教室＆液体塩こうじ試食会レポート
------------------------------ */
#contents {
  width: 100%;
  margin: 0 auto; }

#soccer-report {
  text-align: center; }
  #soccer-report .imgMax, #soccer-report img, #soccer-report #mainContents img {
    width: 100%;
    height: auto; }
  #soccer-report .commonPadding, #soccer-report #kvArea, #soccer-report #Gnavigation {
    padding: 0 3%; }
  #soccer-report #kvArea {
    position: relative;
    background: url(../images/soccer-report-kvBg.jpg) no-repeat center top;
    background-size: auto 100%;
    background-size: cover;
    min-height: 461px;
    width: auto; }
    #soccer-report #kvArea:after {
      content: '';
      display: block;
      position: relative;
      background: url(../images/soccer-report-kvBg2.png) no-repeat;
      background-size: 255px;
      height: 133px;
      width: 255px;
      height: 133px;
      bottom: 0;
      left: 50%;
      top: 80%;
      margin-left: -127px; }
    #soccer-report #kvArea h2 {
      padding: 80px 0 60px 0; }
  #soccer-report #Gnavigation {
    box-sizing: border-box;
    width: 96%;
    padding: 1%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px #333;
    position: relative;
    top: -60px;
    z-index: 20; }
    #soccer-report #Gnavigation ul li {
      text-align: center;
      position: relative; }
      #soccer-report #Gnavigation ul li img {
        width: 70%; }
      #soccer-report #Gnavigation ul li:first-child {
        margin-bottom: 5px; }
      #soccer-report #Gnavigation ul li a {
        padding: 2% 0;
        background: #f29700;
        display: block; }
        #soccer-report #Gnavigation ul li a:after {
          content: '';
          display: block;
          position: absolute;
          background: url(../images/soccer-report-iconArrow.png) no-repeat;
          background-size: 70% auto;
          width: 20px;
          height: 7px;
          bottom: 2px;
          left: 46%; }
  #soccer-report .headline {
    position: relative;
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 90%; }
  #soccer-report #mainContents {
    position: relative;
    background: url(../images/soccer-report-contentsBg.png);
    margin-top: -32%;
    z-index: 10;
    padding: 23% 0 0 0; }
    #soccer-report #mainContents .photoArea {
      padding: 30px 3% 30px; }
      #soccer-report #mainContents .photoArea ul {
        position: relative;
        font-size: 0;
        background: #443603;
        margin: 0 auto;
        width: 92%;
        padding: 2%;
        box-shadow: 0 0 5px #a5a0a0; }
        #soccer-report #mainContents .photoArea ul:after {
          content: '';
          clear: both;
          display: block; }
        #soccer-report #mainContents .photoArea ul li {
          float: left;
          line-height: 1; }
          #soccer-report #mainContents .photoArea ul li.right {
            float: right; }
          #soccer-report #mainContents .photoArea ul li.w1 {
            width: 33.33%; }
          #soccer-report #mainContents .photoArea ul li.w2 {
            width: 66.66%; }
          #soccer-report #mainContents .photoArea ul li.w3 {
            width: 99.99%; }
    #soccer-report #mainContents .backTop {
      width: 96%;
      margin: 0 auto;
      padding: 30px 3% 30px; }
      #soccer-report #mainContents .backTop span {
        width: 30%;
        float: right; }
    #soccer-report #mainContents #secondArea {
      position: relative;
      padding-top: 10px; }
      #soccer-report #mainContents #secondArea > p {
        padding: 20px 0 0 0;
        width: 85%;
        margin: 0 auto; }
      #soccer-report #mainContents #secondArea:before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        position: absolute;
        background: url(../images/soccer-report-paintLine2.png) repeat-x;
        top: -3px; }
      #soccer-report #mainContents #secondArea .headline {
        width: 80%; }
    #soccer-report #mainContents #bottomBnr {
      position: relative;
      padding: 20px 0 30px 0; }
      #soccer-report #mainContents #bottomBnr p {
        width: 95%;
        margin: 0 auto; }
      #soccer-report #mainContents #bottomBnr:before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        position: absolute;
        background: url(../images/soccer-report-paintLine2.png) repeat-x;
        top: -3px; }