@charset "UTF-8";
/* 共通 ********************************************** */
a {
  color: #717171;
  text-decoration: none; }
  a:hover {
    color: #000; }

/* ヘッダー ******************************************* */
.header {
  background-color: #FFF;
  box-sizing: border-box; }
  .header a {
    display: block;
    margin: 0 auto; }
  .header h1 {
    display: block;
    margin: 0 auto;
    background-position: top center;
    background-repeat: no-repeat;
    text-indent: -9999px; }

/* メインイメージ */
.mainImg {
  position: relative; }

.bxslider li {
  text-align: center; }
  .bxslider li img {
    margin: 0 auto; }

/* メインメニュー */
.mainMenu {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden; }
  .mainMenu a {
    display: block; }

.current a {
  color: #000; }

/* コンテンツ ***************************************** */
.content {
  clear: both;
  width: 100%;
  background-color: #FFF;
  box-sizing: border-box; }

section h1 {
  font-size: 26px;
  line-height: 1.5em;
  font-weight: normal;
  text-align: center;
  color: #717171;
  padding-bottom: 25px;
  background-position: bottom center;
  background-repeat: no-repeat; }

.inner {
  margin: 0 auto; }

/* アグリファイブとは */
#about p {
  text-align: center; }
#about ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }
#about li {
  display: block;
  text-indent: -9999px;
  background-position: top center;
  background-repeat: no-repeat; }

/* 理事長あいさつ */
#greeting img {
  display: block;
  border-radius: 50%;
  margin: 0 auto 30px; }
#greeting .caption {
  text-align: center;
  font-size: 12px;
  line-height: 2em; }
#greeting .name {
  font-size: 13px; }

/* 理事の紹介 */
#introduction dl {
  font-size: 13px; }
#introduction dt,
#introduction dd {
  display: block;
  margin: 0;
  padding: 0; }
#introduction dt {
  font-weight: bold; }
#introduction .work {
  font-size: 12px;
  color: #333; }

/* Googleマップ */
#googlemap #map {
  width: 100%; }

/* Facebook枠 */
#facebook {
  font-size: 13px;
  text-align: center; }

.facebook-wrapper {
  max-width: 500px;
  margin: 0 auto; }

.facebook-wrapper > .fb-page {
  width: 100%; }

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
  width: 100% !important; }

/* アグリファイブの活動とは */
#activity .character {
  margin: 0 auto; }

/* ごちそうさま〜ず ５つの事業 */
#work p {
  margin-bottom: 25px; }
#work ul {
  margin: 0 auto;
  padding: 0;
  list-style: none; }
#work img {
  display: block;
  border-radius: 10px; }
#work h2 {
  font-size: 20px;
  font-weight: normal;
  color: #717171; }
  #work h2 span {
    display: block;
    float: right;
    width: 56px;
    height: 24px;
    margin-left: 10px;
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -9999px; }
#work .keyword01 {
  background-image: url(../img/keyword_01.png); }
#work .keyword02 {
  background-image: url(../img/keyword_02.png); }
#work .keyword03 {
  background-image: url(../img/keyword_03.png); }
#work .keyword04 {
  background-image: url(../img/keyword_04.png); }
#work .keyword05 {
  background-image: url(../img/keyword_05.png); }
#work .eventInfo {
  padding-top: 10px;
  border-top: 2px dotted #E6E6E6; }
  #work .eventInfo h3 {
    font-size: 16px;
    font-weight: normal; }
  #work .eventInfo h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0; }
    #work .eventInfo h4:before {
      content: "● ";
      color: #62B0E2; }
  #work .eventInfo p {
    margin-top: 5px; }

