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

#soccer-report {
  background: url(../images/soccer-report-contentsBg.png);
  min-width: 960px; }
  #soccer-report #kvArea {
    width: 100%;
    height: 450px;
    position: relative;
    top: -44px;
    background: url(../images/soccer-report-mainBg.png) center top;
    text-align: center; }
    #soccer-report #kvArea h2 {
      padding: 64px 0 25px 0;
      width: 520px;
      margin: 0 auto; }
      #soccer-report #kvArea h2:before {
        content: '';
        display: block;
        width: 851px;
        height: 188px;
        position: absolute;
        background: url(../images/soccer-report-mainTitleBg.png) no-repeat;
        top: 100px;
        left: 50%;
        margin-left: -420px; }
  #soccer-report #mainContents {
    position: relative;
    padding: 0 0 60px 0; }
    #soccer-report #mainContents #Gnavigation {
      width: 645px;
      height: 60px;
      background: #fff;
      margin: -80px auto 0 auto;
      padding: 5px;
      box-shadow: 0 0 3px #7f8073;
      -moz-box-shadow: 0 0 3px #7f8073;
      -webkit-box-shadow: 0 0 3px #7f8073; }
      #soccer-report #mainContents #Gnavigation ul li {
        display: inline-block;
        text-align: center;
        position: relative; }
        #soccer-report #mainContents #Gnavigation ul li a {
          width: 320px;
          height: 60px;
          background: #f29700;
          display: block;
          line-height: 70px; }
          #soccer-report #mainContents #Gnavigation ul li a:hover {
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            opacity: .75; }
            #soccer-report #mainContents #Gnavigation ul li a:hover img {
              opacity: 1; }
          #soccer-report #mainContents #Gnavigation ul li a:after {
            content: '';
            display: block;
            position: absolute;
            background: url(../images/soccer-report-icon-downArrow.png) no-repeat;
            width: 13px;
            height: 5px;
            bottom: 5px;
            left: 50%; }
      #soccer-report #mainContents #Gnavigation + p {
        text-align: center;
        padding: 10px 0 0 0; }
    #soccer-report #mainContents .photoArea {
      width: 960px;
      padding: 5px;
      margin: 0 auto;
      background: #443603;
      box-shadow: 0 0 5px #a5a0a0; }
      #soccer-report #mainContents .photoArea.second ul {
        height: 433px; }
      #soccer-report #mainContents .photoArea ul {
        position: relative;
        height: 1296px; }
        #soccer-report #mainContents .photoArea ul li {
          position: absolute;
          background: #000;
          box-sizing: border-box; }
          #soccer-report #mainContents .photoArea ul li:hover {
            box-shadow: 0 0 0 3px #fff inset;
            opacity: 1; }
          #soccer-report #mainContents .photoArea ul li img {
            height: auto;
            -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            width: 100%;
            vertical-align: bottom; }
            #soccer-report #mainContents .photoArea ul li img:hover {
              opacity: 1; }
          #soccer-report #mainContents .photoArea ul li figure {
            margin: 0;
            overflow: hidden;
            position: relative;
            text-align: center; }
            #soccer-report #mainContents .photoArea ul li figure:hover {
              background: #333;
              opacity: .5; }
            #soccer-report #mainContents .photoArea ul li figure a:hover img {
              transform: scale(1.15, 1.15);
              -webkit-transform: scale(1.15, 1.15);
              -moz-transform: scale(1.15, 1.15);
              -ms-transform: scale(1.15, 1.15);
              -o-transform: scale(1.15, 1.15); }
          #soccer-report #mainContents .photoArea ul li.l-0 {
            left: 0; }
          #soccer-report #mainContents .photoArea ul li.l-1 {
            left: 192px; }
          #soccer-report #mainContents .photoArea ul li.l-2 {
            left: 384px; }
          #soccer-report #mainContents .photoArea ul li.l-3 {
            left: 576px; }
          #soccer-report #mainContents .photoArea ul li.l-4 {
            left: 768px; }
          #soccer-report #mainContents .photoArea ul li.l-5 {
            left: 960px; }
          #soccer-report #mainContents .photoArea ul li.t-0 {
            top: 0; }
          #soccer-report #mainContents .photoArea ul li.t-1 {
            top: 144px; }
          #soccer-report #mainContents .photoArea ul li.t-2 {
            top: 288px; }
          #soccer-report #mainContents .photoArea ul li.t-3 {
            top: 432px; }
          #soccer-report #mainContents .photoArea ul li.t-4 {
            top: 576px; }
          #soccer-report #mainContents .photoArea ul li.t-5 {
            top: 720px; }
          #soccer-report #mainContents .photoArea ul li.t-6 {
            top: 864px; }
          #soccer-report #mainContents .photoArea ul li.t-7 {
            top: 1008px; }
          #soccer-report #mainContents .photoArea ul li.t-8 {
            top: 1152px; }
          #soccer-report #mainContents .photoArea ul li.t-9 {
            top: 1296px; }
    #soccer-report #mainContents #firstArea {
      overflow: hidden; }
      #soccer-report #mainContents #firstArea .headline {
        width: 325px; }
        #soccer-report #mainContents #firstArea .headline span:before {
          right: 350px;
          top: 62px; }
        #soccer-report #mainContents #firstArea .headline span:after {
          left: 350px;
          top: 62px; }
    #soccer-report #mainContents #secondArea {
      overflow: hidden; }
      #soccer-report #mainContents #secondArea + p {
        text-align: center;
        padding: 0 0 30px 0; }
      #soccer-report #mainContents #secondArea .headline {
        width: 268px; }
        #soccer-report #mainContents #secondArea .headline span:before {
          right: 290px;
          top: 62px; }
        #soccer-report #mainContents #secondArea .headline span:after {
          left: 290px;
          top: 62px; }
    #soccer-report #mainContents .headline {
      padding: 50px 0;
      position: relative;
      margin: 0 auto; }
      #soccer-report #mainContents .headline span:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        width: 2000px;
        height: 3px;
        background: url(../images/soccer-report-paintLine.png) repeat-x; }
      #soccer-report #mainContents .headline span:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        width: 2000px;
        height: 3px;
        background: url(../images/soccer-report-paintLine.png) repeat-x; }
    #soccer-report #mainContents #bottomBnr {
      background: url(../images/soccer-report-paintLine2.png) repeat-x;
      padding-top: 20px; }
      #soccer-report #mainContents #bottomBnr p {
        text-align: center; }
    #soccer-report #mainContents .backTop {
      width: 960px;
      margin: 0 auto;
      text-align: right;
      padding: 20px 0; }
    #soccer-report #mainContents .zitem {
      /* required to hide the image after resized */
      overflow: hidden;
      /* for child absolute position */
      position: relative;
      /* display div in line */
      float: left; }