@charset "utf-8";
/* CSS Document */

/******************************************************************************************

	<css/common.css>

*******************************************************************************************/

/*==========================================================================================

	// 共通設定

==========================================================================================*/
/* リンク */
a {
  color: #006600;
}
a:link {
  color: #006600;
}
a:visited {
  color: #006600;
}
a:hover {
  color: #006600;
  text-decoration: none;
}
a:active {
  color: #006600;
}
a:focus {
  color: #006600;
}
#contents a,
#nav_btm a {
  text-decoration: none;
}

/* CMS編集箇所のリンク */
.cms_edit p a {
  color: #060;
  background: #daedce;
}
.cms_edit p a:hover {
  text-decoration: underline !important;
}

/* 文字色 */
.cBlue {
}
.cRed {
  color: #cc0000;
}
.cGreen {
  color: #328700;
}
.cOrange {
  color: #ff7f4d;
}
.cPurple {
}
.cPink {
}
.cBlack {
}
.cWhite {
}
/* 背景色 */
.bgGreen {
  color: #daedce;
}
.bgGray {
  color: #efefef;
}
/* 画像 */
.imghover:hover {
  opacity: 0.7;
}
.imghover:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; /* ふわっとhover */
}
.imghover:active {
  opacity: 0.7;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
/* clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* 仕切り線 */
hr {
  border-top: dotted 1px #c9caca;
  margin: 4px 0;
  padding: 0;
}
/* Pタグ */
p {
}
/* 見出し */
h1 {
  font-size: 100%;
  margin-bottom: 16px;
}
h2,
h3,
h4,
h5 {
  font-size: 16px;
  font-size: 160%;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.2;
}
h2 {
  color: #fff;
  background-color: #006600;
  padding: 9px 10px 8px;
  margin-bottom: 16px;
}
h3 {
  color: #006600;
  border-top: 2px solid #006600;
  border-bottom: 2px solid #006600;
  padding: 8px 10px 7px;
  margin-bottom: 22px;
  display: inline-block;
}
h4 {
  color: #fff;
  background: #338600 url(../images/common/bg_h4.png) no-repeat right bottom;
  padding: 9px 10px 7px;
  margin-bottom: 11px;
}
h5 {
  color: #006600;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
h5 span {
  color: #006600;
  border-left: 5px solid #006600;
  line-height: 1;
  display: inline-block;
}
h5 span.n_bld {
  display: inline-block;
  font-weight: normal;
  border-left: none;
}
/* other */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
/* その他の共通設定は asset.css に記述 */

/*==========================================================================================

	// 全体

==========================================================================================*/
html {
  font-size: 62.5%;
}
body,
input,
button {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
    sans-serif;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-size: 130%; /* =13px */
  font-size: 1.3rem; /* =13px */
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
  visibility: hidden;
}
.ie8 .container {
  /* IE8向け */
  width: 1052px;
}
.container {
  width: 1052px;
}
article {
  margin-bottom: 30px;
  display: block;
  position: relative;
}
.col-xs-8 {
  width: 67.35%;
}
.col-xs-4 {
  width: 32.65%;
}
/* ページトップボタン */
#back_top {
  position: fixed;
  bottom: 15px;
  right: 2.5%;
  z-index: 1000;
}
#back_top a {
  width: 44px;
  display: none;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back_top a:hover {
  color: #fff;
}
/* arrow icon (span tag) */
#back_top span {
  width: 44px;
  height: 44px;
  padding-top: 30px;
  display: block;
  margin-bottom: 7px;
  background: #ff9a70 url(../images/common/arrow_top.png) no-repeat center 7px;
  background-size: 63.6%;
  /* rounded corners */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
}
#back_top a:hover span {
  background-color: #ff9a70;
}
/*-----------------------------------------------------------------------------------------
    ヘッダー
-----------------------------------------------------------------------------------------*/
header {
  color: #fff;
}
header .header_inner {
  background: rgb(180, 210, 159); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(180, 210, 159, 1) 0%,
    rgba(200, 225, 171, 1) 34%,
    rgba(239, 253, 195, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(180, 210, 159, 1)),
    color-stop(34%, rgba(200, 225, 171, 1)),
    color-stop(100%, rgba(239, 253, 195, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(180, 210, 159, 1) 0%,
    rgba(200, 225, 171, 1) 34%,
    rgba(239, 253, 195, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(180, 210, 159, 1) 0%,
    rgba(200, 225, 171, 1) 34%,
    rgba(239, 253, 195, 1) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(180, 210, 159, 1) 0%,
    rgba(200, 225, 171, 1) 34%,
    rgba(239, 253, 195, 1) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(180, 210, 159, 1) 0%,
    rgba(200, 225, 171, 1) 34%,
    rgba(239, 253, 195, 1) 100%
  ); /* W3C */
}
header .container {
  padding-top: 10px;
  padding-bottom: 10px;
}
header .header_inner .container .col-xs-8 {
  width: 64%;
}
header .header_inner .container .col-xs-4 {
  width: 36%;
}
header .header_inner .logo {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 60px;
}
header .header_inner .r_menu {
  font-size: 12px;
  float: right;
  text-align: right;
  position: relative;
}
header .header_inner .r_menu .login {
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
header .header_inner .r_menu .login span {
  position: absolute;
  right: 10px;
  right: 130px;
  top: 3px;
  white-space: nowrap;
  color: #006600;
}
header .header_inner a.btn_s {
  padding: 3px;
  min-width: 100px;
  line-height: 1;
  margin-top: 2px;
  float: right;
}
header .header_inner input {
  display: inline-block;
}
header .header_inner .r_menu_btm {
  margin-top: 9px;
  line-height: 24px;
  text-align: left;
  margin-left: 35px;
}
header .header_inner .r_menu_btm a {
  float: right;
  margin-left: 10px;
}
header .header_inner r_menu_btm .search_box {
  position: relative;
}

header .header_inner input[type="search"],
header .header_inner input[type="text"] {
  width: 181px;
  width: 192px;
  line-height: 1;
  border: 1px solid #336600;
  padding: 0px 5px;
  font-size: 12px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-sizing: border-box;
  top: 1px;
  float: left;
  height: 24px;
  line-height: 24px;
  -webkit-appearance: none; /*  for iOS */
}
header .header_inner input[type="submit"] {
  float: left;
}
header .header_inner .sns {
  float: right;
  margin-left: 12px;
}

.ie8 header .header_inner .sns,
.ie7 header .header_inner .sns {
  width: 80px;
}

header .header_inner .sns a:first-child {
  margin-right: 10px;
}
header .header_inner .sns a img {
  margin-top: -10px;
}

header .header_inner .logo img {
  width: auto;
  height: 100%;
}
/* PC用メニュー */
header nav .gn_pc .pcmenu {
  background: #328700;
  text-align: center;
  line-height: 1.4;
  font-size: 14px;
}
header nav .gn_pc .pcmenu .container {
  padding: 5px 35px 5px 40px;
}
header nav .gn_pc .pcmenu .container .row {
  overflow: hidden;
}
header nav .gn_pc .pcmenu .container .row .pcmenu-left {
  float: left;
}
header nav .gn_pc .pcmenu .container .row .pcmenu-right {
  float: right;
}
header nav .gn_pc .pcmenu .container .col-sm-10 {
  float: right;
}
header nav .gn_pc .pcmenu .container .col-sm-2 {
  float: left;
  display: table;
  border-radius: 10px;
  color: #fff;
  padding-left: 0px;
  padding-right: 0px;
}
header nav .gn_pc .pcmenu .container a {
  text-decoration: none;
}
header nav .gn_pc .pcmenu .container .pcmenu-item {
  width: auto;
  padding: 0 30px;
  border-radius: 10px;
  height: 52px;
  display: table-cell;
  vertical-align: middle;
}
header nav .gn_pc .pcmenu .container .pcmenu-item--small {
  width: auto;
  padding: 0 30px;
  border-radius: 10px;
  height: 52px;
  display: table-cell;
  vertical-align: middle;
}
header nav .gn_pc .pcmenu .container .pcmenu-item--small span {
  font-size: 14px;
  color: #fff;
}
header nav .gn_pc .pcmenu .container .pcmenu-item--small:hover {
  background: #006600;
}

header nav .gn_pc .pcmenu .container .pcmenu-item:hover {
  background: #006600;
}
header nav .gn_pc .pcmenu .container .pcmenu-item span {
  display: table-cell;
  height: 52px;
  width: 100%;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
header nav .gn_pc .targetmenu {
  border-top: #fff solid 1px;
  background: #006600;
}
header nav .gn_pc .targetmenu .targetmenu-list {
  padding: 1px 0;
  display: flex;
  justify-content: space-between;
}
header nav .gn_pc .targetmenu .targetmenu-item {
  display: block;
  float: left\9;
  border-radius: 10px;
  margin: 0 -10px;
  margin: 0 10px\9;
}
header nav .gn_pc .targetmenu .targetmenu-item:hover {
  background-color: #004400;
}
header nav .gn_pc .targetmenu .targetmenu-item a {
  /* color: #fff;
	text-decoration: none;
	line-height: 1;
	 */
  color: #fff;
  display: inline-block;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 14px;
  text-decoration: none;
}
header nav .gn_pc .targetmenu .container {
  padding: 4px 22px 4px 22px;
}
header nav .gn_pc .targetmenu .container .col-xs-4 a {
  color: #fff;
  padding-left: 40px;
  padding-right: 10px;
  background: url(../images/common/arrow_2.png) no-repeat;
  background-position: 10px center;
  display: inline-block;
  border-radius: 10px;
  font-size: 14px;
  text-decoration: none;
}
header nav .gn_pc .targetmenu .container .col-xs-8 {
  text-align: right;
}
header nav .gn_pc .targetmenu .container .col-xs-8 a {
  color: #fff;
  padding-left: 30px;
  padding-right: 10px;
  background: url(../images/common/arrow_1.png) no-repeat;
  background-position: 10px center;
  display: inline-block;
  border-radius: 10px;
  font-size: 14px;
  text-decoration: none;
}
header nav .gn_pc .targetmenu .container .col-xs-4 a:hover,
header nav .gn_pc .targetmenu .container .col-xs-8 a:hover {
  background-color: #004400;
}
/* SP用メニュー */
header .gn_sp {
  display: none;
}
header nav .gn_sp .pcmenu {
  background: #328700;
  text-align: center;
  line-height: 13px;
}
header .gn_sp .targetmenu {
  background: #328700;
  border-bottom: #006600 10px solid;
}
header .gn_sp .targetmenu .container .col-xs-4 a {
  color: #328700;
  display: inline-block;
  line-height: 34px;
  text-align: center;
  padding: 0 10px;
  height: 34px;
  border-radius: 5px;
  border: 2px solid #006600;
  background: #fff;
  margin-right: 10px;
  text-decoration: inherit;
}
header .gn_sp .targetmenu .container .col-xs-8 {
  text-align: right;
}
header .gn_sp .targetmenu .container .col-xs-8 a {
  color: #328700;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-left: 10px;
}
header .gn_sp .targetmenu .container .col-xs-8 a img {
  width: 100%;
  height: 100%;
}
/* モーダルウィンドウ用style */
#modal {
  width: 93%;
  margin: 0;
  border: 1px solid #999;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 30000;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 10px 0px;
  text-align: center;
}
#modal-video {
  max-width: 800px;
  width: 80%;
  margin: 0;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  display: none;
  z-index: 30000;
  border-radius: 5px;
  text-align: center;
}
#modal-video video {
  width: 100%;
}
#modal-video > div {
  position: relative;
}
#modal-video .ico_close {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -25px;
  right: -25px;
  cursor: pointer;
}
.ico_close span::before,
.ico_close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: #328700;
}
.ico_close span::before {
  transform: rotate(-45deg);
}
.ico_close span::after {
  transform: rotate(45deg);
}
#modal div {
  padding: 20px 10px;
}
#modal-open,
#m-close:hover {
  cursor: pointer;
}
#modal-overlay {
  z-index: 20;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(255, 255, 255, 0.6);
}
#modal input[type="search"] {
  width: 70%;
  padding: 2px 8px;
  border: 2px solid #328700;
  margin-right: 2%;
  box-sizing: border-box;
  font-size: 16px;
}
#modal button[type="submit"] {
  float: right;
  width: 20%;
  border-radius: 5px;
  height: 36px;
}
#modal #m-close {
  border-radius: 5px;
  margin-top: 20px;
  height: 36px;
}
/* ドロワーメニュー用style */
#build-menu-button {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  text-align: center;
  background: url(../images/common/btn_menu.png) no-repeat;
  background-size: 100% 100%;
  padding: 6px 12px;
  border-radius: 4px;
  color: #fff;
  border-radius: 5px;
}
#build-menu {
  background: #006600;
}
#build-menu ul {
  padding: 0px;
  margin: 0px;
}
#build-menu li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  border-bottom: 1px solid #fff;
}
#build-menu li.bg--green {
  background-color: #328700;
}
#build-menu li.arrow {
  background: url(../images/common/arrow_1.png) no-repeat 10px center;
}
#build-menu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 5px 5px 30px;
  font-size: 16px;
}
#build-menu-page {
  left: 0;
  position: relative;
  background-color: #fff;
  min-width: 1052px;
}
#build-menu {
  visibility: visible;
  z-index: 0;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  display: none;
  width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  float: right;
}
.build-menu-animating #build-menu-page {
  position: fixed;
  overflow: hidden;
  width: 100%;
  top: 0;
  bottom: 0;
}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -o-transition: -o-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  transition: transform 250ms;
}
.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.build-menu-animating #build-menu {
  display: block;
}
.build-menu-open #build-menu {
  display: block;
  -webkit-transition-delay: 0ms, 0ms, 0ms;
  -moz-transition-delay: 0ms, 0ms, 0ms;
  -o-transition-delay: 0ms, 0ms, 0ms;
  -ms-transition-delay: 0ms, 0ms, 0ms;
  transition-delay: 0ms, 0ms, 0ms;
}
.build-menu-open #build-menu,
.build-menu-close #build-menu {
  -webkit-transition: -webkit-transform 250ms, opacity 250ms,
    visibility 0ms 250ms;
  -moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}
