@charset "UTF-8";

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

	トップページ設定用

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

#main_img {
	margin:0px 0 40px;
	padding:0px 0 0px 0;
	text-align:center;
	animation-name: SlideDown;
	animation-duration: 2s;
}

#main_img li{
	text-align:center;
}

.sp_none{display:block;}
.pc_none{display:none;}



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

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

.sp_none{display:none;}
.pc_none{display:block;}


}





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

#point_area{
min-height:331px;
position:relative;
margin:10px 0 0;
}

#point_area figure{
float:left;
width:15%;
padding:50px 0 0 ;
}

.point_p{
float:right;
width:80%;
padding:80px 0 0 ;
}

.toha{
position:absolute;
left:10%;
}

#point_area h2{
font-size:160%;
text-align:left;
padding:0px 0px 20px 0px ;
color: #287c2c;
font-weight:bold;
}


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


#point_area h2{
font-size:115%;
padding:0px 0px 20px 0px ;
}

#point_area figure{
padding:70px 0 0 ;
}

.toha{
width:220px;
left:5%;
}

}


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

.news{
margin:0px auto 40px;
width:80%;
background:#f4f3e9;
border:solid 1px #e3e0c8;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.news_tt{
color:#6db27e;
text-align:left;
padding:10px 0 10px 20px;
font-size:120%;
background:#e3e0c8;
font-weight:bold;
}

.news_tt h2{
border-left:8px #6db27e solid;
padding:0 0 0 15px;
}


.news_info{
margin:15px;
height: 215px;overflow-y: scroll;
}

.news_info ul{
padding:0px 15px 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 time{
color:#f37800;
display:block;
margin:0px 20px 0px 0px ;}


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

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


}



.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;
}


.video{
  position:relative;
  width:90%;
  margin:20px auto;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}