@charset "utf-8";

/**
 // ======================================
 // ホーム
 // ======================================
 */
  body.Home .gnav li.gnav-home a {
    color: yellow;
  }
  body.Home article h3 {
    font-size: 1.5em;
    margin-bottom: 20px;
    text-align: center;
  }
  /* メインメニュー */
  body.Home article ul.main-menu {
    margin: 0 auto;
    width: 90%;
  }
    body.Home article ul.main-menu li {
      float: left;
      width: 25%;
    }
      body.Home article ul.main-menu li img {
        width: 100%;
      }

  /* 特徴は？ */
  body.Home section.block-features ul {
    width: 80%;
  }
    body.Home section.block-features h4 {
      border-bottom: 1px solid #ddd;
      color: #eb6000;
      font-size: 1.3em;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    body.Home section.block-features li {
      padding-bottom: 30px;
    }
      body.Home section.block-features li img.illust-features {
        float: right;
        margin: -50px -160px 0 0;
        width: 90px;
      }

  /* 例 */
  body.Home section.block-ex {
    min-height: 700px;
    position: relative;
  }
  body.Home section.block-ex .before {
    float: left;
    position: relative;
    width: 300px;
  }
  body.Home section.block-ex .after {
    float: left;
    position: relative;
    width: 300px;
  }
  body.Home section.block-ex .arrow {
    float: left;
    font-size: 6em;
    padding-top: 80px;
    text-align: center;
    width: 160px;
  }
    body.Home section.block-ex .illust-sb {
      width: 220px;
    }
    body.Home section.block-ex .illust-point {
      margin-left: 30px;
      width: 290px;
    }
    body.Home section.block-ex .illust-costdown {
      margin: -40px 0 0 115px;
      text-align: center;
      width: 275px;
    }
    body.Home section.block-ex .illust-costdown img {
      width: 100%;
    }
    body.Home section.block-ex .text {
      background: #e99211;
      border-radius: 5px;
      padding: 20px;
    }
    body.Home section.block-ex .text img {
      width: 100%;
    }
    body.Home section.block-ex .after .text {
      margin-top: -37px;
    }
    body.Home section.block-ex .photo-package {
      left: 150px;
      bottom: 100px;
      overflow: hidden;
      position: absolute;
      text-align: center;
      width: 450px;
    }
      body.Home section.block-ex .photo-package img {
        width: 350px;
      }
    body.Home section.block-ex .tel {
      bottom: 0;
      position: absolute;
      right: 0;
      width: 500px;
    }
    body.Home section.block-ex .tel img {
      width: 100%;
    }


/**
 // ======================================
 // メニュー
 // ======================================
 */
  body.Menu .gnav li.gnav-menu a {
    color: yellow;
  }

  /* ポイント */
  body.Menu section.block-point {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
  }
    body.Menu section.block-point h3 .point {
      float: left;
      width: 100%;
    }
    body.Menu section.block-point .left {
      float: left;
      width: 200px;
    }
    body.Menu section.block-point .right {
      float: right;
      width: 600px;
    }
    body.Menu section.block-point .right p {
      margin-bottom: 20px;
    }

  /* 献立 */
  body.Menu section.block-kondate {
      border-bottom: 1px solid #eee;
      overflow: hidden;
  }
    body.Menu section.block-kondate h3 {
      margin-bottom: 20px;
    }
    body.Menu section.block-kondate ul.thumb {
      margin: 0 auto;
    }
    body.Menu section.block-kondate ul.thumb li {
      width: 260px;
    }
      body.Menu section.block-kondate ul.thumb li img {
        border: none;
        border-radius: 10px;
      }
      body.Menu section.block-kondate ul.thumb li .time {
        background: #e99211;
        border-radius: 20px;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        float: left;
        height: 35px;
        padding-top: 8px;
        text-align: center;
        width: 35px;
      }
      body.Menu section.block-kondate ul.thumb li .menu {
        float: left;
        padding-left: 30px;
      }

  /* 価格 */
  body.Menu section.block-price {
      border-bottom: 1px solid #eee;
      overflow: hidden;
      padding-bottom: 20px;
  }
    body.Menu section.block-price h3 {
      float: left;
      width: 120px;
      margin-right: 40px;
    }
      body.Menu section.block-price h3 img {
        width: 80%;
      }
    body.Menu section.block-price .price-table {
      float: left;
      width: 450px;
    }
      body.Menu section.block-price .table {
        width: 100%;
      }
      body.Menu section.block-price .table thead td {
        background: #eaeaea;
      }
      body.Menu section.block-price .table tbody td.price {
        color: #cc0000;
        font-size: 1.4em;
        padding: 20px 10px;
      }
      body.Menu section.block-price .table td {
        text-align: center;
        width: 25%;
      }
    body.Menu section.block-price .price-sb {
      float: right;
      padding-top: 40px;
      width: 220px;
    }
      body.Menu section.block-price .price-sb p {
        background: #e99211;
        border-radius: 50px;
        color: #fff;
        font-size: .9em;
        padding: 8px 10px;
        text-align: center;
      }

  /* 献立例 */
  body.Menu section.block-ex h3 {
    float: left;
    width: 120px;
    margin-right: 40px;
  }
    body.Menu section.block-ex h3 img {
      width: 80%;
    }
  body.Menu section.block-ex .ex-table {
    float: left;
    width: 700px;
  }
    body.Menu section.block-ex .table {
      width: 100%;
    }
    body.Menu section.block-ex .table th {
      background: #eaeaea;
      text-align: center;
      width: 4%;
    }
    body.Menu section.block-ex .table td {
      width: 32%;
    }

  /* 飯場 */
  body.Menu section.block-hanba h3 {
    float: left;
    padding-top: 20px;
    text-align: center;
    width: 100px;
  }
    body.Menu section.block-hanba h3 img {
      width: 80%;
    }
  body.Menu section.block-hanba ul {
    float: right;
    width: 740px;
  }
    body.Menu section.block-hanba ul li {
      margin-bottom: 3px;
      padding-bottom: 3px;
    }
  body.Menu section.block-hanba .hanba-photo1 {
    float: left;
    margin: 0 0 0 20px;
    width: 216px;
  }
  body.Menu section.block-hanba .hanba-photo2 {
    float: left;
    margin: 0 0 30px 100px;
    width: 275px;
  }
  body.Menu section.block-hanba .footer-tel {
    margin: 0 60px 0 0;
    width: 500px;
  }
    body.Menu section.block-hanba .footer-tel img {
      width: 100%;
    }
  body.Menu hr.line-weight {
    border: 3px solid #5bb430;
    margin: 30px 0 50px 0;
  }

/**
 // ======================================
 // ご利用方法
 // ======================================
 */
  body.Howto .gnav li.gnav-howto a {
    color: yellow;
  }
  body.Howto section ul {
    float: left;
    width: 80%;
  }
  body.Howto section .illust {
    float: right;
    width: 12%;
  }
    body.Howto section ul li {
      margin-bottom: 2px;
      padding-bottom: 2px;
    }


/**
 // ======================================
 // 会社概要
 // ======================================
 */
  body.Company .gnav li.gnav-company a {
    color: yellow;
  }
  body.Company section.block-outline {
    text-align: center;
  }
    body.Company section.block-outline h3 {
      color: #ea6000;
      font-size: 1.4em;
      margin-bottom: 20px;
    }

  body.Company .box-left {
    float: left;
    margin-left: 30px;
    text-align: left;
    width: 400px;
  }
  body.Company .box-right {
    float: left;
    margin-left: 5px;
    width: 400px;
  }
  body.Company .company-point {
    
  }
  body.Company .company-point li {
    float: left;
    margin-left: 3%;
    text-align: left;
    width: 30%;
  }
  body.Company .company-map {
    background: #efefef;
    height: 150px;
    margin-bottom: 10px;
  }



/**
 // ======================================
 // お問い合わせ
 // ======================================
 */
  body.Contact .gnav li.gnav-contact a {
    color: yellow;
  }
    body.Contact article {
      margin: 0 auto;
      width: 720px;
    }
    body.Contact article h3 {
      margin-bottom: 20px;
    }