/*-----------------------------------------------------------------------------------------
    下部メニュー
-----------------------------------------------------------------------------------------*/
#nav_btm {
  background: #efefef;
  padding: 20px 0;
  border-bottom: 2px solid #b3d29f;
  font-size: 13px;
}
#nav_btm a {
  color: #333;
}
#nav_btm a:hover {
  text-decoration: underline;
}
#nav_btm .col-sm-4 {
  width: 33.33333333%;
  padding-right: 0px;
}
#nav_btm .panel-title {
  display: block;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  background: url(../images/common/footer_arrow_r.png) no-repeat left center;
}

#nav_btm .panel-body div {
  margin-left: 10px;
  padding-left: 20px;
  position: relative;
  background: url(../images/common/footer_arrow_c.png) no-repeat left center;
}

#nav_btm .container {
  position: relative;
}
#nav_btm .container #top {
  display: inline-block;
  background: #006600 url(../images/common/arrow_top.png) no-repeat 15px 9px;
  background-size: 22px 15px;
  color: #fff;
  position: absolute;
  right: 22px;
  top: -54px;
  width: 135px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 20px;
}
/*-----------------------------------------------------------------------------------------
    フッター
-----------------------------------------------------------------------------------------*/
footer {
  padding: 15px 0;
  text-align: center;
  line-height: 1.5;
  font-size: 13px;
}
footer a:hover {
  text-decoration: underline;
}
footer small {
  color: #333;
  font-size: 14px;
  margin-top: 15px;
  display: block;
}
footer small span {
  margin-right: 10px;
}
footer ul {
  float: right;
  margin-bottom: 16px;
  color: #006600;
}
footer ul li {
  float: left;
  list-style: none;
}
footer ul li a {
  padding: 0 5px;
}
footer ul li:last-child:after {
  content: "";
  margin-left: 0px;
}

