/*
 *  YMO / list.scss / list.css
 *  compass mode
 *  version --- 1.0
 *  author  --- coreframe, inc.
 *  updated --- 2014/09/29
 *
 */
/* line 17, ../sass/list.scss */
#header {
  background-image: url("../img/mainimg_sp.jpg");
  background-repeat: no-repeat;
  background-repeat: center;
  height: 250px; }
  @media screen and (max-width: 640px) {
    /* line 17, ../sass/list.scss */
    #header {
      background-image: none;
      height: auto; } }
  /* line 26, ../sass/list.scss */
  #header a {
    display: block;
    width: 100%;
    height: 250px; }
    @media screen and (max-width: 640px) {
      /* line 26, ../sass/list.scss */
      #header a {
        height: auto; } }
  /* line 34, ../sass/list.scss */
  #header h2, #header p {
    display: none; }
  /* line 37, ../sass/list.scss */
  #header .sp {
    display: none; }
    @media screen and (max-width: 640px) {
      /* line 37, ../sass/list.scss */
      #header .sp {
        display: block; } }

/* line 47, ../sass/list.scss */
#contents {
  margin-top: 20px;
  width: auto; }
  @media screen and (max-width: 640px) {
    /* line 47, ../sass/list.scss */
    #contents {
      width: 96%;
      margin: 2%;
      padding: 20px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  /* line 63, ../sass/list.scss */
  #contents .block {
    background-image: url("../img/bg_ymo1.jpg");
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 40px; }
    @media screen and (max-width: 640px) {
      /* line 63, ../sass/list.scss */
      #contents .block {
        padding: 20px 0;
        background-image: none; } }
    /* line 74, ../sass/list.scss */
    #contents .block p {
      margin: 0 0 30px 0;
      clear: both; }
    /* line 79, ../sass/list.scss */
    #contents .block ul {
      overflow: hidden; }
    /* line 83, ../sass/list.scss */
    #contents .block li {
      float: left;
      width: 160px;
      margin: 2px;
      padding: 5px;
      background-color: #fff; }
      /* line 89, ../sass/list.scss */
      #contents .block li a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        color: #000; }
        /* line 95, ../sass/list.scss */
        #contents .block li a:hover {
          opacity: 1; }
      @media screen and (max-width: 640px) {
        /* line 83, ../sass/list.scss */
        #contents .block li {
          width: 48%;
          margin: 1%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          /* line 103, ../sass/list.scss */
          #contents .block li:nth-child(2n-1) {
            clear: both; } }
      /* line 107, ../sass/list.scss */
      #contents .block li:hover {
        background-color: #ffe5d4; }
      /* line 110, ../sass/list.scss */
      #contents .block li img {
        width: 100%; }
        @media screen and (max-width: 640px) {
          /* line 110, ../sass/list.scss */
          #contents .block li img {
            height: auto; } }
      /* line 116, ../sass/list.scss */
      #contents .block li h4 {
        line-height: 1.2em;
        font-weight: normal;
        font-size: 11px; }
      /* line 121, ../sass/list.scss */
      #contents .block li h5 {
        line-height: 1.2em;
        font-weight: normal;
        font-size: 11px; }