/* Scss Document */
/*SCSS*/
#wrapper .inner .h_pt {
  margin: 0 0 0 0;
  padding: 3em 0 0 0; }
#wrapper section #submissions_area {
  margin: 0 0 0 0;
  padding: 4em 0 0 0; }
  #wrapper section #submissions_area h3 {
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 3em 0; }
    #wrapper section #submissions_area h3 .sakuhin_title {
      width: 50%; }
  #wrapper section #submissions_area .inner {
    width: 90%;
    max-width: 960%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0; }
    #wrapper section #submissions_area .inner ul#instafeed {
      display: block;
      text-align: center;
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      list-style: none;
      clear: both;
      letter-spacing: -.40em; }
      #wrapper section #submissions_area .inner ul#instafeed li {
        display: inline-block;
        position: relative;
        width: 30%;
        height: auto;
        vertical-align: top;
        letter-spacing: normal;
        margin: 2px;
        padding: 0 0 0 0;
        line-height: 0; }
        #wrapper section #submissions_area .inner ul#instafeed li a {
          display: block;
          position: relative;
          width: 100%;
          padding-top: 84%;
          margin: 0 auto;
          overflow: hidden; }
          #wrapper section #submissions_area .inner ul#instafeed li a img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: 150%;
            max-height: 150%; }
    #wrapper section #submissions_area .inner p {
      font-size: 3vw;
      line-height: 5vw;
      font-weight: bold;
      width: 90%;
      margin: 1em auto 0 auto;
      padding: .5em 0 2em 0; }
      #wrapper section #submissions_area .inner p a {
        display: block;
        text-align: center;
        width: 100%;
        color: #FFF;
        background: #fff100;
        padding: 1em 0;
        color: #7b4634;
        text-decoration: none; }

@media only screen and (min-width: 768px) and (max-width: 960px) {
  #wrapper .inner .h_pt {
    margin: 0 0 0 0;
    padding: 3em 0 0 0; }
  #wrapper section #submissions_area {
    margin: 0 0 0 0;
    padding: 4em 0 0 0; }
    #wrapper section #submissions_area h3 {
      text-align: center;
      margin: 0 0 0 0;
      padding: 0 0 3em 0; }
      #wrapper section #submissions_area h3 .sakuhin_title {
        width: 50%; }
    #wrapper section #submissions_area .inner {
      width: 90%;
      max-width: 960%;
      margin: 0 auto 0 auto;
      padding: 0 0 0 0; }
      #wrapper section #submissions_area .inner ul#instafeed {
        display: block;
        text-align: center;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
        clear: both;
        letter-spacing: -.40em; }
        #wrapper section #submissions_area .inner ul#instafeed li a:hover img {
          filter: alpha(opacity=80);
          -moz-opacity: .8;
          opacity: .8;
          -moz-transition: .3s;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -ms-transition: .3s;
          transition: .3s; }
      #wrapper section #submissions_area .inner p {
        font-size: 3vw;
        line-height: 5vw;
        font-weight: bold;
        width: 90%;
        max-width: 960px;
        margin: 1em auto 0 auto;
        padding: .5em 0 2em 0; }
        #wrapper section #submissions_area .inner p a {
          display: block;
          text-align: center;
          width: 100%;
          color: #FFF;
          background: #fff100;
          padding: 1em 0;
          color: #7b4634;
          text-decoration: none; }
        #wrapper section #submissions_area .inner p a:hover {
          color: #FFF;
          background: #ffc600;
          -moz-transition: .3s;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -ms-transition: .3s;
          transition: .3s; } }
@media screen and (min-width: 961px) {
  #wrapper .inner .h_pt {
    margin: 0 0 0 0;
    padding: 3em 0 0 0; }
  #wrapper section #submissions_area {
    margin: 0 0 0 0;
    padding: 4em 0 0 0; }
    #wrapper section #submissions_area h3 {
      text-align: center;
      margin: 0 0 0 0;
      padding: 0 0 3em 0; }
      #wrapper section #submissions_area h3 .sakuhin_title {
        width: 100%;
        max-width: 300px; }
    #wrapper section #submissions_area .inner {
      width: 90%;
      max-width: 960%;
      margin: 0 auto 0 auto;
      padding: 0 0 0 0; }
      #wrapper section #submissions_area .inner ul#instafeed {
        display: block;
        text-align: center;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
        clear: both;
        letter-spacing: -.40em; }
        #wrapper section #submissions_area .inner ul#instafeed li a:hover img {
          filter: alpha(opacity=80);
          -moz-opacity: .8;
          opacity: .8;
          -moz-transition: .3s;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -ms-transition: .3s;
          transition: .3s; }
      #wrapper section #submissions_area .inner p {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        width: 90%;
        max-width: 960px;
        margin: 1em auto 0 auto;
        padding: 0 0 0 0; }
        #wrapper section #submissions_area .inner p a {
          display: block;
          text-align: center;
          width: 100%;
          color: #FFF;
          background: #fff100;
          padding: 1em 0;
          color: #7b4634;
          text-decoration: none; }
        #wrapper section #submissions_area .inner p a:hover {
          color: #FFF;
          background: #ffc600;
          -moz-transition: .3s;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -ms-transition: .3s;
          transition: .3s; } }