footer .container .row .pcfooter img {
}

footer .container .row .pcfooter div.col-sm-3:nth-child(1) {
  margin-right: 58px;
}

footer .container .row .pcfooter div.col-sm-3:nth-child(3) {
  text-align: right;
  margin-left: -33px;
}
footer .container .row .pcfooter div.col-sm-3:nth-child(4) {
  text-align: right;
  margin-left: -25px;
}
/*-----------------------------------------------------------------------------------------
    コンテンツ
-----------------------------------------------------------------------------------------*/
#contents {
  padding: 20px 0 30px;
}
/* .breadcrumb */
.breadcrumb {
  margin-bottom: 19px;
  list-style: outside none none;
  font-size: 13px;
  line-height: 1.2;
}
.breadcrumb > li {
  display: inline;
}
.breadcrumb > li a {
  color: #333333;
}
.breadcrumb > li + li:before {
  padding: 0px;
  color: #333333;
  content: "> ";
}
.breadcrumb > .active {
  color: #006600;
}

.table_grn {
  background: #daedce;
  border-radius: 10px;
  padding: 20px;
}

.table_grn .table_img_left {
  float: left;
  width: 270px;
}

.table_grn .table_img_right {
  float: right;
  width: 270px;
}

.table_grn .table_text_left {
  width: 350px;
  float: left;
  font-size: 13px;
}