/* フッター ******************************************* */
.footerWrap {
  clear: both;
  position: relative;
  background-color: #F0F0D7; }
  .footerWrap .pagetop {
    position: absolute;
    top: -32px;
    display: block;
    width: 64px;
    height: 64px;
    text-indent: -9999px;
    background: url(../img/pageTop.png) no-repeat;
    z-index: 1; }
    .footerWrap .pagetop:hover {
      background-color: #FFF;
      border-radius: 50%; }

.footer {
  text-align: center; }
  .footer strong {
    font-size: 13px; }
  .footer p {
    font-size: 12px;
    margin: 10px auto 0; }
  .footer .copyright {
    font-size: 11px;
    color: #666; }

.pc {
  display: none !important; }

.gap-50 {
  height: 130px; }

/* SPヘッダー ***************************************** */
.header {
  padding-bottom: 30px; }
  .header h1 {
    width: 94px;
    height: 112px;
    background-image: url(../img/siteID_s.png); }

/* メインイメージ */
.mainImg {
  height: 360px;
  margin-bottom: 30px;
  overflow: hidden; }

.bx-wrapper {
  width: 100%; }

/* メインメニュー */
.mainMenu {
  margin: 0 30px; }
  .mainMenu li {
    margin-bottom: 5px; }
  .mainMenu a {
    display: block;
    font-size: 18px;
    line-height: 42px;
    text-align: left;
    padding: 0 18px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F2F2F2));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F2F2F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0); }
    .mainMenu a:hover {
      border: 1px solid #62B0E2; }

/* SPコンテンツ *************************************** */
.content {
  clear: both; }
  .content p {
    font-size: 13px;
    line-height: 1.6em; }

section h1 {
  margin-bottom: 30px;
  background-image: url(../img/shadow_s.png); }

/* アグリファイブとは */
#about {
  padding-bottom: 40px; }
  #about p {
    margin-bottom: 30px; }
    #about p span {
      display: block; }
  #about ul {
    width: 105px; }
  #about li {
    width: 105px;
    height: 50px;
    margin: 0 0 20px; }
  #about #keyword_01 {
    background-image: url(../img/keyword_sp01.png); }
  #about #keyword_02 {
    background-image: url(../img/keyword_sp02.png); }
  #about #keyword_03 {
    background-image: url(../img/keyword_sp03.png); }
  #about #keyword_04 {
    background-image: url(../img/keyword_sp04.png); }
  #about #keyword_05 {
    background-image: url(../img/keyword_sp05.png); }

.marche {
  overflow: hidden; }
  .marche img {
    width: 140%; }

/* 理事長あいさつ */
#greeting {
  padding-top: 30px; }
  #greeting .inner {
    width: 260px;
    margin-bottom: 50px; }
  #greeting img {
    width: 100px;
    height: 100px; }

/* 理事の紹介 */
#introduction dl {
  text-align: center;
  margin-bottom: 60px; }
#introduction dt {
  margin-bottom: 12px; }
#introduction dd {
  margin-bottom: 20px; }

/* Googleマップ */
#googlemap #map {
  height: 325px; }

/* Facebook枠 */
#facebook {
  padding: 45px 0 100px; }

.facebook-wrapper {
  width: 260px;
  height: 460px; }

/* アグリファイブの活動とは */
#activity {
  padding-bottom: 40px; }
  #activity .inner {
    width: 260px; }
  #activity .character {
    margin-bottom: 40px; }

.subImg {
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden; }
  .subImg img {
    width: calc(100% + 50%); }

/* ごちそうさま〜ず ５つの事業 */
#work {
  padding-bottom: 70px; }
  #work .inner {
    width: 260px; }
  #work ul {
    width: 270px; }
  #work .eventInfo {
    margin-top: 25px; }
    #work .eventInfo h3 {
      font-size: 18px;
      font-weight: normal; }
    #work .eventInfo h4 {
      font-weight: normal; }
    #work .eventInfo .block {
      display: block;
      margin-left: 3em; }

/* SPフッター ***************************************** */
.footerWrap {
  padding: 60px 0 35px; }
  .footerWrap .pagetop {
    left: 50%;
    margin-left: -32px; }