﻿
body {
    background: #fff;
    text-align: center;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666;
    font-size: 12px;
}

a {
    color: #070;
    text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
a:hover, a:focus { color: #666; text-decoration: none; }

strong { font-weight: bold; }

img {
	max-width: 100%;	
}

h1, h2 { line-height: 40px; }
h3, h4 { line-height: 20px; }

::-moz-selection { background: #c81414; color: #fff; text-shadow: none; }
::selection { background: #c81414; color: #fff; text-shadow: none; }

.panel-default {
	border: none;
}

.table>tbody>tr>td {
	padding:12px;
	border-top: none;
}

@media screen and (max-width: 767px){
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
  white-space: normal;
}
}

table {
    color: #666;
	font-size:15px;

}


table a{
    color: #666;
}

table a:hover, a:focus { color: #070; text-decoration: none; }



/***** Big links / buttons *****/

a.big-link-1 {
	display: inline-block;
    padding: 5px 22px;
    background: #c81414;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

a.big-link-1:hover {
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

a.big-link-1:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

a.big-link-2 {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 6px;
    background: #c81414;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
a.big-link-2 i { vertical-align: middle; }

a.big-link-2:hover {
    background: #5d5d5d;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

a.big-link-2:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

a.big-link-3 {
	display: inline-block;
    padding: 5px 22px;
    background: #c81414;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    text-decoration: none;
    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

a.big-link-3:hover {
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

a.big-link-3:active {
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

/***** Top menu *****/

.navbar {
	margin-bottom: 0;
	background: #fff;
	border: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	border-bottom:3px solid #c81414;
}

ul.navbar-nav {
	font-size: 14px;
	color: #666;
}

ul.navbar-nav li a { padding: 23px 20px; background: #fff; border-top: 5px solid #fff; color: #5d5d5d; }
ul.navbar-nav li  a i { font-size:18px; }
ul.navbar-nav li.active a { background: #f8f8f8; border-color: #c81414; color: #5d5d5d; }

ul.navbar-nav li a:hover, ul.navbar-nav li a:focus { background: #c81414; border-color: #c81414; color: #fff; outline: 0; }

.nav .open > a { background: #f8f8f8; border-color: #c81414; color: #5d5d5d; }
.nav .open > a:hover, .nav .open > a:focus { background: #c81414; border-color: #c81414; color: #fff; }

ul.navbar-nav li a i { line-height: 35px; color: #aaa; }
ul.navbar-nav li a:hover i, ul.navbar-nav li a:focus i { color: #fff; }

.dropdown-menu {
	border: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
}

.dropdown-menu > .active > a { background: #fff; color: #5d5d5d; }
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #f8f8f8; color: #c81414; }

ul.navbar-nav li .dropdown-menu a { padding-top: 15px; padding-bottom: 15px; }
ul.navbar-nav li .dropdown-menu a i { font-size:13px; padding-top: 0; padding-bottom: 0; line-height:0 }
ul.navbar-nav li.active .dropdown-menu a { background: #fff; color: #5d5d5d; border: 0; }
ul.navbar-nav li.active .dropdown-menu a:hover, 
ul.navbar-nav li.active .dropdown-menu a:focus { background: #c81414; color: #fff; border: 0; }

ul.navbar-nav li.active .dropdown-menu > .active > a { background: #f8f8f8; color: #c81414; border: 0; }
ul.navbar-nav li.active .dropdown-menu > .active > a:hover, 
ul.navbar-nav li.active .dropdown-menu > .active > a:focus { background: #c81414; color: #fff; border: 0; }

ul.navbar-nav li.navbar_login a { background: #58a640; color: #fff; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:10px 5px; font-size:12px; padding:14px}
ul.navbar-nav li.navbar_login a i { color: #fff; font-size:18px}
ul.navbar-nav li.navbar_login a:hover, 
ul.navbar-nav li.navbar_login a:focus { background: #75cf59; color: #fff; }
ul.navbar-nav li.navbar_login a:hover i, 
ul.navbar-nav li.navbar_login a:focus i { color: #fff; }

ul.navbar-nav li.navbar_info a { background: #ff6600; color: #fff; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:10px 5px; font-size:12px; padding:14px; }
ul.navbar-nav li.navbar_info a i { color: #fff; font-size:16px; }
ul.navbar-nav li.navbar_info a:hover, 
ul.navbar-nav li.navbar_info a:focus { background: #ff8800; color: #fff; }
ul.navbar-nav li.navbar_info a:hover i, 
ul.navbar-nav li.navbar_info a:focus i { color: #fff; }

.navbar>.container .navbar-brand { margin-left: 0; }

.navbar-brand {
	width: 265px;
	height: 98px;
	padding-left:0;
	background: url(../img/logo@2x.png) left center no-repeat;
	text-indent: -99999px;
	background-size: 265px;
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-brand {
	width: 65px;
	height: 96px;
	padding-left:0;
	background: url(../img/logo_mdl.png) left center no-repeat;
	text-indent: -99999px;
}
}

/*@media screen and (max-width:480px) {
.navbar-brand {
	width: 285px;
	padding-left:0;
	background: url(../img/logo@2x.png) left center no-repeat;
	text-indent: -99999px;
}
}*/


/***** Slider *****/

.slider-container {
    margin: 0 auto;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
}

.slider {
	padding-left: 5px;
	padding-right: 5px;
}

.flexslider {
    margin-top: 45px;
    margin-bottom: 55px;
    border: 6px solid #fff;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
}

.flexslider .slides > li {
	position: relative;
}

.flex-caption {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 95%;
    padding: 10px 20px;
    background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 14px;
    line-height: 24px;
    color: #eaeaea;
    text-align: left;
}

.flex-direction-nav a {
	width: 60px;
	height: 60px;
	padding-top: 17px;
	background: #c81414;
	color: #fff;
	text-shadow: none;
}

.flex-direction-nav a:before { font-size: 26px; }

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { text-align: center; }


/***** Slider 2 *****/

.slider-2-container {
	padding: 180px 0;
}

.slider-2-text {
	padding: 30px 0 43px 0;
	background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    color: #fff;
}

.slider-2-text h1 {
	padding-left: 30px;
	padding-right: 30px;
	font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.slider-2-text p {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px;
}



/***** Services *****/

.services-container {
    margin-top: 10px;
}

.services-title {
	margin-top: 40px;
    background: url(../img/line.png) left center repeat-x;
}

.services-title h2 {
    width: 200px;
    margin: 0 auto;
    background: #fff;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: #5d5d5d;
    font-weight: bold;
}

.service {
	margin-top: 40px;
    padding: 15px 15px 20px 15px;
    background: #f8f8f8;
    border-bottom: 2px solid #c81414;
}

.service:hover {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

.service .service-icon {
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d;
}

.service .service-icon i { vertical-align: middle; }

.service h3 {
    margin-top: 13px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.service p {
    padding-bottom: 7px;
    line-height: 24px;
}


/***** 最新情報 *****/

.new-container {
    margin-top: 50px;
	padding-bottom: 70px;
}

.bnr-container {
    margin-bottom: 50px;
}

.bnr-container img {
    margin-bottom: 5px;
}

.new-title {
    background: url(../img/line.png) left center repeat-x;
}

.new-title h2 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: #5d5d5d;
}

.new {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #c81414;
}

.new div {
	color:#5d5d5d;
}

.new:hover img {
    opacity: 0.7;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.new:hover {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

.new .new-bottom {
    margin-top: 15px;
}

.new h3 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.new p, .new div {
	padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
}

.4bnr-container {
    margin-top: 50px;
}

.FSL-container {
    margin-top: 50px;
	padding: 1em 0;
	background-color: #58a640;
	color: aliceblue;
	font-size: 120%;
}
.FSL-container_b {
	padding: 0 0 1em 0;
	background-color: #58a640;
	color: aliceblue;
	font-size: 120%;
}
.FSL-container h4, .FSL-container_b h4 {
	text-align: left;
	border-bottom: 1px #FFF solid;
	padding-bottom: 5px;
}
.FSL-container .pdg_s, .FSL-container_b .pdg_s {
	padding-top: 1em;
}

.FSL-container ul, .FSL-container_b ul {
	margin-left: -40px;
}

.FSL-container ul li, .FSL-container_b ul li {
	list-style: none;
	text-align: left;
	padding: 0.5em 0;
}

.FSL-container a, .FSL-container_b a{
	color: #fff; text-decoration: none;
}

.FSL-container ul li a:hover, ul li a:focus {
	color: #fff; text-decoration: none;
}


.bnr_mgn {
	margin-bottom:5px;
}

/***** めぐるんま *****/

.mgr-container {
    margin-top: 50px;
}

.mgr-list {
    margin-top: 30px;
    text-align: left;
}

.mgr-list .tab-pane { overflow: hidden; }

.mgr-list .pickup-image {
	margin: 10px 0 0 0;
}
.mgr-list .pickup-image img { border: 3px solid #eaeaea; }

.mgr-list .pickup-text {
	font-size: 14px;
    line-height: 24px;
}

.mgr-list .nav-tabs {
    border: 0;
    text-align: right;
}

.mgr-list .nav-tabs li {
	float: none;
	display: inline-block;
	margin-left: 2px;
    margin-right: 2px;
}

.mgr-list .nav-tabs li a {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

.mgr-list .nav-tabs li a:hover { border: 0; background: #ddd; }
.mgr-list .nav-tabs li.active a { background: #c81414; }

.mgr-text h3 {
    line-height: 30px;
}

/***** ピックアップ *****/

.pickup-container {
    margin-top: 50px;
}

.pickup-title {
    background: url(../img/line.png) left center repeat-x;
}

.pickup-title h2 {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: #5d5d5d;
    font-weight: bold;
}

.pickup-list {
    margin-top: 30px;
    text-align: left;
}

.pickup-list .tab-pane { overflow: hidden; }

.pickup-list .pickup-image {
	margin: 10px 0 0 0;
}
.pickup-list .pickup-image img { border: 3px solid #eaeaea; }

.pickup-list .pickup-text {
	font-size: 14px;
    line-height: 24px;
}

.pickup-list .nav-tabs {
    border: 0;
    text-align: right;
}

.pickup-list .nav-tabs li {
	float: none;
	display: inline-block;
	margin-left: 2px;
    margin-right: 2px;
}

.pickup-list .nav-tabs li a {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

.pickup-list .nav-tabs li a:hover { border: 0; background: #ddd; }
.pickup-list .nav-tabs li.active a { background: #c81414; }

.pickup-text h3 {
    line-height: 30px;
}

/***** フッター *****/

footer {
    margin: 0 auto;
    padding-bottom: 10px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset; box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
}

.footer-box {
    margin-top: 20px;
    text-align: left;
}

.footer-box h4 {
    margin-top: 20px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.footer-box-text p {
    line-height: 24px;
}

.footer-box-text-contact i {
    padding-right: 7px;
}

.footer-box-text-subscribe form {
	padding-bottom: 10px;
}

.footer-box-text-subscribe input[type="text"] {
	width: 95%;
	height: 26px;
}


.footer-border {
    margin-top: 30px;
    border-top: 1px dashed #ddd;
}

.footer-copyright {
    margin-top: 15px;
    line-height: 24px;
    text-align: left;
}

.footer-other {
    margin-top: 15px;
    line-height: 24px;
    text-align: right;
}
.footer-other a { margin: 0 0 0 10px; font-size: 12px; color: #666; }
.footer-other a:hover, .footer-other a:focus { color: #c81414; }


/***** ページタイトル *****/

.page-title-container {
    margin: 0 auto;
    padding: 30px 0 35px 0;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    text-align: left;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
}

.page-title-container h1 {
    display: inline;
    margin-left: 10px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    vertical-align: middle;
}

.page-title-container p {
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}

.page-title-container i {
    font-size: 46px;
    color: #ccc;
    vertical-align: middle;
}


.organization-list-container {
    margin-top: 20px;
	margin-bottom:50px;
}

/* ----- 左カラム ----- */


.left-col-container {
    margin-top: 20px;
	margin-bottom:50px;
}

.left-col-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.left-col-text h1 {
    margin-top: 25px;
	margin-bottom: 25px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 28px;
    color: #5d5d5d;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.left-col-text p {
    line-height: 28px;
    font-size: 18px;
}

.left-col-text .article_body {
    line-height: 28px;
    font-size: 18px;
}


@media (min-width:768px){
.left-col-text img {
/* 	max-width:70%; */
	text-align:center;
}
}

.left-col-text .shadow{
	-moz-box-shadow: 2px 2px 3px 3px #CCC;
	-webkit-box-shadow: 2px 2px 3px 3px #CCC;
	box-shadow: 2px 2px 3px 3px #CCC;
	background-color: #fff;
	padding: 10px;
	margin:20px 0;
}

.left-col-text .list-group {
	padding-top:30px;
	font-size:16px;
}

.left-col-text .list-group-item.active,
.left-col-text .list-group-item.active:hover,
.left-col-text .list-group-item.active:focus {
	background-color:#c81414;
	border-color:#c81414;
}

.left-col-title {
    background: url(../img/line.png) left center repeat-x;
}

.left-col-title h2 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: #5d5d5d;
    font-weight: bold;
}

/* ----- 群馬とは ----- */

/*****  群馬とは テキスト *****/
.about-us-container {
    margin-top: 20px;
}

.about-us-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.about-us-text h3 {
    margin-top: 25px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.about-us-text p {
    line-height: 28px;
    font-size: 18px;
}

.about-us-container .about-RHYTHM p{
    line-height: 28px;
    font-size: 18px;
}

.theme-container {
    margin-top: 30px;
}

.theme-text {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 30px;

}

.theme-text p {
    line-height: 28px;
    font-size: 18px;
	text-align: left;
}

.about-container {
    margin-top: 30px;
}

.about-title {
    background: url(../img/line.png) left center repeat-x;
}

.about-title h2 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    color: #5d5d5d;
    font-weight: bold;
}

.about-box {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    background: #f8f8f8;
    border-bottom: 2px solid #c81414;
}

.about-box:hover img {
    opacity: 0.7;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.about-box:hover {
	-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

.about-box h3 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.about-box p {
	padding-left: 15px;
    padding-right: 15px;
	margin:15px 0 0;
    line-height: 24px;
}

.about-RHYTHM p {
	margin:15px 0;
}

.about-social a { margin: 0 5px; font-size: 26px; }



/***** Google map *****/

.contact-address {
	padding-bottom: 15px;
}

.contact-address .map {
    margin: 20px 0 40px 0;
    height: 300px;
    border: 5px solid #f8f8f8;
}



/* ----- 組合員活動TOP ----- */

.actv_index-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.actv_index-text h3 {
    margin-top: 25px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    font-size: 20px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.actv_index-box {
	width: 255px;
	margin: 40px 12px 0 12px;
}


.actv_index-container {
    margin-top: 20px;
    padding-bottom: 50px;
}

/*
.actv_index-filters {
	padding-top: 35px;
	padding-bottom: 10px;
	font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.actv_index-filters a { color: #5d5d5d; }
.actv_index-filters a:hover, .actv_index-filters a.active { color: #c81414; }
*/

.actv_index-title {
    background: url(../img/line.png) left center repeat-x;
}

/*.actv_index-box img {
	cursor: pointer;
}*/


/*
.actv_index-box:hover img { opacity: 0.7; 
-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
*/

.actv_index-box-container {
	position: relative;
	background: #f8f8f8;
    border-bottom: 4px solid #c81414;
}

/*
.actv_index-box-container:hover {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
*/

.actv_index-box-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
    height: 35px;
    padding-top: 7.5px;
    padding-left: 3px;
    background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
}

.actv_index-box-text {
	padding: 0 15px 20px 15px;
}

.actv_index-box-text h3 {
    margin-top: 20px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.actv_index-box-text p {
    line-height: 24px;
	color: #666;
}
a:link .actv_index-box-text{
	color: #666;
}

<!--組織案内-->
.organization-list-container {
    margin-top: 20px;
}

.organization-list-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.organization-list-text.map {
	width:100%;
	height:100%;
}

.organization-list-text li {
	list-style: none;
	margin-left:-2em;
	line-height: 28px;
    font-size: 18px;
}

.org-list {
	float: left;
	width: 38%;
    text-align:left;
    line-height: 28px;
    font-size: 15px;
	border-bottom: 1px solid #CCC;
}

.org-name{
	float: left;
	width: 60%;
    text-align:left;
    line-height: 28px;
    font-size: 15px;
	border-bottom: 1px solid #CCC;
}
.organization-list-text h1 {
    margin-top: 25px;
	margin-bottom: 25px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 28px;
    color: #5d5d5d;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.organization-list-text p {
    line-height: 28px;
    font-size: 18px;
}
<!--個人情報保護-->
.privacy-list-container {
    margin-top: 20px;
}

.privacy-list-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.privacy-list-text li {
	list-style: none;
	margin-left:-2em;
	line-height: 28px;
    font-size: 18px;
}

.privacy-list-text h1 {
    margin-top: 25px;
	margin-bottom: 25px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 28px;
    color: #5d5d5d;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.privacy-list-text p {
    line-height: 28px;
    font-size: 18px;
}

<!--配送エリア-->
.area-list-container {
    margin-top: 20px;
}

.area-list-text {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.area-list-text li {
	list-style: none;
	margin-left:-2em;
}
.area-list-text h1 {
    margin-top: 25px;
    font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 28px;
    color: #5d5d5d;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.area-list-text p {
    line-height: 28px;
    font-size: 18px;
	margin:1.5em 0 2em;
}


#article {
}

#article div .article_body {
	padding-bottom:20px;
}


#article ul.files, #article ul.links, #article ul.tags {
    line-height: 28px;
    font-size: 18px;
	margin-left:0;
	padding-left: 1em;
}

#article ul.tags li {
	float:left;
	list-style: none;
	margin-right:1em;
}


#itemInfoBox ul {
	clear: both;
	padding-left: 0;
}

#itemInfoBox col-sm-10 col-sm-offset-1 {
	border-bottom:1px dotted #ccc; 
}
#itemInfoList {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 0.5em;
}

#itemInfoList li {
	list-style: none;
}
#itemInfoList li ul {
	margin-top: 1em;
	padding-top: 0.5em;
	border-top: 1px dotted #CCC;
}

#itemInfoList li ul li {
	list-style: none;
	font-size: 130%;
	margin: 0.5em auto;
	padding: 0 0.5em;
	text-align: left;
}

/* For EasyScrollEffect */
.scroll-effect {
  background: transparent;
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 700ms;
}
.scroll-effect.is-active {
  opacity : 1;
  transform : translate(0, 0);
}
/* For EasyScrollEffect */

