@charset "UTF-8";
@import url("style.css");
/* CSS Document */

/*------------------------------
index
------------------------------*/
#topimage {
	width: 100%;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}

#bn_box {
    z-index: 100;
	text-align: center;
}

.bn_inner {
	text-align: center;
	margin: 0 auto;
}

.bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
}

/*------------------------------
main
------------------------------*/
/* ニュース　*/
dl.news_li {
    width: 100%;
    border-top: 3px solid #194f00;
    border-bottom: 1px solid #194f00;
	margin-bottom: 0.4rem;
}

.news_li dd {
    width: 100%;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 0.4rem;
}

.news_li dd:last-child {
     border-bottom: none;
}

.news_li dt {
    width: 100%;
    padding-top: 0.4rem;
}

.news_title a {
    color: #194f00;
    font-weight: 700;
    text-decoration: none;
}

.news_title a:hover {
    text-decoration: underline;
}

.ichiran{
	text-align: right;
	width: 100%;
	padding-bottom:3rem; 
}

.ichiran a{
	color:#000000;
}

.ichiran a:after{
	content: "▶︎";
}

.ichiran a:hover{
	color:#008549;
}

/* 中　*/
#center_ul{
	float: left;
}
	
#center_ul li{
	float: left;
}

/*------------------------------
/*------------------------------
1080px以上(pc)
------------------------------*/
@media screen and (min-width: 1080px) {
	
/* レイアウト*/
#box1 {
    float: left;
    width: 520px;
}
		
#box3 {
    float: right;
    width: 250px;
}
	
/* topimage */
#topimage {
	height: 500px;
	margin-bottom: 30px;
}
	
.bg-slider {
	width: 100%;
	height: 500px;
	background-position:center center;
	background-size:100% auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
#bn_box {
    width: 100%;
	position: absolute;
	padding:14px 0;
	bottom: 20px;
	z-index: 2;
	background: url(../index/bnbox_bg.png);
}

.bn_inner {
    max-width: 1090px;
	width: 100%;
}
	
/* ニュース */
.news_li {
    font-size: 1.6rem;
}
	
.news_day {
    font-size: 1.4rem;
}
	
.ichiran{
	font-size: 1.4rem;
}
	
/* 中 */		
#center_ul li{
	width: 250px;
	margin-bottom: 20px;
}

.margin_r{
	margin-right: 20px;
}
	
.fb_bn{
		display: none;
}
}

/*------------------------------
/*------------------------------
768−1079px(tablet)
------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1079px) {
	
/* レイアウト*/	
#box1 {
    float: left;
    width: 46vw;
}
	
#box3 {
    float: right;
    width: 20vw;
}	
	
/* 右メニュー */
#box3 li img{
	width: 100%;
	height: auto;
}
	
/* topimage */
#topimage {
}
	
.bg-slider {
	width: 100%;
	height: 350px;
	background-position:center center;
	background-size:100% auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
#bn_box {
    width: 100%;
	height: auto;
	padding:10px 0px;
	z-index: 2;
	background-color: #c5ded1;
}

.bn_inner {
	width: 90%;
	height: auto;
}
	
.bn_inner li img {
	height: auto;
	width: 100%;
}
	
/* ニュース */	
.news_li {
 font-size:;
1.8rem;
}
	
.news_day {
    font-size: 1.6rem;
}

/* 中 */		
#center_ul li{
	width: 48%;
	margin-bottom: 20px;
}
	
#center_ul li img{
	width: 100%;
	height: auto;
}

.margin_r{
	margin-right: 4%;
}
	
.fb_bn{
		display: none;
}
}

/*------------------------------
/*------------------------------
0-767px
------------------------------*/
@media screen and (max-width: 767px) {
	
/* レイアウト*/
#box1 {
    width: 100%;
}
	
#box3 {
	display: none;
}
	
.bg-slider {
	width: 100%;
	height: 200px;
	background-position:center center;
	background-size:100% auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
#bn_box {
    width: 100%;
	height: auto;
	padding:10px 0px;
	z-index: 2;
	background-color: #c5ded1;
}

.bn_inner {
	width: 90%;
	height: auto;
}
	
.bn_inner li img {
	height: auto;
	width: 100%;
}
	
/* ニュース */	
.news_li {
 font-size:;
1.8rem;
}
	
.news_day {
    font-size: 1.6rem;
}
	
/* 中 */	
#center_ul{
	margin-bottom: 20px;
}	
	
#center_ul li{
	width: 48%;
	margin-bottom: 20px;
}
	
#center_ul li img{
	width: 100%;
	height: auto;
}

.margin_r{
	margin-right: 4%;
}
	
.fb_bn{
	margin-bottom: 20px;
	width: 100%;
}
	
.fb_bn img{
	width: 100%;
	height: auto;
}	
}