@charset "UTF-8";

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

	トップページ設定用

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

#main_img {
	margin:0px 0 40px;
	padding:0px 0 0px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	animation-name: SlideDown;
	animation-duration: 2s;
}

#main_img h2{
        position:absolute;
	top:100px;
	width:100%;
	z-index:99;
	text-align:center;
	padding:120px 0 20px 0px;
	font-size:300%;
	line-height:1.6;
	font-weight:normal;
	color:#4e7d17;
	text-shadow:2px 2px 8px #fff;
}



#main_img h2 span{
	color:#333;
	font-size:80%;
	font-weight:200;
	display:block;
	text-align:center;
	line-height:1.9;
}

@media only screen and (max-width: 1600px) {

#main_img {
        margin:0px 0 20px;
}

#main_img h2{font-size:160%;padding:0px 0 0px 0px;top:40px;}

}

@media only screen and (max-width: 1000px) {

#main_img h2{font-size:140%;padding:0px 0 0px 0px;top:40px;}

}

@media only screen and (max-width: 400px) {

#main_img h2{font-size:100%;padding:0px 0 0px 0px;top:30px;}

}




/* ----------   挨拶  --------------------- */

#point_area{
padding:40px 0px 40px;
background:#fff;
}

#point_area .lead_tt{
background:url(../images/tt_02.png) no-repeat center bottom;
font-size:200%;
text-align:center;
padding:0px 0px 70px 0px ;
margin:0px 0px 0px 0px ;
color:#000;
font-weight:bold;
}

#point_area .lead_tt span{
font-size:70%;
color:#ff4800;
display:block;
text-align:center;
}

#point_area h4{
font-size:130%;
display:block;
font-weight:bold;
padding-bottom:20px;
}

#point_area h4 span{
display:block;
font-size:135%;
color:#274b70;
}

.ab_ul li{
padding:10px 0;
font-weight:bold;
font-size:110%;
color:#ff7e00;
border-bottom:dotted 1px #ccc;
}

.ab_ul li:before{
content:'\f138';margin-right:5px;font-family:'FontAwesome';
color:#993d3f;
font-size:120%;
}
.ab_ul li span{
font-weight:normal;
display:block;
font-size:90%;
color:#333;
padding:0 0 0 15px;
}

@media only screen and (max-width: 768px) {

#point_area h4{
font-size:115%;
}

#point_area h4 span{
font-size:110%;
}
}


/* ----------   新着情報  --------------------- */

.news{
margin:0px auto 40px;
width:80%;
background:#0e3a5d;
}

.news_tt{
color:#fff;
text-align:center;
padding:10px 0 10px;
font-size:120%;
background:#1d6e2a;
}


.news_info{
margin:0px 0px 0px;
height: 200px;overflow-y: scroll;
background:#f4f4f4;
}

.news_info ul{
padding:20px 25px 15px;
}

.news_info li{
padding:0 0 1% 0 ;
border-bottom:dotted 1px #ccc;
margin:0px 0px 10px 0px ;
}

.news_info li a{
color:#333;
}

.news_info li a:hover{
color:red;
}

.news_info li span{
color:#f37800;
display:block;
margin:0px 20px 0px 0px ;}


@media only screen and (max-width: 768px) {

.news{
width:98%;
margin:0px auto 10px;
}


.news_tt{
color:#fff;
text-align:center;
width:100%;
float:none;
padding:5px 0 5px;
}

.news_tt br{
display:none;
}

.news_info{
margin:0px 0px 0px;
float:none;
width:100%;
background:#f4f4f4;
}

}



.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}