@charset "UTF-8";
/* @group Reset */
#example1 {
		position: relative;
	}
	.sp-slides {
	position: relative;
		
	}
	.sp-slides img {

    position: absolute;
    top: 0;
    left: 0;
		z-index: 1;
	}
	.img_txt {
		position: absolute;
		top:0;
		left: 0;
		z-index: 2;
	}

.sp-button {
    border:2px solid #ccc;
	background: #000;
}
.sp-selected-button {
  background-color: #ccc;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*768px*//*1024px*/
@media print, screen and (min-width : 768px){
	
	#main_bg {
		padding: 20px 0 30px;
		background: #000;
		margin-bottom: 50px;
	}
	#blog {
		float: left;
		width: 420px; 
		margin-right: 20px;
	}
	#blog p {
		padding-bottom: 5px;
	 	border-bottom: 3px solid #000;
		margin-bottom: 10px;
	}
	#fb {
		float: left;
		width: 330px; 
	}
	#shop {
	 margin: 30px 0 0 0;
	}

}
/*-----------------------------------------------------------*/
@media only screen and (max-width: 767px)  {
	#main_bg {
		padding: 0 0 1.5em;
		background: #000;
	}
	.nav_sp {
		margin: 1em auto 0;
		width: 90%;
	}
	.nav_sp ul li {
		width: 47.5%;
		margin-bottom: 2.5%;
	}
	.nav_sp ul li{
		float: left;
	}
	.nav_sp ul li:nth-child(2n){
		float: right;
	}
	#blog p {
		padding-bottom: 5px;
	 	border-bottom: 3px solid #000;
		margin-bottom: 10px;	
	}
	#fb {
		margin: 1.5em auto 2.5em;
	text-align: center;
	}
	
}