.table_grn .table_text_right {
  width: 350px;
  float: right;
  font-size: 13px;
}

.table_grn .table_text_left span {
  display: inline-block;
  width: 130px;
  padding-left: 50px;
  color: #006600;
  font-weight: bold;
}

.table_grn .table_text_left span.clock {
  padding-left: 20px;
}

.table_grn .table_text_right span {
  display: inline-block;
  width: 130px;
  padding-left: 30px;
  color: #006600;
  font-weight: bold;
}

.table_grn .table_text_right span.clock {
  padding-left: 0px;
}
/* 右カラム ------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* #bnr_list */
#bnr_list {
  margin-bottom: 30px;
}
#bnr_list li {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
#bnr_list ul.ad_top {
  margin-bottom: 40px;
}
/* .article_sidelist */

.article_sidelist h4 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 9px 10px 5px;
  font-size: 16px;
}
.article_sidelist ul li {
  list-style: none;
  border-bottom: 1px dotted #328700;
  font-size: 13px;
}

.article_sidelist ul li a {
  width: 100%;
  height: 33px;
  display: block;
  padding: 6px 8px 4px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.article_sidelist ul a:hover {
  background: #daedce;
}

@media (max-width: 767px) {
  .likebox {
    display: none;
  }
}

/* 左カラム ------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* #article_top */
#article_top {
}
/* #news_list 日付左、タイトル右の記事一覧（TOPページ旧リストスタイル）
#news_list dl {
	width:100%;
	font-size:14px;
}
#news_list dl a{
	display:block;
	position: relative;
	border-bottom:1px dotted #328700;
	padding:7px 8px 6px 26px;
	color:#333;
}
#news_list dl a:hover{
	background:#daedce;
}
#news_list dl a:first-child{
	border-top:1px dotted #328700;
}
#news_list dl a:after{
	display: block;
	content: "";
	position: absolute;
	top: 16px;
	left: 11px;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #328700;
}
#news_list dl a:after{
	border-top: none\9;
	border-left: none\9;
}
#news_list dt {
	float:left;
	font-weight:normal;

}
#news_list dd {
	margin-left:114px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
*/
/*==========================================================================================

	// 記事リストスタイル

==========================================================================================*/
/* #article_list TOPページ　タイトル左、日付右の記事一覧*/
#article_list {
  width: 100%;
  font-size: 14px;
}
#article_list a {
  display: block;
  position: relative;
  border-bottom: 1px dotted #328700;
  padding: 5px 8px 4px 20px;
  color: #006600;
}
#article_list a:hover {
  background: #daedce;
}
#article_list a:first-child {
  border-top: 1px dotted #328700;
}
#article_list a:after {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 5px;
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #328700;
}
#article_list a.new:after {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 1px;
  width: 15px;
  height: 23px;
  border-style: none;
  background: url(../images/common/new.png) top left no-repeat;
  background-size: 100% 100%;
}

.ie8 #article_list a.new:after {
  background: url(../images/common/new_ie8.png) top left no-repeat;
}

.ie8 #article_list a:after {
  /* IE8向け */
  border-top: none;
  border-left: none;
}
#article_list p:first-child {
  float: left;
  width: 77%;
  height: 24px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#article_list p:last-child {
  text-align: right;
}
#article_list + h3 {
  margin-top: 30px;
}
/* #article_list2 検索結果一覧*/
#article_list2 section {
  width: 100%;
  position: relative;
  display: block;
  border-bottom: 1px dotted #328700;
  padding: 4px 0px 39px 0px;
  color: #333;
}
#article_list2 section:first-child {
  border-top: 1px dotted #328700;
}
#article_list2 section a:first-child {
  cursor: default;
}
#article_list2 section a:first-child:after {
  display: block;
  content: "";
  position: absolute;
  top: 13px;
  left: 3px;
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #328700;
}
#article_list2 section a.new:first-child:after {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 15px;
  height: 23px;
  border-style: none;
  background: url(../images/common/new.png) top left no-repeat;
  background-size: 100% 100%;
}

.ie8 #article_list2 section a.new:first-child:after {
  background: url(../images/common/new_ie8.png) top left no-repeat;
}

@media (max-width: 767px) {
  #article_list2 section a.new:first-child:after {
    top: 24px;
    left: 10px;
  }
}

.ie8 #article_list2 section a:first-child:after {
  /* IE8向け */
  border-top: none;
  border-left: none;
}

#article_list2 section a p.date {
  float: right;
  font-size: 14px;
}
#article_list2 section a p.ttl {
  font-weight: bold;
  font-size: 14px;
  color: #006600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 70%;
  height: 25px;
  padding-left: 15px;
}

