@charset "utf-8";

/**
 // ======================================
 // ホーム
 // ======================================
   */

  /* スライドメニュー */
  body.Homes .mainvisual {
    margin-bottom: 40px;
  }
  body.Homes .swiper-container {
      width: 100%;
  }
  body.Homes .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  /*
   // スマホ
   */
  @media all and (min-width: 0) and (max-width: 640px) {
    body.Homes .swiper-container {
      clear: both;
      margin: -20px -20px 40px -30px;
      width: 120%;
    }
    body.Homes section.block-maincontents div.homes-main-column,
    body.Homes section.block-maincontents div.homes-main-report,
    body.Homes section.block-maincontents div.homes-main-facebook,
    body.Homes section.block-maincontents div.homes-main-twitter {
      margin-bottom: 40px;
    }
    body.Homes section.block-maincontents div.homes-main-report ul,
    body.Homes section.block-maincontents div.homes-main-column ul {
      border-top: 2px dotted #CED6EA;
      padding-top: 10px;
      margin-bottom: 20px;
    }
      body.Homes section.block-maincontents div.homes-main-report ul li,
      body.Homes section.block-maincontents div.homes-main-column ul li {
        border-bottom: 2px dotted #CED6EA;
        margin-bottom: 5px;
        padding-bottom: 5px;
      }
    body.Homes section.block-maincontents div .firstEntry {
      overflow: auto;
    }
    body.Homes section.block-maincontents div.homes-main-facebook #feed,
    body.Homes section.block-maincontents div.homes-main-twitter #tweet {
      overflow: auto;
      margin-bottom: 20px;
      height: 350px;
    }
    body.Homes section.block-maincontents div.homes-main-facebook #feed {
      background: #fff;
      border: 1px solid #e8e8e8;
      border-radius: 3px;
      padding: 20px;
    }
  }

  /*
   // PC
   */
  @media screen and (min-width: 641px) {
    body.Homes .homes-mainvisual {
      margin-top: -30px;
      min-height: 260px;
      margin-bottom: 30px;
      width: 100%;
    }

    body.Homes .mainvisual {
      min-height: 260px;
      margin-bottom: 20px;
    }
    body.Homes .aside-left {
      float: left;
    }
    body.Homes article {
      background: none;
      border: none;
      box-shadow: none;
      float: left;
      margin-left: 20px;
      padding: 0;
      width: 560px;
    }
    body.Homes .aside-right {
      float: right;      
    }
    body.Homes section.block-maincontents div.homes-main-event,
    body.Homes section.block-maincontents div.homes-main-access {
      clear: both;
      background: #fff url(../img/pages/homes/home_bg_red.png) no-repeat bottom right;
      -webkit-box-shadow: 5px 10px 4px -6px #ccc;
      -moz-box-shadow: 5px 10px 4px -6px #ccc;
      box-shadow: 5px 10px 4px -6px #ccc;
      margin-bottom: 40px;
      padding: 10px 20px;
      width: 560px;   /* 550px */   
    }
    body.Homes section.block-maincontents div.homes-main-column,
    body.Homes section.block-maincontents div.homes-main-report,
    body.Homes section.block-maincontents div.homes-main-facebook,
    body.Homes section.block-maincontents div.homes-main-twitter {
      background: #fff url(../img/pages/homes/home_bg_red.png) no-repeat bottom right;
      -webkit-box-shadow: 5px 10px 4px -6px #ccc;
      -moz-box-shadow: 5px 10px 4px -6px #ccc;
      box-shadow: 5px 10px 4px -6px #ccc;
      margin-bottom: 40px;
      padding: 10px 20px;
      width: 267px;
    }
    body.Homes section.block-maincontents div.homes-main-event {
      clear: both;
    }
    body.Homes section.block-maincontents div.homes-main-column,
    body.Homes section.block-maincontents div.homes-main-facebook {
      float: left;
    }
    body.Homes section.block-maincontents div.homes-main-report,
    body.Homes section.block-maincontents div.homes-main-twitter {
      float: right;
    }

    body.Homes section.block-maincontents div.homes-main-event ul,
    body.Homes section.block-maincontents div.homes-main-report ul,
    body.Homes section.block-maincontents div.homes-main-column ul {
      border-top: 2px dotted #CED6EA;
      padding-top: 10px;
      margin-bottom: 20px;
    }
      body.Homes section.block-maincontents div.homes-main-event ul li,
      body.Homes section.block-maincontents div.homes-main-report ul li,
      body.Homes section.block-maincontents div.homes-main-column ul li {
        border-bottom: 2px dotted #CED6EA;
        margin-bottom: 5px;
        padding-bottom: 5px;
      }

    body.Homes section.block-maincontents div .firstEntry {
      overflow: auto;
      margin-bottom: 20px;
      padding-bottom: 60px;
      height: 350px;
    }
    body.Homes section.block-maincontents div.homes-main-facebook #feed,
    body.Homes section.block-maincontents div.homes-main-twitter #tweet {
      overflow: auto;
      margin-bottom: 20px;
      padding-bottom: 60px;
      height: 350px;
    }
      body.Homes section.block-maincontents div h3 img {
        width: 100%;
      }
    body.Homes .homes-main-access {
      overflow: hidden;
      width: 100%;
    }
    body.Homes .homes-main-accessMap {
      float: left;
      height: 140px;
      overflow: hidden;
      width: 42%; 
    }
    body.Homes .homes-main-accessDescription {
      float: right;     
      width: 53%; 
    }
    body.Homes .homes-main-accessDescriptionLogo {
      margin: 0 auto;
    }
    body.Homes {
      
    }
    body.Homes {
      
    }
  }


