/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://test.albion-cosmetics.com/global/
 * File name: index.css
 * Summary:   indexページの固有スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    home
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * home
 * ========================================
 */

  /**
   * sectionInfoIndex
   * ----------------------------------
   */
  .sectionInfoIndex {
    border-top: 1px solid #ddd;
  }

    /* -- >>> styles for narrow layout ----- */
    @media screen and (max-width: 599px) {
      .sectionInfoIndex {
        padding: 30px 0 40px;
      }
    }
    /* -- >>> styles for medium layout ----- */
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .sectionInfoIndex {
        padding: 60px 0 80px;
      }
    }
    /* -- >>> styles for wide layout ----- */
    @media screen and (min-width: 960px) {
      .sectionInfoIndex {
        padding: 80px 0;
      }
    }

    /* [ sectionInfoBtn ]
    ------------------------------ */
    .sectionInfoBtn {}
    .sectionInfoBtn .btn {
      padding: 1.0em 0;
      border: 1px solid #c8c8c8;
    }

      /* -- >>> styles for narrow layout ----- */
      @media screen and (max-width: 599px) {
        .sectionInfoBtn {
          margin-bottom: 20px;
        }
        .sectionInfoBtn .btn + .btn {
          margin-top: 10px;
        }
      }
    /* -- >>> styles for medium & wide layout ----- */
    @media screen and (min-width: 600px) {
        .sectionInfoBtn {
          margin-bottom: 40px;
        }
        .sectionInfoBtn .btn {
          float: left;
          width: 32.6%;
          margin-left: 1.1%;
        }
        .sectionInfoBtn .btn:first-child {
          margin-left: 0;
        }
      }