@charset "UTF-8";

/*------------------------------------------------------------------------------
	Hamamatsu-shi ninteinogyosha kyogikai - Home CSS
	URL: http://www.ninteikyo.com/
	Date: 2015-04-13
	Copyright (C) Hamamatsu-shi ninteinogyosha kyogikai All Rights Reserved.
------------------------------------------------------------------------------*/

/*==============================================================
	汎用クラス
===============================================================*/

/*  floating : 回り込み関係
----------------------------------------------------*/

.floatL {
  float: left;
}
.floatR {
  float: right;
}

.clearL {
  clear: left;
}
.clearR {
  clear: right;
}
.clearB {
  clear: both;
}

/*  align : 行揃え関係
----------------------------------------------------*/

.alignL {
  text-align: left;
}
.alignR {
  text-align: right;
}
.alignC {
  text-align: center;
}

/*==============================================================
　body#home : トップページ
===============================================================*/

/* メインビジュアル */
body#home #mainVisual {
  margin-bottom: 3.2%;
  overflow: hidden;
}
body#home .bx-wrapper .bx-viewport {
  background: none;
}
body#home .bxsliderStop li img,
body#home .bxslider li img {
  padding: 0 4%;
  width: 100% !important;
  height: auto;
}
body#home #main #organizeBox,
body#home #main #aboutBox {
  margin-bottom: 9.6%;
}
body#home #main #aboutBox h2 {
  margin-bottom: 4.8%;
}
body#home #main #newsBox {
  background: url(../img/bg_line_height.png) repeat-y left top,
    url(../img/bg_line_height.png) repeat-y right top,
    url(../img/bg_line_width.png) repeat-x left bottom;
  padding: 0px 3px 3px;
}
body#home #main #newsBox h2 {
  font-family: "hanazome";
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: url(../../img/bg_titleslash_top.png) repeat-x left top,
    url(../../img/bg_titleslash_btm.png) repeat-x left bottom;
  background-color: #fff;
  padding: 5% 0;
}
body#home #main #newsBox .lead {
  text-align: center;
  margin: 3.2% 0 4.5%;
}
body#home #main #newsBox ul {
  padding: 4%;
}
body#home #main #newsBox ul li {
  overflow: hidden;
  margin-bottom: 3.2%;
}
body#home #main #newsBox ul li .cat,
body#home #main #newsBox ul li .category {
  display: inline-block;
  background: #2a2a2a;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding: 3px;
}
body#home #main #newsBox ul li .photo {
  padding: 7px;
  background: url(../img/bg_line_photo_height.png) repeat-y left top,
    url(../img/bg_line_photo_height.png) repeat-y right top,
    url(../img/bg_line_photo_width.png) repeat-x left top,
    url(../img/bg_line_photo_width.png) repeat-x left bottom;
  background-color: #fff;
  width: 42%;
  margin-right: 3.2%;
  float: left;
}
body#home #main #newsBox ul li a {
  text-decoration: none;
}
body#home #main #newsBox ul li span {
  display: block;
}
body#home #main #newsBox ul li .beginning {
  display: none;
}
body#home #newsBox li .date {
  color: #84902a;
}
#newsBox .newsBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 281px;
  height: 56px;
  margin: 0 auto 6%;
  font-family: "hanazome";
  font-size: 22px;
  text-align: center;
  text-decoration: none;
  background: url(../../../img/btn_border.png) no-repeat;
  zoom: 0.7;
}

/* landscape */

@media only screen and (orientation: landscape) {
  body#home #main #newsBox h2 {
    font-family: "hanazome";
    font-size: 2.4rem;
  }
}

/*==============================================================
　body#foo : 説明文
===============================================================*/

/* #foo : 説明文
----------------------------------------------------*/

/* #foo : 説明文
........................................*/

/* .foo : 説明文 */

/*--EOF-----------------------------------------------------------------------*/