/**
 // ======================================
 // くらぶについて
 // ======================================
 */
  body.About .gnav li.gnav-about > a {
    background: rgba(0, 0, 0, .3);
    color: #fff;
  }
  body.About article section {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 30px;
  }

  /* スマホ */
  @media all and (min-width: 0) and (max-width: 640px) {
    body.About .gnav-sp .about-child {
      background: rgba(0, 0, 0, .3);
      box-shadow: 0 0 5px #000;
      display: block;
  }
}

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


/**
 // ======================================
 // 活動目的
 // ======================================
 */
  body.Purpose .gnav li.gnav-purpose > a {
    background: rgba(0, 0, 0, .3);
    color: #fff;
  }
  body.Purpose article section {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 30px;
  }

  /* スマホ */
  @media all and (min-width: 0) and (max-width: 640px) {
    body.Purpose .gnav-sp .purpose-child {
      background: rgba(0, 0, 0, .3);
      box-shadow: 0 0 5px #000;
      display: block;
  }
  }

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


/**
 // ======================================
 // 活動報告
 // ======================================
 */
  body.Report .gnav li.gnav-report > a {
    background: rgba(0, 0, 0, .3);
    color: #fff;
  }
  body.Report article section {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 30px;
  }
  body.Report article section h3.tit {
    background: url(../img/base/footer_bg.jpg);
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px;
  }
  body.Report article section img {
    clear: both;
    margin: 0 0 20px 0;
  }

  /* スマホ */
  @media all and (min-width: 0) and (max-width: 640px) {
    body.Report .gnav-sp .report-child {
      background: rgba(0, 0, 0, .3);
      box-shadow: 0 0 5px #000;
      display: block;
    }
  }

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


/**
 // ======================================
 // コラム
 // ======================================
 */
  body.Columns .gnav li.gnav-column > a {
    background: rgba(0, 0, 0, .2);
    color: #fff;
  }
  body.Columns article section {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 30px;
  }
  body.Columns article section h3.tit {
    background: url(../img/base/footer_bg.jpg);
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px;
  }
  body.Columns article section img {
    clear: both;
    margin: 0 0 20px 0;
  }

  /* スマホ */
  @media all and (min-width: 0) and (max-width: 640px) {
    body.Columns .gnav-sp .column-child {
      background: rgba(0, 0, 0, .3);
      box-shadow: 0 0 5px #000;
      display: block;
    }
  }

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


/**
 // ======================================
 // 会員登録
 // ======================================
 */
  body.Member .gnav li.gnav-member > a {
    background: rgba(0, 0, 0, .2);
    color: #fff;
  }

  /* スマホ */
  @media all and (min-width: 0) and (max-width: 640px) {
    body.Member .gnav-sp .member-child {
      background: rgba(0, 0, 0, .3);
      box-shadow: 0 0 5px #000;
      display: block;
    }
  }

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

/**
 // ======================================
 // サイトマップ
 // ======================================
 */
  body.Sitemap .gnav li.gnav-sitemap > a {
    background: rgba(0, 0, 0, .2);
    color: #fff;
  }

  /* スマホ */
  @media all and (min-width: 0) and (max-width: 640px) {
  }

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