#article_list2 section a.new p.ttl {
  padding-left: 20px;
}

#article_list2 section a p.ttl span {
  font-weight: normal;
}
#article_list2 section a p.txt {
  color: #333;
}
#article_list2 section a:last-child {
  float: right;
  margin-top: 5px;
}
/* #article_list3 一覧ページ　タイトル左、日付右の記事一覧*/
#article_list3 {
  width: 100%;
  font-size: 14px;
}
#article_list3 a {
  display: block;
  position: relative;
  border-bottom: 1px dotted #328700;
  padding: 7px 8px 6px 26px;
  color: #333;
  background: #fff;
}
#article_list3 a:hover {
  background: #daedce;
}
#article_list3 a:first-child {
  border-top: 1px dotted #328700;
}

.notop_b a:first-child {
  border-top: none !important;
}

#article_list3 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  left: 11px;
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #328700;
}

#article_list3 .new:after {
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 15px;
  height: 23px;
  border-style: none;
  background: url(../images/common/new.png) top left no-repeat;
  background-size: 100% 100%;
}

.ie8 #article_list3 .new:after {
  background: url(../images/common/new_ie8.png) top left no-repeat;
}

@media (max-width: 767px) {
  #article_list3 .new:after {
    left: 0px;
  }
}

.ie8 #article_list3 a,
.ie7 #article_list3 a {
  display: block;
  cursor: pointer;
  position: relative;
  /*background: url(/images/common/list_arrow_r_ie.png) no-repeat 10px center;*/
}

.ie8 #article_list3 a:after {
  /* IE8向け */
  border-top: none;
  border-left: none;
}
#article_list3 p:first-child {
  float: left;
  width: 75%;
  height: 24px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#article_list3 p:last-child {
  text-align: right;
}

/* #article_list4 一覧ページ　タイトル左、属性右表示*/
#article_list4 {
  width: 100%;
  font-size: 14px;
}
#article_list4 a {
  display: block;
  position: relative;
  border-bottom: 1px dotted #328700;
  padding: 7px 8px 6px 26px;
  color: #006600;
}
#article_list4 a:hover {
  background: #daedce;
}
#article_list4 a:first-child {
  border-top: 1px dotted #328700;
}
#article_list4 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 16px;
  left: 11px;
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #328700;
}

#article_list4 a.new:after {
  display: block;
  content: "";
  position: absolute;
  top: 7px;
  left: 6px;
  width: 15px;
  height: 23px;
  border-style: none;
  background: url(../images/common/new.png) top left no-repeat;
  background-size: 100% 100%;
}

.ie8 #article_list4 a.new:after {
  background: url(../images/common/new_ie8.png) top left no-repeat;
}

@media (max-width: 767px) {
  #article_list4 a.new:after {
    left: 1px;
  }
}

.ie8 #article_list4 a:after {
  /* IE8向け */
  border-top: none;
  border-left: none;
}
#article_list4 p:first-child {
  float: left;
  width: 77%;
  height: 24px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#article_list4 p:last-child {
  text-align: right;
}
/* #block_list */

#block_list h4 {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-bottom: 0px;
  font-size: 16px;
}
#block_list h4 a {
  color: #fff;
}
#block_list h4 a:hover {
  text-decoration: underline;
}
#block_list section {
  margin-bottom: 24px;
}
#block_list .article_box {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #328700;
  border-right: 1px solid #328700;
  border-left: 1px solid #328700;
  font-size: 13px;
}
#block_list .article_box ul {
  padding: 15px 10px;
  min-height: 101px;
  list-style: none;
}
#block_list .article_box ul li {
  max-height: 71px;
  overflow: hidden;
}

#block_list .article_box ul li.new {
  position: relative;
  padding-left: 17px;
}

/*
#block_list .article_box ul li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
#block_list .article_box ul li:before{
	content: "・" ;
}
*/
/*
#block_list .col-sm-4:not(:first-child) .article_box ul li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
*/
#block_list .col-sm-6 .article_box ul li:before {
  content: "・";
}

#block_list .textbox .article_box ul li:before {
  content: "";
  display: none;
}

#block_list .col-sm-6 .article_box ul li.new:before {
  display: block;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 15px;
  height: 23px;
  border-style: none;
  background: url(../images/common/new.png) top left no-repeat;
  background-size: 100% 100%;
}

.ie8 #block_list .col-sm-6 .article_box ul li.new:before {
  background: url(../images/common/new_ie8.png) top left no-repeat;
}

.ie8 #block_list .sm-6 .article_box ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#block_list .article_box ul li a:hover {
  text-decoration: underline;
}
#block_list {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
#block_list .row {
  margin-left: -11px;
  margin-right: -11px;
}

/* #block_list2 */

#block_list2 h4 {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-bottom: 0px;
  padding: 10px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 16px;
}

#block_list2 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: 1000;
}

#block_list2 a:hover {
  border: #328700 solid 3px;
}

#block_list2 section {
  margin-bottom: 24px;
  position: relative;
}
#block_list2 .article_box {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #328700;
  border-right: 1px solid #328700;
  border-left: 1px solid #328700;
  font-size: 13px;
}

#block_list2 .article_box ul {
  padding: 15px 10px;
  min-height: 101px;
  list-style: none;
}
#block_list2 .article_box ul li {
  max-height: 71px;
  overflow: hidden;
}
/*
#block_list2 .article_box ul li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
#block_list2 .article_box ul li:before{
	content: "・" ;
}
*/
/*
#block_list2 .col-sm-4:not(:first-child) .article_box ul li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
*/

