/* CSS Document */

@charset "utf-8";






.pickup {
	clear: both;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.pickup li {
	float: left;
	width: 50%;
	line-height: 0%;
}
.pickup li img {
	width: 100%;
}
.pickup:after {
height: 0;
visibility: hidden ;
content: ".";
display: block ;
clear: both ;
}








.slide {
	width: 100%;
	z-index: -9999 !important;
}
.slide li {
	line-height: 0px;
	background-color: #000000;
}
.slide .bx-wrapper {
	margin: 0 auto;
}
.slide .bx-wrapper .bx-viewport {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: 0;
}
.slide .bx-wrapper .bx-pager, .slide .bx-wrapper .bx-controls-auto {
	bottom: 20px;
}
.slide .bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.slide .bx-wrapper .bx-pager.bx-default-pager a.active, .slide .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #004EA2;
}
.slide .bx-wrapper img {
	height: auto;
	opacity: 0.8;
}
.slide .bx-wrapper img.sp {
	display: none;
}
.main_image {
	padding-top: 70px;
	z-index: -9999 !important;
}
h1 {
	position: absolute;
	text-align: right;
	top: 35%;
	z-index: 200;
	right: 0px;
}
h1 img {
	width: 80%;
}


.blogbase {
	text-align: left;
	float: left;
	width: 550px;
}
.instabase {
	float: right;
	width: 550px;
}

.blog_list li {
	line-height: 160%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.blog_list li a:link,.blog_list li a:visited {
	color: #000;
	text-decoration: none;
}
.blog_list li a:active,.blog_list li a:hover {
	color: #369;
	text-decoration: underline;
}




@media screen and (max-width: 768px) {
	.spheader {
	padding-top: 70px!important;
}
	.header h1 img{
	width: 100%;}
	.header {
	height: 100%;
}
	.header .slide {
  height: 70%;
		margin-bottom: 0px!important;
	padding-bottom: 0px!important;
}
.header .slide img{
    width: 100%;
}
.header .slide li {
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-size: cover;
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
}
	.spconcept {
	margin-top: -150px!important;
	}
	.blogbase {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom: 50px;
}
	.instabase {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom: 50px;
}

	
	h1 {
	position: absolute;
	text-align: right;
	top: 50%;
	z-index: 200;
	right: 0px;
	width: 100%;
}
	h1 img {width: 80%;}
	

}