@charset "utf-8";

/* ==========================================================================
   layout.css

   ・layout（サイトの枠組み）に関する記述のみ
   ・classで指定します
   ========================================================================== */

    /* layout
    --------------------------- */
    .main-container:after {
      clear: both;
      content: "";
      display: block;
      overflow: hidden;
    }
    .main {
      clear: both;
    }

    /* header
    --------------------------- */
    .header-wrapper {
      width: 100%;
    }

    /* メインナビ
    --------------------------- */
    .gnav li a {
      color: #b48f3b;
      display: block;
      font-weight: bold;
      text-decoration: none;
    }
    .gnav li a:hover {
      color: #d4ac53;
    }

    /* footer
    --------------------------- */
    .footer-wrapper {
      border-top: 2px solid #999;
    }
    .footer-wrapper .copyright {
      clear: both;
      font-size: .7em;
      text-align: center;
      width: 100%;
    }
    .footer-wrapper nav {
      display: block;
      padding: 10px;
    }
    .footer-wrapper nav li {
        float: left;
    }
    .footer-wrapper nav li a {
      color: #666;
      font-size: .9em;
      text-decoration: none;
    }
    .footer-wrapper nav li a:hover {
      color: #aaa;
    }
    .footer-wrapper .page-top {
      background: rgba(100, 100, 100, .7);
      color: #666;
      text-decoration: none;
    }
    .footer-wrapper .page-top:hover {
      background: rgba(100, 100, 100, .2);
    }
    .footer-wrapper .page-top i {
        padding-right: 10px;
    }


    /*
     // PC
     */
    @media screen and (min-width: 0px) {

      /* header
      --------------------------- */
      .header-wrapper {
        width: 100%;
      }
      header {
        border-bottom: 3px solid #b48f3b;
        clear: both;
        min-width: 860px;
        margin: 0 auto 20px auto;
        overflow: hidden;
        padding: 20px 0 0 0;
        position: relative;
        width: 860px;
      }
      .header-logo {
        float: left;
        text-align: center;
        width: 454px;
      }
      .header-tel_top {
        float: right;
        width: 300px;
      }
	  .header-tel {
        float: right;
        width: 222px;
      }
      .header-logo a :hover,
      .header-tel a :hover {
        opacity: .8;
      }
      .header-logo img,
	  .header-tel_top img,
      .header-tel img {
        width: 100%;
      }

      /* メインナビ
      --------------------------- */
      nav.gnav {
        clear: both;
        overflow: hidden;
      }
      nav.gnav ul {
        clear: both;
        width: 100%;
      }
      nav.gnav li {
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-align: center;
        width: 16.65%;
      }
      nav.gnav li a {
        margin: 0;
        overflow: hidden;
        padding: 15px 10px;
      }

      /* main
      --------------------------- */
      .main-container {
        clear: both;
        margin: 0 auto;
        padding-bottom: 20px;
        width: 860px;
      }
      article {
      }
      section {
        margin-bottom: 40px;
      }

      /* サイドバー
      --------------------------- */
      .sidebar {
        float: right;
        font-size: .95em;
        line-height: 1.5em;
        width: 200px;
      }

      /* footer
      --------------------------- */
      footer {
        margin: 0 auto;
        padding: 10px 0;
        width: 860px;
      }
      .footer-wrapper {
        clear: both;
        min-height: 300px;
        position: relative;
        width: 100%;
      }
      .footer-wrapper ul {
        margin: 0 auto 50px auto;
      }
      .footer-wrapper ul li {
        margin-bottom: 0;
        padding: 0 10px 0 10px;
      }
    }