.ie8 #block_list2 .col-sm-4 .article_box ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#block_list2 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}

#block_list2 .row {
  margin-left: -11px;
  margin-right: -11px;
}
#block_list2 .col-sm-4 {
  width: 33.33333333%;
  padding-left: 11px;
  padding-right: 11px;
}
/* .article_fl01 */
.article_fl01 {
  margin-bottom: 20px;
}
.article_fl01:after {
  content: " ";
  display: table;
  clear: both;
}
.article_fl01 img:nth-child(1) {
  float: left;
}
.article_fl01 .article_title,
.article_fl01 .article_text4 {
  margin-left: 140px;
}
.article_title {
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 16px;
  border-left: 5px solid #006600;
  padding-left: 7px;
  line-height: 16px;
  position: relative;
  padding-top: 2px;
}

/*==========================================================================================

	// 一覧ページ用スタイル

==========================================================================================*/
#article_top {
}
.leadtext {
  margin: 20px 0;
}
.article_fl {
  padding: 0 0 30px;
  position: relative;
}
.article_fl img {
  margin-top: 4px;
}
.article_fl .img_right {
  /* 画像右寄せ */
  float: right;
  margin-left: 20px;
  width: 160px;
}
.article_fl .img_left {
  /* 画像左寄せ */
  float: left;
  margin-right: 20px;
  width: 320px;
}
.article_fl .article_title {
  color: #006600;
  font-weight: bold;
  font-size: 16px;
  font-size: 160%;
  font-size: 1.6rem;
  border-left: none;
  padding-left: 0px;
  line-height: 1.8;
}
.article_fl .new {
  padding-left: 20px;
}
.article_fl .new:before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 23px;
  border-style: none;
  background: url(../images/common/new.png) top left no-repeat;
  background-size: 100% 100%;
}

.ie8 .article_fl .new:before {
  background: url(../images/common/new_ie8.png) top left no-repeat;
}

.allbtn .btn {
  width: 280px;
}

.allbtn2 {
  margin-bottom: 20px;
}

.allbtn2 div.text_field {
  margin-left: 20px;
  padding: 10px 0;
}

.allbtn2 span {
  margin-left: 20px;
}
#article_list + .pagination_wrap {
  margin: 40px auto 12px;
  font-size: 13px;
}
/*==========================================================================================

	// 詳細ページ01スタイル

==========================================================================================*/
.article_fl .article_title2 {
  color: #006600;
  font-size: 16px;
  font-size: 160%;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 13px;
}
.article_fl .article_text2 {
  margin-bottom: 30px;
}

.article_text2 span a,
.article_text3 span a {
  background: #daedce;
}
.article_text2 a:hover,
.article_text3 a:hover {
  text-decoration: underline;
  background: #daedce;
}

figure {
  display: table;
  max-width: 320px; /* max width */
  text-align: center;
}
figure img {
  max-width: 320px;
}
figure.center {
  /* キャプション有・画像中央寄せ */
  margin: 1em auto;
}
figure.left {
  /* キャプション有・画像左寄せ */
  float: left;
  margin: 0 20px 0 0;
}
figure.right {
  /* キャプション有・画像右寄せ */
  float: right;
  margin: 0 0 0 20px;
}
figcaption {
  color: #999;
  display: block;
  margin: 5px 0px 5px;
  font-size: 11px;
  text-align: left;
}
.article_fl .img_center {
  /* 画像中央寄せ */
  text-align: center;
  width: 320px;
  margin: 0 auto;
}
.article_fl .img_center .caption {
  /* 画像中央寄せ */
  text-align: left;
}
.tag_btn_list a {
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 13px;
}
.tag_btn_list .btn {
  height: 32px !important;
  line-height: 32px !important;
}

#article_top object {
  max-width: 100%;
  width: 100%;
}
/*==========================================================================================

	// 詳細ページ02スタイル

==========================================================================================*/
/*
#detail02 section{
	margin-bottom:23px;
}
*/
#detail02 p.grn_txt {
  color: #006600;
  font-weight: bold;
}
/*
#detail02 ul{

}

#detail02 .btn_wrap {
    margin-top: -9px;
}
*/

/*==========================================================================================

	// 共通パーツ

==========================================================================================*/
/*-----------------------------------------------------------------------------------------
    UL
-----------------------------------------------------------------------------------------*/

ul.item {
}
ul.item li {
  list-style: none;
  position: relative;
  padding-left: 15px;
}

ul.item li span:first-child {
  position: absolute;
  left: 0;
}

