@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

section.sliderBox {
	width: 1280px;
	background-image: url("../img/index_slider_bg.jpg");
	background-size: contain;
	margin: 0 auto 30px auto;
}
.slider-proBOX {
	width: 1080px;
	height: auto;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
section.sliderBox {
	width: 100%;
	height: auto;
	background-image: url("../img/index_slider_bg.jpg");
	background-size: contain;
}
.slider-proBOX {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
}



section.news {
	margin: 30px 0px 30px 100px;
	padding: 0;
	float: left;
	width: 700px;
}
section.news img {
	display: block;
	margin: 0 0 15px 0;
}
section.news ul {
	list-style-type: none;
	margin: 0 0 10px 20px;
	padding: 0;
	text-align: left;
	width: 680px;
	height: 1106px;
	overflow: hidden;
}
section.news ul li {
	margin: 0 0 10px 0px;
	padding: 0;
	text-align: left;
	font-size: 14px;
}
section.news ul li a.pickUp {
	color: #cc3366;
}
section.news ul li span.blog {
	font-size: 10px;
	color: #ff6666;
	border: 1px solid #ff6666;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 3px;
}
section.news ul li span.memBer {
	font-size: 10px;
	color: #669900;
	border: 1px solid #669900;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 3px;
}
section.news ul li span.boSYU {
	font-size: 12px;
	color: #FFF;
	border: 1px solid #cc6633;
	background-color: #cc6633;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 3px;
	font-weight: 500;
}
section.rightBo {
	margin: 30px 100px 30px 0px;
	padding: 0;
	float: right;
	width: 295px;
}
section.rightBo img {
	display: block;
	margin: 8px 0 0px 0;
}
.fb-container {
		width: 295px;
	}

@media screen and (max-width: 767px) {
section.news {
	margin: 30px auto 50px auto;
	padding: 0;
	float: none;
	width: 100%;
	text-align: center;
}
section.news img {
	display: block;
	margin: 15px auto;	
	width: 90%;
}
section.news img.newsTitle {
	display: block;
	margin: 15px auto;	
	width: 70%;
}
section.news ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 85%;
	height: 520px;
	overflow: hidden;
}
section.news ul li {
	margin: 0 0 10px 0px;
	padding: 0;
	text-align: left;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
section.rightBo {
	margin: 30px auto;
	padding: 0;
	float: none;
	width: 90%;
}
section.rightBo img {
	display: inline-block;
	margin: 8px 2px 0px 2px;
	width: 48%;
}
.fb-container {
		width: 100%;
		max-width: 500px;
		height: 350px;
	}
}