/*-----------------------------------------------------------------------------------------
    ページネーション
-----------------------------------------------------------------------------------------*/
.pagination_wrap {
  text-align: center;
  margin: 25px auto 12px;
}
.pagination {
  display: inline-block;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.6;
  text-decoration: none;
  color: #fff;
  background-color: #006600;
  margin-left: 10px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #ffffff;
  background-color: #80b27f;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #80b27f;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #ffffff;
  background-color: #80b27f;
  cursor: not-allowed;
}
/*-----------------------------------------------------------------------------------------
    ボタン
-----------------------------------------------------------------------------------------*/
/* 標準ボタン */
.btn,
.btn:link,
.btn:visited {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border: 1px solid transparent;
  background: none;
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  font-size: 13px;
}
.btn:hover {
  color: #fff;
}
/* 小さいボタン */
.btn_s,
.btn_s:link,
.btn_s:visited {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border: 1px solid transparent;
  background: none;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  padding: 0px 10px;
  /*font-size:10px;*/
  line-height: 1.7;
}
.btn_s:hover {
  color: #fff;
}
/* 超小さいボタン */
.btn_ss,
.btn_ss:link,
.btn_ss:visited {
  display: inline;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border: 1px solid transparent;
  background: none;
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  padding: 0px 5px;
  font-size: 10px;
  margin-right: 5px;
}
.btn_ss:hover {
  color: #fff;
}
/* グラデーションボタンスタイル */
.btn_g_grn,
.btn_g_grn:link,
.btn_g_grn:visited {
  color: #fff;
  background: rgb(50, 135, 0); /* Old browsers */
  background: #328700; /* Old browsers2 */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyODcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(50,135,0,1) 0%, rgba(0,102,0,1) 99%);*/ /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(50, 135, 0, 1)),
    color-stop(99%, rgba(0, 102, 0, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* W3C */
}
.btn_g_orn,
.btn_g_orn:link,
.btn_g_orn:visited {
  color: #fff;
  background: rgb(255, 127, 77); /* Old browsers */
  background: #ff7f4d; /* Old browsers2 */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2Y0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmNDgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,127,77,1) 0%, rgba(255,72,0,1) 99%);*/ /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 127, 77, 1)),
    color-stop(99%, rgba(255, 72, 0, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 127, 77, 1) 0%,
    rgba(255, 72, 0, 1) 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(255, 127, 77, 1) 0%,
    rgba(255, 72, 0, 1) 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(255, 127, 77, 1) 0%,
    rgba(255, 72, 0, 1) 99%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(255, 127, 77, 1) 0%,
    rgba(255, 72, 0, 1) 99%
  ); /* W3C */
}
.btn_g_gry,
.btn_g_gry:link,
.btn_g_gry:visited {
  background: rgb(153, 153, 153); /* Old browsers */
  background: #999999; /* Old browsers2 */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(153,153,153,1) 0%, rgba(102,102,102,1) 100%);*/ /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(153, 153, 153, 1)),
    color-stop(100%, rgba(102, 102, 102, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(153, 153, 153, 1) 0%,
    rgba(102, 102, 102, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(153, 153, 153, 1) 0%,
    rgba(102, 102, 102, 1) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(153, 153, 153, 1) 0%,
    rgba(102, 102, 102, 1) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(153, 153, 153, 1) 0%,
    rgba(102, 102, 102, 1) 100%
  ); /* W3C */
}
/* フラットボタンスタイル */
.btn_grn,
.btn_grn:link,
.btn_grn:visited {
  color: #fff;
  background: #006600; /* 深緑 */
  border-radius: 5px;
}
.btn_grn2,
.btn_grn2:link,
.btn_grn2:visited {
  color: #fff;
  background: #328700; /* 薄緑 */
  border-radius: 5px;
}
.btn_gry,
.btn_gry:link,
.btn_gry:visited {
  color: #fff;
  background: #666666; /* グレー */
  border-radius: 5px;
}
.btn_gry2,
.btn_gry2:link,
.btn_gry2:visited {
  color: #fff;
  background: #666666; /* グレー */
  border-radius: 10px;
}
.btn_orn,
.btn_orn:link,
.btn_orn:visited {
  color: #fff;
  background: #ff7f4d; /* オレンジ */
  border-radius: 5px;
}
.btn_wht,
.btn_wht:link,
.btn_wht:visited,
.btn_wht:hover,
.btn_wht:active {
  color: #360;
  background: #fff; /* 白 */
  border-radius: 5px;
}

/* フチ有ボタンスタイル */
.btn_grn_b,
.btn_grn_b:link,
.btn_grn_b:visited {
  color: #fff;
  border: 2px solid #006600; /* 深緑 */
  background: #338600; /* 薄緑 */
  border-radius: 5px;
}
.btn_grn2_b,
.btn_grn2_b:link,
.btn_grn2_b:visited {
  color: #328700;
  border: 1px solid #328700; /* 薄緑 */
  background: #fff; /* 白 */
  border-radius: 5px;
}
.btn_wht_b,
.btn_wht_b:link,
.btn_wht_b:visited,
.btn_wht_b:hover,
.btn_wht_b:active {
  color: #666;
  border: 2px solid #666; /* グレー */
  background: #fff; /* 白 */
  border-radius: 5px;
}
/* 使用不可ボタン */
.disable,
.disable:link,
.disable:visited,
.disable:hover {
  color: #fff;
  border: solid 1px #898989;
  background: #666666;
  cursor: default;
  opacity: 1 !important;
}
/* 検索ボタン */
.btn_search {
  background: url(../images/common/btn_search.png) no-repeat left top;
  width: 48px;
  line-height: 24px;
  display: inline-block;
  color: transparent;
  background-color: transparent;
  border: 0;
  position: relative;
  text-indent: -9999px;
}
/* 矢印右端配置 */
.arrow_r {
  background: url(../images/common/arrow_1.png) no-repeat right center;
}
.btn_s > .arrow_r {
  margin-left: -15px;
}
/* 矢印左端配置 */
.arrow_l {
  background: url(../images/common/arrow_3.png) no-repeat left center;
}
/* tテキスト後配置 */
.arrow_c:after {
  content: "";
  background: url(../images/common/arrow_1.png) no-repeat right center;
  background-size: 100% 100%;
  margin-left: 10px;
  display: inline-block;
  width: 10px;
  height: 12px;
  position: relative;
  top: 1px;
}
/* hover */
.btn:hover,
.btn_s:hover,
.btn_ss:hover {
  opacity: 0.7;
}
.btn:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; /* ふわっとhover */
}
/* 中央配置 */
.btn_wrap {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.btn_wrap02 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.btn_wrap .btn,
.btn_wrap02 .btn {
  min-width: 200px;
}
/*-----------------------------------------------------------------------------------------
    吹き出し
-----------------------------------------------------------------------------------------*/
.fukidashi {
  position: relative;
  width: 100%;
  height: auto;
  padding: 12px 15px;
  text-align: justify;
  background: #ffdfd2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.fukidashi:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 6px 11px;
  border-color: #ffdfd2 transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -11px;
  left: 40px;
}
/*-----------------------------------------------------------------------------------------
    囲み枠（Adobe Reader）
-----------------------------------------------------------------------------------------*/
.round_border {
  border: 2px solid #060;
  padding: 10px !important;
}

.round_border_grn {
  margin-bottom: 20px;
}

.round_border_grn .article_fl {
  border-top: 2px solid #060;
  border-right: 2px solid #060;
  border-left: 2px solid #060;
  padding: 20px !important;
}

.round_border_grn .article_fl:last-child {
  border-bottom: 2px solid #060;
}

.round_border_orn {
  margin-bottom: 20px;
}

.round_border_orn .article_fl {
  border-top: 2px solid #ff7f4d;
  border-right: 2px solid #ff7f4d;
  border-left: 2px solid #ff7f4d;
  padding: 20px !important;
}

.round_border_orn .article_fl:last-child {
  border-bottom: 2px solid #ff7f4d;
}
/*-----------------------------------------------------------------------------------------
    フォームパーツ
-----------------------------------------------------------------------------------------*/
/* テキストボックス */
.textBox {
  border: 0;
  padding: 4px 8px;
  border: solid 1px #cccccc;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
}
/* セレクトボックス */
.dropdown {
  border: solid 1px #cccccc;
  border-radius: 3px;
  padding: 4px 8px;
}

/*-----------------------------------------------------------------------------------------
    アコーディオン
-----------------------------------------------------------------------------------------*/
.collapse.in {
  display: block;
  visibility: visible;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  margin-left: -11px;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}
.collapsing .panel-body {
  padding-left: 11px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.collapse {
  display: block;
  visibility: inherit;
}
/*-----------------------------------------------------------------------------------------
    // タブパネル
-----------------------------------------------------------------------------------------*/
#tab_list {
  margin-top: 26px;
}

.nav {
  list-style: outside none none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 3px 6px 3px;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 10px 10px 0 0;
  border-top: 2px solid #006600;
  border-left: 2px solid #006600;
  border-right: 2px solid #006600;
  margin-left: 4px;
  opacity: 0.7;
  color: #fff;

  background: rgb(50, 135, 0); /* Old browsers */
  background: #328700;
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyODcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(50,135,0,1) 0%, rgba(0,102,0,1) 99%);*/ /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(50, 135, 0, 1)),
    color-stop(99%, rgba(0, 102, 0, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* W3C */
}
.nav-pills > li:first-child > a {
  margin-left: 0px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  opacity: 1;

  background: rgb(50, 135, 0); /* Old browsers */
  background: #328700;
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyODcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(50,135,0,1) 0%, rgba(0,102,0,1) 99%);*/ /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(50, 135, 0, 1)),
    color-stop(99%, rgba(0, 102, 0, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(50, 135, 0, 1) 0%,
    rgba(0, 102, 0, 1) 99%
  ); /* W3C */
}
.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
}

.nav-justified {
  width: 100%;
}
.nav-justified > li {
  display: table-cell;
  width: 1%;
  float: none;
}
.nav-justified > li > a {
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
}

.tab-content {
  border-top: 2px solid #006600;
  padding: 20px 0 0;
  margin-top: -1px;
}
.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}

/*-----------------------------------------------------------------------------------------
    // 記事一覧
-----------------------------------------------------------------------------------------*/
.pickup {
  border-bottom: 2px solid #328700;
  text-align: left;
  margin-top: 40px;
  position: relative;
  font-size: 13px;
}

@media (max-width: 767px) {
  .pickup {
    margin-top: 50px;
  }
}

.pickup span {
  color: #fff;
  background: #328700;
  text-align: center;
  width: 160px;
  height: 22px;
  line-height: 22px;
  padding-top: 1px;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.more {
  border-bottom: 2px solid #328700;
  text-align: right;
  margin-top: 40px;
  position: relative;
  font-size: 13px;
}

.more a {
  color: #fff;
  background: #328700 url(../images/common/arrow_2.png) no-repeat 25px 7px;
  text-align: center;
  width: 160px;
  height: 22px;
  line-height: 22px;
  padding-top: 1px;
  padding-left: 20px;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: absolute;
  right: 0;
  bottom: 0;
}
/*-----------------------------------------------------------------------------------------
    Tweetボタン
-----------------------------------------------------------------------------------------*/
.tw_btn {
  display: inline-block;
  position: relative;
  top: 8px;
  margin-left: 10px;
}

/*-----------------------------------------------------------------------------------------
    動画のプレビュー部分
-----------------------------------------------------------------------------------------*/
.videoPreview {
  position: relative;
  padding-top: 56.25%;
}
.videoPreview video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoPreview-button {
  cursor: pointer;
  position: absolute;
  width: 120px;
  bottom: 32px;
  text-align: center;
  left: calc(50% - 60px);
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.075em;
  box-shadow: 0 0 0 1px #fff, 0 0 0 4px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
}
.videoPreview-button:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 0 0 4px #fff;
}

.videoPreview-button .genre-video-button__text {
  font-size: 18px;
}